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