Upgrade to ExtJS 3.2.0 - Released 03/30/2010
[extjs.git] / resources / css / theme-access / grid.css
index 2b3a63d..8927f1f 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
  */
-.x-grid3 {\r
-    background-color:#1f2933;\r
-}\r
-\r
-.x-grid-panel .x-panel-mc .x-panel-body {\r
-    border-color:#223;\r
-}\r
-\r
-.x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{\r
-       font:normal 14px arial, tahoma, helvetica, sans-serif;\r
-}\r
-\r
-.x-grid3-hd-row td {\r
-    border-left-color:#556;\r
-    border-right-color:#223;\r
-}\r
-\r
-.x-grid-row-loading {\r
-    background-color: #fff;\r
-    background-image:url(../images/default/shared/loading-balls.gif);\r
-}\r
-\r
-.x-grid3-row {\r
-    border:0 none;\r
-    border-bottom:1px solid #111;\r
-    border-right:1px solid #1a1a1c;\r
-}\r
-\r
-.x-grid3-row-alt{\r
-       background-color:#1b232b;\r
-}\r
-\r
-.x-grid3-row-over {\r
-    background-color:#7e5530;\r
-}\r
-\r
-.x-grid3-resize-proxy {\r
-    background-color:#777;\r
-}\r
-\r
-.x-grid3-resize-marker {\r
-    background-color:#777;\r
-}\r
-\r
-.x-grid3-header{\r
-    background-color:#3b3f50;\r
-       background-image:url(../images/access/grid/grid3-hrow.gif);\r
-}\r
-\r
-.x-grid3-header-pop {\r
-    border-left-color:#d0d0d0;\r
-}\r
-\r
-.x-grid3-header-pop-inner {\r
-    border-left-color:#eee;\r
-    background-image:url(../images/default/grid/hd-pop.gif);\r
-}\r
-\r
-td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {\r
-    border-left-color:#889;\r
-    border-right-color:#445;\r
-}\r
-\r
-td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {\r
-    background-color:#4e628a;\r
-    background-image:url(../images/access/grid/grid3-hrow-over.gif);\r
-}\r
-\r
-.x-grid3-cell-inner, .x-grid3-hd-inner {\r
-    color:#fff;\r
-}\r
-\r
-.sort-asc .x-grid3-sort-icon {\r
-       background-image: url(../images/access/grid/sort_asc.gif);\r
-       width:15px;\r
-       height:9px;\r
-       margin-left:5px;\r
-}\r
-\r
-.sort-desc .x-grid3-sort-icon {\r
-       background-image: url(../images/access/grid/sort_desc.gif);\r
-       width:15px;\r
-       height:9px;\r
-       margin-left:5px;\r
-}\r
-\r
-.x-grid3-cell-text, .x-grid3-hd-text {\r
-       color:#fff;\r
-}\r
-\r
-.x-grid3-split {\r
-       background-image: url(../images/default/grid/grid-split.gif);\r
-}\r
-\r
-.x-grid3-hd-text {\r
-       color:fff;\r
-}\r
-\r
-.x-dd-drag-proxy .x-grid3-hd-inner{\r
-    background-color:#ebf3fd;\r
-       background-image:url(../images/access/grid/grid3-hrow-over.gif);\r
-       border-color:#aaccf6;\r
-}\r
-\r
-.col-move-top{\r
-       background-image:url(../images/default/grid/col-move-top.gif);\r
-}\r
-\r
-.col-move-bottom{\r
-       background-image:url(../images/default/grid/col-move-bottom.gif);\r
-}\r
-\r
-.x-grid3-row-selected {\r
-       background-color: #e5872c !important;\r
-       background-image: none;\r
-       border-style: solid;\r
-}\r
-\r
-.x-grid3-row-selected .x-grid3-cell {\r
-    color: #fff;\r
-}\r
-\r
-.x-grid3-cell-selected {\r
-       background-color: #ffa340 !important;\r
-       color:#fff;\r
-}\r
-\r
-.x-grid3-cell-selected span{\r
-       color:#fff !important;\r
-}\r
-\r
-.x-grid3-cell-selected .x-grid3-cell-text{\r
-       color:#fff;\r
-}\r
-\r
-.x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{\r
-    background-color:#ebeadb !important;\r
-    background-image:url(../images/default/grid/grid-hrow.gif) !important;\r
-    color:#fff;\r
-    border-top-color:#fff;\r
-    border-right-color:#6fa0df !important;\r
-}\r
-\r
-.x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{\r
-    color:fff !important;\r
-}\r
-\r
-.x-grid3-dirty-cell {\r
-    background-image:url(../images/access/grid/dirty.gif);\r
-}\r
-\r
-.x-grid3-topbar, .x-grid3-bottombar{\r
-       font:normal 14px arial, tahoma, helvetica, sans-serif;\r
-}\r
-\r
-.x-grid3-bottombar .x-toolbar{\r
-       border-top-color:#a9bfd3;\r
-}\r
-\r
-.x-props-grid .x-grid3-td-name .x-grid3-cell-inner{\r
-       background-image:url(../images/access/grid/grid3-special-col-bg.gif) !important;\r
-    color:#fff !important;\r
-}\r
-.x-props-grid .x-grid3-td-value {\r
-    color:#fff !important;\r
-}\r
-\r
-.x-props-grid .x-grid3-body .x-grid3-td-name{\r
-    background-color:#263240 !important;\r
-    border-right-color:#223;\r
-}\r
-\r
-.xg-hmenu-sort-asc .x-menu-item-icon{\r
-       background-image: url(../images/access/grid/hmenu-asc.gif);\r
-}\r
-\r
-.xg-hmenu-sort-desc .x-menu-item-icon{\r
-       background-image: url(../images/access/grid/hmenu-desc.gif);\r
-}\r
-\r
-.xg-hmenu-lock .x-menu-item-icon{\r
-       background-image: url(../images/access/grid/hmenu-lock.gif);\r
-}\r
-\r
-.xg-hmenu-unlock .x-menu-item-icon{\r
-       background-image: url(../images/access/grid/hmenu-unlock.gif);\r
-}\r
-\r
-.x-grid3-hd-btn {\r
-    background-color:#c2c9d0;\r
-    background-image:url(../images/access/grid/grid3-hd-btn.gif);\r
-}\r
-\r
-.x-grid3-body .x-grid3-td-expander {\r
-    background-image:url(../images/access/grid/grid3-special-col-bg.gif);\r
-}\r
-\r
-.x-grid3-row-expander {\r
-    background-image:url(../images/access/grid/row-expand-sprite.gif);\r
-}\r
-\r
-.x-grid3-body .x-grid3-td-checker {\r
-    background-image: url(../images/access/grid/grid3-special-col-bg.gif);\r
-}\r
-\r
-.x-grid3-row-checker, .x-grid3-hd-checker {\r
-    background-image:url(../images/default/grid/row-check-sprite.gif);\r
-}\r
-\r
-.x-grid3-body .x-grid3-td-numberer {\r
-    background-image:url(../images/access/grid/grid3-special-col-bg.gif);\r
-}\r
-\r
-.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {\r
-       color:#fff;\r
-}\r
-\r
-.x-grid3-body .x-grid3-td-row-icon {\r
-    background-image:url(../images/access/grid/grid3-special-col-bg.gif);\r
-}\r
-\r
-.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,\r
-.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,\r
-.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {\r
-       background-image:url(../images/access/grid/grid3-special-col-sel-bg.gif);\r
-}\r
-\r
-.x-grid3-check-col {\r
-       background-image:url(../images/default/menu/unchecked.gif);\r
-}\r
-\r
-.x-grid3-check-col-on {\r
-       background-image:url(../images/default/menu/checked.gif);\r
-}\r
-\r
-.x-grid-group, .x-grid-group-body, .x-grid-group-hd {\r
-    zoom:1;\r
-}\r
-\r
-.x-grid-group-hd {\r
-    border-bottom-color:#4e628a;\r
-}\r
-\r
-.x-grid-group-hd div.x-grid-group-title {\r
-    background-image:url(../images/access/grid/group-collapse.gif);\r
-    background-position:3px 6px;\r
-    color:#ffd;\r
-    font:bold 14px tahoma, arial, helvetica, sans-serif;\r
-}\r
-\r
-.x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title {\r
-    background-image:url(../images/access/grid/group-expand.gif);\r
-}\r
-\r
-.x-group-by-icon {\r
-    background-image:url(../images/default/grid/group-by.gif);\r
-}\r
-\r
-.x-cols-icon {\r
-    background-image:url(../images/default/grid/columns.gif);\r
-}\r
-\r
-.x-show-groups-icon {\r
-    background-image:url(../images/default/grid/group-by.gif);\r
-}\r
-\r
-.x-grid-empty {\r
-    color:gray;\r
-    font:normal 14px tahoma, arial, helvetica, sans-serif;\r
-}\r
-\r
-.x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {\r
-    border-right-color:#ededed;\r
-}\r
-\r
-.x-grid-with-col-lines .x-grid3-row{\r
-    border-top-color:#ededed;\r
-}\r
-\r
-.x-grid-with-col-lines .x-grid3-row-selected {\r
-       border-top-color:#a3bae9;\r
-}\r
+.x-grid3 {
+    background-color:#1f2933;
+}
+
+.x-grid-panel .x-panel-mc .x-panel-body {
+    border-color:#223;
+}
+
+.x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{
+       font:normal 14px arial, tahoma, helvetica, sans-serif;
+}
+
+.x-grid3-hd-row td {
+    border-left-color:#556;
+    border-right-color:#223;
+}
+
+.x-grid-row-loading {
+    background-color: #fff;
+    background-image:url(../images/default/shared/loading-balls.gif);
+}
+
+.x-grid3-row {
+    border:0 none;
+    border-bottom:1px solid #111;
+    border-right:1px solid #1a1a1c;
+}
+
+.x-grid3-row-alt{
+       background-color:#1b232b;
+}
+
+.x-grid3-row-over {
+    background-color:#7e5530;
+}
+
+.x-grid3-resize-proxy {
+    background-color:#777;
+}
+
+.x-grid3-resize-marker {
+    background-color:#777;
+}
+
+.x-grid3-header{
+    background-color:#3b3f50;
+       background-image:url(../images/access/grid/grid3-hrow.gif);
+}
+
+.x-grid3-header-pop {
+    border-left-color:#d0d0d0;
+}
+
+.x-grid3-header-pop-inner {
+    border-left-color:#eee;
+    background-image:url(../images/default/grid/hd-pop.gif);
+}
+
+td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
+    border-left-color:#889;
+    border-right-color:#445;
+}
+
+td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {
+    background-color:#4e628a;
+    background-image:url(../images/access/grid/grid3-hrow-over.gif);
+}
+
+.x-grid3-cell-inner, .x-grid3-hd-inner {
+    color:#fff;
+}
+
+.sort-asc .x-grid3-sort-icon {
+       background-image: url(../images/access/grid/sort_asc.gif);
+       width:15px;
+       height:9px;
+       margin-left:5px;
+}
+
+.sort-desc .x-grid3-sort-icon {
+       background-image: url(../images/access/grid/sort_desc.gif);
+       width:15px;
+       height:9px;
+       margin-left:5px;
+}
+
+.x-grid3-cell-text, .x-grid3-hd-text {
+       color:#fff;
+}
+
+.x-grid3-split {
+       background-image: url(../images/default/grid/grid-split.gif);
+}
+
+.x-grid3-hd-text {
+       color:fff;
+}
+
+.x-dd-drag-proxy .x-grid3-hd-inner{
+    background-color:#ebf3fd;
+       background-image:url(../images/access/grid/grid3-hrow-over.gif);
+       border-color:#aaccf6;
+}
+
+.col-move-top{
+       background-image:url(../images/default/grid/col-move-top.gif);
+}
+
+.col-move-bottom{
+       background-image:url(../images/default/grid/col-move-bottom.gif);
+}
+
+.x-grid3-row-selected {
+       background-color: #e5872c !important;
+       background-image: none;
+       border-style: solid;
+}
+
+.x-grid3-row-selected .x-grid3-cell {
+    color: #fff;
+}
+
+.x-grid3-cell-selected {
+       background-color: #ffa340 !important;
+       color:#fff;
+}
+
+.x-grid3-cell-selected span{
+       color:#fff !important;
+}
+
+.x-grid3-cell-selected .x-grid3-cell-text{
+       color:#fff;
+}
+
+.x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
+    background-color:#ebeadb !important;
+    background-image:url(../images/default/grid/grid-hrow.gif) !important;
+    color:#fff;
+    border-top-color:#fff;
+    border-right-color:#6fa0df !important;
+}
+
+.x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
+    color:fff !important;
+}
+
+.x-grid3-dirty-cell {
+    background-image:url(../images/access/grid/dirty.gif);
+}
+
+.x-grid3-topbar, .x-grid3-bottombar{
+       font:normal 14px arial, tahoma, helvetica, sans-serif;
+}
+
+.x-grid3-bottombar .x-toolbar{
+       border-top-color:#a9bfd3;
+}
+
+.x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
+       background-image:url(../images/access/grid/grid3-special-col-bg.gif) !important;
+    color:#fff !important;
+}
+.x-props-grid .x-grid3-td-value {
+    color:#fff !important;
+}
+
+.x-props-grid .x-grid3-body .x-grid3-td-name{
+    background-color:#263240 !important;
+    border-right-color:#223;
+}
+
+.xg-hmenu-sort-asc .x-menu-item-icon{
+       background-image: url(../images/access/grid/hmenu-asc.gif);
+}
+
+.xg-hmenu-sort-desc .x-menu-item-icon{
+       background-image: url(../images/access/grid/hmenu-desc.gif);
+}
+
+.xg-hmenu-lock .x-menu-item-icon{
+       background-image: url(../images/access/grid/hmenu-lock.gif);
+}
+
+.xg-hmenu-unlock .x-menu-item-icon{
+       background-image: url(../images/access/grid/hmenu-unlock.gif);
+}
+
+.x-grid3-hd-btn {
+    background-color:#c2c9d0;
+    background-image:url(../images/access/grid/grid3-hd-btn.gif);
+}
+
+.x-grid3-body .x-grid3-td-expander {
+    background-image:url(../images/access/grid/grid3-special-col-bg.gif);
+}
+
+.x-grid3-row-expander {
+    background-image:url(../images/access/grid/row-expand-sprite.gif);
+}
+
+.x-grid3-body .x-grid3-td-checker {
+    background-image: url(../images/access/grid/grid3-special-col-bg.gif);
+}
+
+.x-grid3-row-checker, .x-grid3-hd-checker {
+    background-image:url(../images/default/grid/row-check-sprite.gif);
+}
+
+.x-grid3-body .x-grid3-td-numberer {
+    background-image:url(../images/access/grid/grid3-special-col-bg.gif);
+}
+
+.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
+       color:#fff;
+}
+
+.x-grid3-body .x-grid3-td-row-icon {
+    background-image:url(../images/access/grid/grid3-special-col-bg.gif);
+}
+
+.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
+.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
+.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
+       background-image:url(../images/access/grid/grid3-special-col-sel-bg.gif);
+}
+
+.x-grid3-check-col {
+       background-image:url(../images/default/menu/unchecked.gif);
+}
+
+.x-grid3-check-col-on {
+       background-image:url(../images/default/menu/checked.gif);
+}
+
+.x-grid-group, .x-grid-group-body, .x-grid-group-hd {
+    zoom:1;
+}
+
+.x-grid-group-hd {
+    border-bottom-color:#4e628a;
+}
+
+.x-grid-group-hd div.x-grid-group-title {
+    background-image:url(../images/access/grid/group-collapse.gif);
+    background-position:3px 6px;
+    color:#ffd;
+    font:bold 14px tahoma, arial, helvetica, sans-serif;
+}
+
+.x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title {
+    background-image:url(../images/access/grid/group-expand.gif);
+}
+
+.x-group-by-icon {
+    background-image:url(../images/default/grid/group-by.gif);
+}
+
+.x-cols-icon {
+    background-image:url(../images/default/grid/columns.gif);
+}
+
+.x-show-groups-icon {
+    background-image:url(../images/default/grid/group-by.gif);
+}
+
+.x-grid-empty {
+    color:gray;
+    font:normal 14px tahoma, arial, helvetica, sans-serif;
+}
+
+.x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
+    border-right-color:#ededed;
+}
+
+.x-grid-with-col-lines .x-grid3-row{
+    border-top-color:#ededed;
+}
+
+.x-grid-with-col-lines .x-grid3-row-selected {
+       border-top-color:#a3bae9;
+}