Upgrade to ExtJS 3.1.1 - Released 02/08/2010
[extjs.git] / resources / css / ext-all.css
index 152b3d1..e2f5abd 100644 (file)
@@ -1,6 +1,6 @@
 /*!
- * Ext JS Library 3.0.3
- * Copyright(c) 2006-2009 Ext JS, LLC
+ * Ext JS Library 3.1.1
+ * Copyright(c) 2006-2010 Ext JS, LLC
  * licensing@extjs.com
  * http://www.extjs.com/license
  */
@@ -97,6 +97,7 @@ html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,bloc
     zoom: 1;\r
     background-color: transparent;\r
     -moz-outline: none;\r
+    outline: none;\r
 }\r
 \r
 .x-item-disabled {\r
@@ -637,9 +638,20 @@ ul.x-tab-strip li.x-tab-edge {
 /*
  * Horrible hack for IE8 in quirks mode
  */
-.ext-border-box .ext-ie8 .x-tab-strip .x-tab-right{
+.ext-ie8 ul.x-tab-strip li {
+    position: relative;
+}
+.ext-ie8 .x-tab-strip .x-tab-right{
+    margin-bottom: 0 !important;
     top: 1px;
 }
+.ext-ie8 ul.x-tab-strip-top {
+    padding-top: 0;
+}
+.ext-ie8 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
+    top:4px;
+}
+
 
 .x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
     padding-bottom:5px;
@@ -700,14 +712,15 @@ ul.x-tab-strip li.x-tab-edge {
 }
 
 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
-       background: no-repeat bottom left;
+       background: no-repeat bottom right;
 }
 
 .x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
-       background: no-repeat bottom right;
+       background: no-repeat bottom left;
 }
 
 .x-tab-strip-bottom .x-tab-left {
+    margin-right: 3px;
     padding:0 10px;
 }
 
@@ -1343,7 +1356,7 @@ fieldset.x-panel-collapsed .x-fieldset-bwrap {
     margin-left:-3px;
 }
 
-/* IE legend positioing bug */
+/* IE legend positioning bug */
 .ext-ie .x-fieldset-noborder legend {
     position: relative;
     margin-bottom:23px;
@@ -1355,11 +1368,13 @@ fieldset.x-panel-collapsed .x-fieldset-bwrap {
         
 .ext-gecko .x-window-body .x-form-item {
     -moz-outline: none;
+    outline: none;
     overflow: auto;
 }
 
 .ext-gecko .x-form-item {
     -moz-outline: none;
+    outline: none;
 }
 
 .x-hide-label label.x-form-item-label {
@@ -1839,6 +1854,10 @@ fieldset.x-panel-collapsed .x-fieldset-bwrap {
     overflow:hidden;\r
 }\r
 \r
+.x-toolbar-left {\r
+    width: 100%;\r
+}\r
+\r
 .x-toolbar .x-item-disabled .x-btn-icon {\r
     opacity: .35;\r
     -moz-opacity: .35;\r
@@ -2086,6 +2105,7 @@ div.x-toolbar-no-items {
 \r
 .x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{\r
     -moz-outline: none;\r
+    outline: none;\r
        -moz-user-focus: normal;\r
 }\r
 \r
@@ -2498,10 +2518,18 @@ a.x-grid3-hd-btn:hover {
 }\r
 \r
 .x-grid3-hd-checker {\r
+    background-position:2px 1px;\r
+}\r
+\r
+.ext-border-box .x-grid3-hd-checker {\r
     background-position:2px 3px;\r
 }\r
 \r
 .x-grid3-hd-checker-on .x-grid3-hd-checker {\r
+    background-position:-23px 1px;\r
+}\r
+\r
+.ext-border-box .x-grid3-hd-checker-on .x-grid3-hd-checker {\r
     background-position:-23px 3px;\r
 }\r
 \r
@@ -2599,6 +2627,15 @@ a.x-grid3-hd-btn:hover {
     position:relative;\r
 }\r
 \r
+\r
+/* Reset position to static when Grid Panel has been framed */\r
+/* to resolve 'snapping' from top to bottom behavior. */\r
+/* @forumThread 86656 */\r
+.ext-ie7 .x-grid-panel .x-panel-mc .x-panel-bbar {\r
+    position: static;\r
+}\r
+\r
+\r
 .ext-ie6 .x-grid3-header {\r
     position: relative;\r
 }\r
@@ -2689,7 +2726,11 @@ a.x-grid3-hd-btn:hover {
 }\r
 \r
 .ext-ie .x-tree-node-indent img, .ext-ie .x-tree-node-icon, .ext-ie .x-tree-ec-icon {\r
-    vertical-align:middle !important;\r
+    vertical-align: middle !important;\r
+}\r
+\r
+.ext-strict .ext-ie8 .x-tree-node-indent img, .ext-strict .ext-ie8 .x-tree-node-icon, .ext-strict .ext-ie8 .x-tree-ec-icon {\r
+    vertical-align: top !important;\r
 }\r
 \r
 /* checkboxes */\r
@@ -2950,10 +2991,16 @@ input.x-tree-node-cb {
 }
 
 table.x-date-inner {
-    width:100%;
+    width: 100%;
     table-layout:fixed;
 }
 
+.ext-webkit table.x-date-inner{
+    /* Fix for webkit browsers */
+    width: 175px;
+}
+
+
 .x-date-inner th {
     width:25px;
 }
@@ -3133,7 +3180,7 @@ td.x-date-mp-sep {
        top: 0;\r
     left:0;\r
     visibility: hidden;\r
-       z-index: 20000;\r
+       z-index: 20002;\r
     border:0 none;\r
 }\r
 \r
@@ -3316,11 +3363,14 @@ td.x-date-mp-sep {
 \r
 .x-menu-list-item{\r
     white-space: nowrap;\r
+       display:block;\r
+       padding:1px;\r
+}\r
+\r
+.x-menu-item{\r
     -moz-user-select: none;\r
     -khtml-user-select:none;\r
     -webkit-user-select:ignore;\r
-       display:block;\r
-       padding:1px;\r
 }\r
 \r
 .x-menu-item-arrow{\r
@@ -3449,6 +3499,36 @@ a.x-menu-item {
    padding:0 !important;\r
 }\r
 \r
+/*\r
+ * fixes separator visibility problem in IE 6\r
+ */\r
+.ext-strict .ext-ie6 .x-menu-sep-li {\r
+    padding: 3px 4px;\r
+}\r
+.ext-strict .ext-ie6 .x-menu-sep {\r
+    margin: 0;\r
+    height: 1px;\r
+}\r
+\r
+/*\r
+ * Ugly mess to remove the white border under the picker\r
+ */\r
+.ext-ie .x-date-menu{\r
+    height: 199px;\r
+}\r
+\r
+.ext-strict .ext-ie .x-date-menu, .ext-border-box .ext-ie8 .x-date-menu{\r
+    height: 197px;\r
+}\r
+\r
+.ext-strict .ext-ie7 .x-date-menu{\r
+    height: 195px;\r
+}\r
+\r
+.ext-strict .ext-ie8 .x-date-menu{\r
+    height: auto;\r
+}\r
+\r
 .x-cycle-menu .x-menu-item-checked {\r
     border:1px dotted !important;\r
        padding:0;\r
@@ -3472,8 +3552,7 @@ a.x-menu-item {
 \r
 .x-menu-list-item-indent{\r
     padding-left: 27px;\r
-}\r
-/*
+}/*
  Creates rounded, raised boxes like on the Ext website - the markup isn't pretty:
   <div class="x-box-blue">
         <div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>
@@ -3546,25 +3625,6 @@ a.x-menu-item {
 .x-box-tr, .x-box-br {
        padding-right: 8px;
        overflow: hidden;
-}#x-debug-browser .x-tree .x-tree-node a span {
-    padding-top:2px;
-    line-height:18px;
-}
-
-#x-debug-browser  .x-tool-toggle {
-    background-position:0 -75px;
-}
-
-#x-debug-browser  .x-tool-toggle-over {
-    background-position:-15px -75px;
-}
-
-#x-debug-browser.x-panel-collapsed .x-tool-toggle {
-    background-position:0 -60px;
-}
-
-#x-debug-browser.x-panel-collapsed .x-tool-toggle-over {
-    background-position:-15px -60px;
 }.x-combo-list {
     border:1px solid;
     zoom:1;
@@ -3999,29 +4059,6 @@ a.x-menu-item {
     overflow:hidden;
 }
 
-.x-panel-btns-right .x-panel-fbar {
-       float:right;
-       clear:none;
-}
-
-.x-panel-btns-left .x-panel-fbar {
-       clear:none;
-}
-
-.x-panel-btns-center{
-       text-align:center; /*ie*/
-}
-
-.x-panel-btns-center .x-toolbar-ct {
-       margin:0 auto; /*everyone else*/
-    text-align:left;
-    width:auto;
-}
-
-.ext-ie .x-panel-btns-right .x-toolbar-ct, .ext-gecko2 .x-panel-btns-right .x-toolbar-ct {
-    width:auto;
-}
-
 .x-panel-btns td.x-toolbar-cell{
        padding:3px;
 }
@@ -4193,7 +4230,7 @@ a.x-menu-item {
     zoom:1;
 }
 
-.x-window .x-resizable-handle {
+.x-window .x-window-handle {
     opacity:0;
     -moz-opacity:0;
     filter:alpha(opacity=0);
@@ -4354,7 +4391,7 @@ a.x-menu-item {
     overflow:hidden;
 }
 
-.x-window-maximized .x-resizable-handle {
+.x-window-maximized .x-window-handle {
     display:none;
 }
 
@@ -4864,7 +4901,8 @@ body.ext-ie6.x-body-masked .x-window select {
 \r
 .ext-strict .ext-ie7 .x-progress-text-back{\r
     width: 100%;\r
-}.x-list-header{\r
+}\r
+.x-list-header{\r
        background: repeat-x 0 bottom;\r
        cursor:default;\r
     zoom:1;\r
@@ -4944,9 +4982,6 @@ body.ext-ie6.x-body-masked .x-window select {
     padding-bottom:3px;\r
 }\r
 \r
-.x-list-wrap {\r
-    overflow: auto;\r
-}\r
 /* Shared styles */\r
 .x-slider {\r
     zoom:1;\r
@@ -5231,6 +5266,14 @@ ul.x-tab-strip-bottom{
        background-image: url(../images/default/tabs/tab-btm-inactive-left-bg.gif);
 }
 
+.x-tab-strip-bottom .x-tab-strip-over .x-tab-right {
+       background-image: url(../images/default/tabs/tab-btm-over-right-bg.gif);
+}
+
+.x-tab-strip-bottom .x-tab-strip-over .x-tab-left {
+       background-image: url(../images/default/tabs/tab-btm-over-left-bg.gif);
+}
+
 .x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
        background-image: url(../images/default/tabs/tab-btm-right-bg.gif);
 }
@@ -5380,7 +5423,7 @@ ul.x-tab-strip-bottom{
 }
 
 .ext-webkit .x-small-editor .x-form-field {
-    font:normal 12px arial, tahoma, helvetica, sans-serif;
+    font:normal 11px arial, tahoma, helvetica, sans-serif;
 }
 
 .x-form-invalid-icon {
@@ -6356,23 +6399,6 @@ a.x-menu-item {
 
 .x-box-blue .x-box-mr {
        background-image: url(../images/default/box/r-blue.gif);
-}#x-debug-browser .x-tree .x-tree-node a span {
-    color:#222297;
-    font-size:11px;
-    font-family:"monotype","courier new",sans-serif;
-}
-
-#x-debug-browser .x-tree a i {
-    color:#ff4545;
-    font-style:normal;
-}
-
-#x-debug-browser .x-tree a em {
-    color:#999;
-}
-
-#x-debug-browser .x-tree .x-tree-node .x-tree-selected a span{
-    background-color:#c3daf9;
 }.x-combo-list {
     border-color:#98c0f4;
     background-color:#ddecfe;