Upgrade to ExtJS 3.0.0 - Released 07/06/2009
[extjs.git] / resources / css / structure / core.css
diff --git a/resources/css/structure/core.css b/resources/css/structure/core.css
new file mode 100644 (file)
index 0000000..6e6ff03
--- /dev/null
@@ -0,0 +1,326 @@
+/*!
+ * Ext JS Library 3.0.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
+.ext-el-mask {\r
+    z-index: 100;\r
+    position: absolute;\r
+    top:0;\r
+    left:0;\r
+    -moz-opacity: 0.5;\r
+    opacity: .50;\r
+    filter: alpha(opacity=50);\r
+    width: 100%;\r
+    height: 100%;\r
+    zoom: 1;\r
+}\r
+\r
+.ext-el-mask-msg {\r
+    z-index: 20001;\r
+    position: absolute;\r
+    top: 0;\r
+    left: 0;\r
+    border:1px solid;\r
+    background:repeat-x 0 -16px;\r
+    padding:2px;\r
+}\r
+\r
+.ext-el-mask-msg div {\r
+    padding:5px 10px 5px 10px;\r
+    border:1px solid;\r
+    cursor:wait;\r
+}\r
+\r
+.ext-shim {\r
+    position:absolute;\r
+    visibility:hidden;\r
+    left:0;\r
+    top:0;\r
+    overflow:hidden;\r
+}\r
+\r
+.ext-ie .ext-shim {\r
+    filter: alpha(opacity=0);\r
+}\r
+\r
+.ext-ie6 .ext-shim {\r
+    margin-left: 5px;\r
+    margin-top: 3px;\r
+}\r
+\r
+.x-mask-loading div {\r
+    padding:5px 10px 5px 25px;\r
+    background:no-repeat 5px 5px;\r
+    line-height:16px;\r
+}\r
+\r
+/* class for hiding elements without using display:none */\r
+.x-hidden, .x-hide-offsets {\r
+    position:absolute !important;\r
+    left:-10000px;\r
+    top:-10000px;\r
+    visibility:hidden;\r
+}\r
+\r
+.x-hide-display {\r
+    display:none !important;\r
+}\r
+\r
+.x-hide-visibility {\r
+    visibility:hidden !important;\r
+}\r
+\r
+.x-masked {\r
+    overflow: hidden !important;\r
+}\r
+.x-masked-relative {\r
+    position: relative !important;\r
+}\r
+\r
+.x-masked select, .x-masked object, .x-masked embed {\r
+    visibility: hidden;\r
+}\r
+\r
+.x-layer {\r
+    visibility: hidden;\r
+}\r
+\r
+.x-unselectable, .x-unselectable * {\r
+    -moz-user-select: none;\r
+    -khtml-user-select: none;\r
+    -webkit-user-select:ignore;\r
+}\r
+\r
+.x-repaint {\r
+    zoom: 1;\r
+    background-color: transparent;\r
+    -moz-outline: none;\r
+}\r
+\r
+.x-item-disabled {\r
+    cursor: default;\r
+    opacity: .6;\r
+    -moz-opacity: .6;\r
+    filter: alpha(opacity=60);\r
+}\r
+\r
+.x-item-disabled * {\r
+    cursor: default !important;\r
+}\r
+\r
+.x-splitbar-proxy {\r
+    position: absolute;\r
+    visibility: hidden;\r
+    z-index: 20001;\r
+    zoom: 1;\r
+    line-height: 1px;\r
+    font-size: 1px;\r
+    overflow: hidden;\r
+}\r
+\r
+.x-splitbar-h, .x-splitbar-proxy-h {\r
+    cursor: e-resize;\r
+    cursor: col-resize;\r
+}\r
+\r
+.x-splitbar-v, .x-splitbar-proxy-v {\r
+    cursor: s-resize;\r
+    cursor: row-resize;\r
+}\r
+\r
+.x-color-palette {\r
+    width: 150px;\r
+    height: 92px;\r
+    cursor: pointer;\r
+}\r
+\r
+.x-color-palette a {\r
+    border: 1px solid;\r
+    float: left;\r
+    padding: 2px;\r
+    text-decoration: none;\r
+    -moz-outline: 0 none;\r
+    outline: 0 none;\r
+    cursor: pointer;\r
+}\r
+\r
+.x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {\r
+    border: 1px solid;\r
+}\r
+\r
+.x-color-palette em {\r
+    display: block;\r
+    border: 1px solid;\r
+}\r
+\r
+.x-color-palette em span {\r
+    cursor: pointer;\r
+    display: block;\r
+    height: 10px;\r
+    line-height: 10px;\r
+    width: 10px;\r
+}\r
+\r
+.x-ie-shadow {\r
+    display: none;\r
+    position: absolute;\r
+    overflow: hidden;\r
+    left:0;\r
+    top:0;\r
+    zoom:1;\r
+}\r
+\r
+.x-shadow {\r
+    display: none;\r
+    position: absolute;\r
+    overflow: hidden;\r
+    left:0;\r
+    top:0;\r
+}\r
+\r
+.x-shadow * {\r
+    overflow: hidden;\r
+}\r
+\r
+.x-shadow * {\r
+    padding: 0;\r
+    border: 0;\r
+    margin: 0;\r
+    clear: none;\r
+    zoom: 1;\r
+}\r
+\r
+/* top  bottom */\r
+.x-shadow .xstc, .x-shadow .xsbc {\r
+    height: 6px;\r
+    float: left;\r
+}\r
+\r
+/* corners */\r
+.x-shadow .xstl, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbr {\r
+    width: 6px;\r
+    height: 6px;\r
+    float: left;\r
+}\r
+\r
+/* sides */\r
+.x-shadow .xsc {\r
+    width: 100%;\r
+}\r
+\r
+.x-shadow .xsml, .x-shadow .xsmr {\r
+    width: 6px;\r
+    float: left;\r
+    height: 100%;\r
+}\r
+\r
+.x-shadow .xsmc {\r
+    float: left;\r
+    height: 100%;\r
+    background: transparent;\r
+}\r
+\r
+.x-shadow .xst, .x-shadow .xsb {\r
+    height: 6px;\r
+    overflow: hidden;\r
+    width: 100%;\r
+}\r
+\r
+.x-shadow .xsml {\r
+    background: transparent repeat-y 0 0;\r
+}\r
+\r
+.x-shadow .xsmr {\r
+    background: transparent repeat-y -6px 0;\r
+}\r
+\r
+.x-shadow .xstl {\r
+    background: transparent no-repeat 0 0;\r
+}\r
+\r
+.x-shadow .xstc {\r
+    background: transparent repeat-x 0 -30px;\r
+}\r
+\r
+.x-shadow .xstr {\r
+    background: transparent repeat-x 0 -18px;\r
+}\r
+\r
+.x-shadow .xsbl {\r
+    background: transparent no-repeat 0 -12px;\r
+}\r
+\r
+.x-shadow .xsbc {\r
+    background: transparent repeat-x 0 -36px;\r
+}\r
+\r
+.x-shadow .xsbr {\r
+    background: transparent repeat-x 0 -6px;\r
+}\r
+\r
+.loading-indicator {\r
+    background: no-repeat left;\r
+    padding-left: 20px;\r
+    line-height: 16px;\r
+    margin: 3px;\r
+}\r
+\r
+.x-text-resize {\r
+    position: absolute;\r
+    left: -1000px;\r
+    top: -1000px;\r
+    visibility: hidden;\r
+    zoom: 1;\r
+}\r
+\r
+.x-drag-overlay {\r
+    width: 100%;\r
+    height: 100%;\r
+    display: none;\r
+    position: absolute;\r
+    left: 0;\r
+    top: 0;\r
+    background-image:url(../images/default/s.gif);\r
+    z-index: 20000;\r
+}\r
+\r
+.x-clear {\r
+    clear:both;\r
+    height:0;\r
+    overflow:hidden;\r
+    line-height:0;\r
+    font-size:0;\r
+}\r
+\r
+.x-spotlight {\r
+    z-index: 8999;\r
+    position: absolute;\r
+    top:0;\r
+    left:0;\r
+    -moz-opacity: 0.5;\r
+    opacity: .50;\r
+    filter: alpha(opacity=50);\r
+    width:0;\r
+    height:0;\r
+    zoom: 1;\r
+}\r
+\r
+#x-history-frame {\r
+    position:absolute;\r
+    top:-1px;\r
+    left:0;\r
+       width:1px;\r
+    height:1px;\r
+    visibility:hidden;\r
+}\r
+\r
+#x-history-field {\r
+    position:absolute;\r
+    top:0;\r
+    left:-1px;\r
+       width:1px;\r
+    height:1px;\r
+    visibility:hidden;\r
+}\r