Upgrade to ExtJS 3.3.1 - Released 11/30/2010
[extjs.git] / resources / css / ext-all-notheme.css
index 2dc750d..183294b 100644 (file)
@@ -1,10 +1,17 @@
 /*!
 /*!
- * Ext JS Library 3.2.1
- * Copyright(c) 2006-2010 Ext JS, Inc.
- * licensing@extjs.com
- * http://www.extjs.com/license
+ * Ext JS Library 3.3.1
+ * Copyright(c) 2006-2010 Sencha Inc.
+ * licensing@sencha.com
+ * http://www.sencha.com/license
  */
  */
-html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}img,body,html{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}.ext-el-mask {
+html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}img,body,html{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}
+
+.ext-forced-border-box, .ext-forced-border-box * {
+    -moz-box-sizing: border-box;
+    -ms-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+}
+.ext-el-mask {
     z-index: 100;
     position: absolute;
     top:0;
     z-index: 100;
     position: absolute;
     top:0;
@@ -68,6 +75,16 @@ html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,bloc
     display:none !important;
 }
 
     display:none !important;
 }
 
+.x-hide-nosize,
+.x-hide-nosize *    /* Emulate display:none for children */
+ {
+   height:0px!important;
+   width:0px!important;
+   visibility:hidden!important;
+   border:none!important;
+   zoom:1;
+}
+
 .x-hide-visibility {
     visibility:hidden !important;
 }
 .x-hide-visibility {
     visibility:hidden !important;
 }
@@ -224,7 +241,7 @@ html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,bloc
 .x-shadow .xsmc {
     float: left;
     height: 100%;
 .x-shadow .xsmc {
     float: left;
     height: 100%;
-    background: transparent;
+    background-color: transparent;
 }
 
 .x-shadow .xst, .x-shadow .xsb {
 }
 
 .x-shadow .xst, .x-shadow .xsb {
@@ -642,17 +659,22 @@ ul.x-tab-strip li.x-tab-edge {
 /*
  * Horrible hack for IE8 in quirks mode
  */
 /*
  * Horrible hack for IE8 in quirks mode
  */
-.ext-ie8 ul.x-tab-strip li {
+.ext-ie8 .x-tab-strip li {
     position: relative;
 }
     position: relative;
 }
-.ext-ie8 .x-tab-strip .x-tab-right{
-    margin-bottom: 0 !important;
+.ext-border-box .ext-ie8 .x-tab-strip-top .x-tab-right {
     top: 1px;
 }
     top: 1px;
 }
-.ext-ie8 ul.x-tab-strip-top {
+.ext-ie8 .x-tab-strip-top {
+    padding-top: 1;
+}
+.ext-border-box .ext-ie8 .x-tab-strip-top {
     padding-top: 0;
 }
 .ext-ie8 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
     padding-top: 0;
 }
 .ext-ie8 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
+    top:3px;
+}
+.ext-border-box .ext-ie8 .x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
     top:4px;
 }
 .ext-ie8 .x-tab-strip-bottom .x-tab-right{
     top:4px;
 }
 .ext-ie8 .x-tab-strip-bottom .x-tab-right{
@@ -884,6 +906,10 @@ textarea.x-form-field {
     line-height:18px;
 }
 
     line-height:18px;
 }
 
+.ext-ie6 .x-form-field-wrap .x-form-file-btn, .ext-ie7 .x-form-field-wrap .x-form-file-btn {
+    top: -1px; /* because of all these margin hacks, these buttons are off by one pixel in IE6,7 */
+}
+
 .ext-ie6 textarea.x-form-field, .ext-ie7 textarea.x-form-field {
     margin:-1px 0; /* ie bogus margin bug */
 }
 .ext-ie6 textarea.x-form-field, .ext-ie7 textarea.x-form-field {
     margin:-1px 0; /* ie bogus margin bug */
 }
@@ -896,9 +922,11 @@ textarea.x-form-field {
     margin-bottom:-2px; /* another bogus margin bug, safari/mac only */
 }
 
     margin-bottom:-2px; /* another bogus margin bug, safari/mac only */
 }
 
+/*
 .ext-strict .ext-ie8 .x-form-text, .ext-strict .ext-ie8 textarea.x-form-field {
     margin-bottom: 1px;
 }
 .ext-strict .ext-ie8 .x-form-text, .ext-strict .ext-ie8 textarea.x-form-field {
     margin-bottom: 1px;
 }
+*/
 
 .ext-gecko .x-form-text , .ext-ie8 .x-form-text {
     padding-top:2px; /* FF won't center the text vertically */
 
 .ext-gecko .x-form-text , .ext-ie8 .x-form-text {
     padding-top:2px; /* FF won't center the text vertically */
@@ -1380,6 +1408,10 @@ fieldset.x-panel-collapsed .x-fieldset-bwrap {
     overflow: auto;
 }
 
     overflow: auto;
 }
 
+.ext-mac.ext-gecko .x-window-body .x-form-item {
+    overflow:hidden;
+}
+
 .ext-gecko .x-form-item {
     -moz-outline: none;
     outline: none;
 .ext-gecko .x-form-item {
     -moz-outline: none;
     outline: none;
@@ -1416,7 +1448,7 @@ fieldset.x-panel-collapsed .x-fieldset-bwrap {
 
 .x-btn button{
     border:0 none;
 
 .x-btn button{
     border:0 none;
-    background:transparent;
+    background-color:transparent;
     padding-left:3px;
     padding-right:3px;
     cursor:pointer;
     padding-left:3px;
     padding-right:3px;
     cursor:pointer;
@@ -1748,7 +1780,7 @@ fieldset.x-panel-collapsed .x-fieldset-bwrap {
 /* height adjustment class */
 .x-btn-as-arrow .x-btn-mc em {
     display:block;
 /* height adjustment class */
 .x-btn-as-arrow .x-btn-mc em {
     display:block;
-    background:transparent;
+    background-color:transparent;
        padding-bottom:14px;
 }
 
        padding-bottom:14px;
 }
 
@@ -1807,7 +1839,7 @@ fieldset.x-panel-collapsed .x-fieldset-bwrap {
 }
 
 .x-btn-group-mc .x-btn-group-body {
 }
 
 .x-btn-group-mc .x-btn-group-body {
-    background:transparent;
+    background-color:transparent;
     border: 0 none;
 }
 
     border: 0 none;
 }
 
@@ -2032,7 +2064,7 @@ fieldset.x-panel-collapsed .x-fieldset-bwrap {
 
 .x-toolbar-more em.x-btn-arrow {
     display:inline;
 
 .x-toolbar-more em.x-btn-arrow {
     display:inline;
-    background:transparent;
+    background-color:transparent;
        padding-right:0;
 }
 
        padding-right:0;
 }
 
@@ -2154,6 +2186,16 @@ div.x-toolbar-no-items {
     white-space: nowrap;
 }
 
     white-space: nowrap;
 }
 
+/* ActionColumn, reduce padding to accommodate 16x16 icons in normal row height */
+.x-action-col-cell .x-grid3-cell-inner {
+    padding-top: 1px;
+    padding-bottom: 1px;
+}
+
+.x-action-col-icon {
+    cursor: pointer;
+}
+
 .x-grid3-hd-inner {
     position:relative;
        cursor:inherit;
 .x-grid3-hd-inner {
     position:relative;
        cursor:inherit;
@@ -2431,7 +2473,7 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
 .x-grid3-col-dd {
     border:0 none;
     padding:0;
 .x-grid3-col-dd {
     border:0 none;
     padding:0;
-    background:transparent;
+    background-color:transparent;
 }
 
 .x-dd-drag-ghost .x-grid3-dd-wrap {
 }
 
 .x-dd-drag-ghost .x-grid3-dd-wrap {
@@ -2659,7 +2701,65 @@ a.x-grid3-hd-btn:hover {
     padding-right:0;
     border-right:1px solid;
 }
     padding-right:0;
     border-right:1px solid;
 }
-.x-dd-drag-proxy{
+.x-pivotgrid .x-grid3-header-offset table {
+    width: 100%;
+    border-collapse: collapse;
+}
+
+.x-pivotgrid .x-grid3-header-offset table td {
+    padding: 4px 3px 4px 5px;
+    text-align: center;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    font-size: 11px;
+    line-height: 13px;
+    font-family: tahoma;
+}
+
+.x-pivotgrid .x-grid3-row-headers {
+    display: block;
+    float: left;
+}
+
+.x-pivotgrid .x-grid3-row-headers table {
+    height: 100%;
+    width: 100%;
+    border-collapse: collapse;
+}
+
+.x-pivotgrid .x-grid3-row-headers table td {
+    height: 18px;
+    padding: 2px 7px 0 0;
+    text-align: right;
+    text-overflow: ellipsis;
+    font-size: 11px;
+    font-family: tahoma;
+}
+
+.ext-gecko .x-pivotgrid .x-grid3-row-headers table td {
+    height: 21px;
+}
+
+.x-grid3-header-title {
+    top: 0%;
+    left: 0%;
+    position: absolute;
+    text-align: center;
+    vertical-align: middle;
+    font-family: tahoma;
+    font-size: 11px;
+    padding: auto 1px;
+    display: table-cell;
+}
+
+.x-grid3-header-title span {
+    position: absolute;
+    top: 50%;
+    left: 0%;
+    width: 100%;
+    margin-top: -6px;
+}.x-dd-drag-proxy{
        position:absolute;
        left:0;
     top:0;
        position:absolute;
        left:0;
     top:0;
@@ -2784,20 +2884,20 @@ input.x-tree-node-cb {
 
 /* No line styles */
 .x-tree-no-lines .x-tree-elbow{
 
 /* No line styles */
 .x-tree-no-lines .x-tree-elbow{
-       background:transparent;
+       background-color:transparent;
 }
 
 .x-tree-no-lines .x-tree-elbow-end{
 }
 
 .x-tree-no-lines .x-tree-elbow-end{
-       background:transparent;
+       background-color:transparent;
 }
 
 .x-tree-no-lines .x-tree-elbow-line{
 }
 
 .x-tree-no-lines .x-tree-elbow-line{
-       background:transparent;
+       background-color:transparent;
 }
 
 /* Arrows */
 .x-tree-arrows .x-tree-elbow{
 }
 
 /* Arrows */
 .x-tree-arrows .x-tree-elbow{
-       background:transparent;
+       background-color:transparent;
 }
 
 .x-tree-arrows .x-tree-elbow-plus{
 }
 
 .x-tree-arrows .x-tree-elbow-plus{
@@ -2809,7 +2909,7 @@ input.x-tree-node-cb {
 }
 
 .x-tree-arrows .x-tree-elbow-end{
 }
 
 .x-tree-arrows .x-tree-elbow-end{
-       background:transparent;
+       background-color:transparent;
 }
 
 .x-tree-arrows .x-tree-elbow-end-plus{
 }
 
 .x-tree-arrows .x-tree-elbow-end-plus{
@@ -2821,7 +2921,7 @@ input.x-tree-node-cb {
 }
 
 .x-tree-arrows .x-tree-elbow-line{
 }
 
 .x-tree-arrows .x-tree-elbow-line{
-       background:transparent;
+       background-color:transparent;
 }
 
 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus{
 }
 
 .x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus{
@@ -2882,7 +2982,7 @@ input.x-tree-node-cb {
 }
 
 .x-tree-node .x-tree-node-inline-icon{
 }
 
 .x-tree-node .x-tree-node-inline-icon{
-       background:transparent;
+       background-color:transparent;
 }
 
 .x-tree-node a:hover, .x-dd-drag-ghost a:hover{
 }
 
 .x-tree-node a:hover, .x-dd-drag-ghost a:hover{
@@ -3356,7 +3456,7 @@ td.x-date-mp-sep {
 
 .x-menu-list{
     padding: 2px;
 
 .x-menu-list{
     padding: 2px;
-       background:transparent;
+       background-color:transparent;
        border:0 none;
     overflow:hidden;
     overflow-y: hidden;
        border:0 none;
     overflow:hidden;
     overflow-y: hidden;
@@ -3478,7 +3578,7 @@ a.x-menu-item {
 }
 
 .x-menu-group-item .x-menu-item-icon{
 }
 
 .x-menu-group-item .x-menu-item-icon{
-       background: transparent;
+       background-color: transparent;
 }
 
 .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
 }
 
 .x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
@@ -3524,6 +3624,13 @@ a.x-menu-item {
     height: 1px;
 }
 
     height: 1px;
 }
 
+/*
+ * Fixes an issue with "fat" separators in webkit
+ */
+.ext-webkit .x-menu-sep{
+    height: 1px;
+}
+
 /*
  * Ugly mess to remove the white border under the picker
  */
 /*
  * Ugly mess to remove the white border under the picker
  */
@@ -3722,7 +3829,7 @@ a.x-menu-item {
 .x-panel-tl .x-panel-header {
     padding:5px 0 4px 0;
     border:0 none;
 .x-panel-tl .x-panel-header {
     padding:5px 0 4px 0;
     border:0 none;
-    background:transparent;
+    background:transparent no-repeat;
 }
 
 .x-panel-tl .x-panel-icon, .x-window-tl .x-panel-icon {
 }
 
 .x-panel-tl .x-panel-icon, .x-window-tl .x-panel-icon {
@@ -3795,7 +3902,7 @@ a.x-menu-item {
 }
 
 .x-panel-mc .x-panel-body {
 }
 
 .x-panel-mc .x-panel-body {
-    background:transparent;
+    background-color:transparent;
     border: 0 none;
 }
 
     border: 0 none;
 }
 
@@ -3933,6 +4040,22 @@ a.x-menu-item {
     background-position:-15px -90px;
 }
 
     background-position:-15px -90px;
 }
 
+.x-tool-prev {
+    background-position:0 -105px;
+}
+
+.x-tool-prev-over {
+    background-position:-15px -105px;
+}
+
+.x-tool-next {
+    background-position:0 -120px;
+}
+
+.x-tool-next-over {
+    background-position:-15px -120px;
+}
+
 .x-tool-pin {
     background-position:0 -135px;
 }
 .x-tool-pin {
     background-position:0 -135px;
 }
@@ -3965,14 +4088,6 @@ a.x-menu-item {
     background-position:-15px -180px;
 }
 
     background-position:-15px -180px;
 }
 
-.x-tool-up {
-    background-position:0 -210px;
-}
-
-.x-tool-up-over {
-    background-position:-15px -210px;
-}
-
 .x-tool-down {
     background-position:0 -195px;
 }
 .x-tool-down {
     background-position:0 -195px;
 }
@@ -3981,20 +4096,20 @@ a.x-menu-item {
     background-position:-15px -195px;
 }
 
     background-position:-15px -195px;
 }
 
-.x-tool-refresh {
-    background-position:0 -225px;
+.x-tool-up {
+    background-position:0 -210px;
 }
 
 }
 
-.x-tool-refresh-over {
-    background-position:-15px -225px;
+.x-tool-up-over {
+    background-position:-15px -210px;
 }
 
 }
 
-.x-tool-minus {
-    background-position:0 -255px;
+.x-tool-refresh {
+    background-position:0 -225px;
 }
 
 }
 
-.x-tool-minus-over {
-    background-position:-15px -255px;
+.x-tool-refresh-over {
+    background-position:-15px -225px;
 }
 
 .x-tool-plus {
 }
 
 .x-tool-plus {
@@ -4005,6 +4120,14 @@ a.x-menu-item {
     background-position:-15px -240px;
 }
 
     background-position:-15px -240px;
 }
 
+.x-tool-minus {
+    background-position:0 -255px;
+}
+
+.x-tool-minus-over {
+    background-position:-15px -255px;
+}
+
 .x-tool-search {
     background-position:0 -270px;
 }
 .x-tool-search {
     background-position:0 -270px;
 }
@@ -4037,6 +4160,38 @@ a.x-menu-item {
     background-position:-15px -315px;
 }
 
     background-position:-15px -315px;
 }
 
+.x-tool-expand {
+    background-position:0 -330px;
+}
+
+.x-tool-expand-over {
+    background-position:-15px -330px;
+}
+
+.x-tool-collapse {
+    background-position:0 -345px;
+}
+
+.x-tool-collapse-over {
+    background-position:-15px -345px;
+}
+
+.x-tool-resize {
+    background-position:0 -360px;
+}
+
+.x-tool-resize-over {
+    background-position:-15px -360px;
+}
+
+.x-tool-move {
+    background-position:0 -375px;
+}
+
+.x-tool-move-over {
+    background-position:-15px -375px;
+}
+
 /* Ghosting */
 .x-panel-ghost {
     z-index:12000;
 /* Ghosting */
 .x-panel-ghost {
     z-index:12000;
@@ -4390,7 +4545,7 @@ a.x-menu-item {
 }
 
 .x-window-body {
 }
 
 .x-window-body {
-    background:transparent;
+    background-color:transparent;
 }
 
 .x-panel-ghost .x-window-tl {
 }
 
 .x-panel-ghost .x-window-tl {
@@ -4667,7 +4822,7 @@ body.ext-ie6.x-body-masked .x-window select {
 
 .x-tool-expand-east, .x-tool-expand-west {
     float:none;
 
 .x-tool-expand-east, .x-tool-expand-west {
     float:none;
-    margin:3px auto;
+    margin:3px 2px;
 }
 
 .x-accordion-hd .x-tool-toggle {
 }
 
 .x-accordion-hd .x-tool-toggle {
@@ -4831,14 +4986,14 @@ body.ext-ie6.x-body-masked .x-window select {
     border:0 none;
     width:5px !important;
     padding:0;
     border:0 none;
     width:5px !important;
     padding:0;
-    background:transparent;
+    background-color:transparent;
 }
 
 .x-layout-cmini-north, .x-layout-cmini-south {
     border:0 none;
     height:5px !important;
     padding:0;
 }
 
 .x-layout-cmini-north, .x-layout-cmini-south {
     border:0 none;
     height:5px !important;
     padding:0;
-    background:transparent;
+    background-color:transparent;
 }
 
 .x-viewport, .x-viewport body {
 }
 
 .x-viewport, .x-viewport body {
@@ -5133,12 +5288,9 @@ body.ext-ie6.x-body-masked .x-window select {
     height:32px;
 }
 
     height:32px;
 }
 
-.ext-ie .x-window-dlg .ext-mb-icon {
-    width:44px; /* 3px IE margin issue */
-}
-
 .x-window-dlg .x-dlg-icon .ext-mb-content{
 .x-window-dlg .x-dlg-icon .ext-mb-content{
-    zoom: 1; margin-left: 47px;
+    zoom: 1; 
+    margin-left: 47px;
 }
 
 .x-window-dlg .ext-mb-info, .x-window-dlg .ext-mb-warning, .x-window-dlg .ext-mb-question, .x-window-dlg .ext-mb-error {
 }
 
 .x-window-dlg .ext-mb-info, .x-window-dlg .ext-mb-warning, .x-window-dlg .ext-mb-question, .x-window-dlg .ext-mb-error {