Upgrade to ExtJS 3.2.0 - Released 03/30/2010
[extjs.git] / resources / css / visual / grid.css
index d98400e..4cbc6a1 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:#fff;\r
-}\r
-\r
-.x-grid-panel .x-panel-mc .x-panel-body {\r
-    border-color:#99bbe8;\r
-}\r
-\r
-.x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{\r
-       font:normal 11px arial, tahoma, helvetica, sans-serif;\r
-}\r
-\r
-.x-grid3-hd-row td {\r
-    border-left-color:#eee;\r
-    border-right-color:#d0d0d0;\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-color:#ededed;\r
-    border-top-color:#fff;\r
-}\r
-\r
-.x-grid3-row-alt{\r
-       background-color:#fafafa;\r
-}\r
-\r
-.x-grid3-row-over {\r
-       border-color:#ddd;\r
-    background-color:#efefef;\r
-    background-image:url(../images/default/grid/row-over.gif);\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:#f9f9f9;\r
-       background-image:url(../images/default/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:#aaccf6;\r
-    border-right-color:#aaccf6;\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:#ebf3fd;\r
-    background-image:url(../images/default/grid/grid3-hrow-over.gif);\r
-\r
-}\r
-\r
-.sort-asc .x-grid3-sort-icon {\r
-       background-image: url(../images/default/grid/sort_asc.gif);\r
-}\r
-\r
-.sort-desc .x-grid3-sort-icon {\r
-       background-image: url(../images/default/grid/sort_desc.gif);\r
-}\r
-\r
-.x-grid3-cell-text, .x-grid3-hd-text {\r
-       color:#000;\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:#15428b;\r
-}\r
-\r
-.x-dd-drag-proxy .x-grid3-hd-inner{\r
-    background-color:#ebf3fd;\r
-       background-image:url(../images/default/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: #dfe8f6 !important;\r
-       background-image: none;\r
-       border-color:#a3bae9;\r
-}\r
-\r
-.x-grid3-cell-selected{\r
-       background-color: #b8cfee !important;\r
-       color:#000;\r
-}\r
-\r
-.x-grid3-cell-selected span{\r
-       color:#000 !important;\r
-}\r
-\r
-.x-grid3-cell-selected .x-grid3-cell-text{\r
-       color:#000;\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:#000;\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:#15428b !important;\r
-}\r
-\r
-.x-grid3-dirty-cell {\r
-    background-image:url(../images/default/grid/dirty.gif);\r
-}\r
-\r
-.x-grid3-topbar, .x-grid3-bottombar{\r
-       font:normal 11px 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/default/grid/grid3-special-col-bg.gif) !important;\r
-    color:#000 !important;\r
-}\r
-\r
-.x-props-grid .x-grid3-body .x-grid3-td-name{\r
-    background-color:#fff !important;\r
-    border-right-color:#eee;\r
-}\r
-\r
-.xg-hmenu-sort-asc .x-menu-item-icon{\r
-       background-image: url(../images/default/grid/hmenu-asc.gif);\r
-}\r
-\r
-.xg-hmenu-sort-desc .x-menu-item-icon{\r
-       background-image: url(../images/default/grid/hmenu-desc.gif);\r
-}\r
-\r
-.xg-hmenu-lock .x-menu-item-icon{\r
-       background-image: url(../images/default/grid/hmenu-lock.gif);\r
-}\r
-\r
-.xg-hmenu-unlock .x-menu-item-icon{\r
-       background-image: url(../images/default/grid/hmenu-unlock.gif);\r
-}\r
-\r
-.x-grid3-hd-btn {\r
-    background-color:#c3daf9;\r
-    background-image:url(../images/default/grid/grid3-hd-btn.gif);\r
-}\r
-\r
-.x-grid3-body .x-grid3-td-expander {\r
-    background-image:url(../images/default/grid/grid3-special-col-bg.gif);\r
-}\r
-\r
-.x-grid3-row-expander {\r
-    background-image:url(../images/default/grid/row-expand-sprite.gif);\r
-}\r
-\r
-.x-grid3-body .x-grid3-td-checker {\r
-    background-image: url(../images/default/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/default/grid/grid3-special-col-bg.gif);\r
-}\r
-\r
-.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {\r
-       color:#444;\r
-}\r
-\r
-.x-grid3-body .x-grid3-td-row-icon {\r
-    background-image:url(../images/default/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/default/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:#99bbe8;\r
-}\r
-\r
-.x-grid-group-hd div.x-grid-group-title {\r
-    background-image:url(../images/default/grid/group-collapse.gif);\r
-    color:#3764a0;\r
-    font:bold 11px 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/default/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 11px 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-selected {\r
-       border-top-color:#a3bae9;\r
+.x-grid3 {
+    background-color:#fff;
+}
+
+.x-grid-panel .x-panel-mc .x-panel-body {
+    border-color:#99bbe8;
+}
+
+.x-grid3-row td, .x-grid3-summary-row td{
+       font:normal 11px/13px arial, tahoma, helvetica, sans-serif;
+}
+
+.x-grid3-hd-row td {
+       font:normal 11px/15px arial, tahoma, helvetica, sans-serif;
+}
+
+
+.x-grid3-hd-row td {
+    border-left-color:#eee;
+    border-right-color:#d0d0d0;
+}
+
+.x-grid-row-loading {
+    background-color: #fff;
+    background-image:url(../images/default/shared/loading-balls.gif);
+}
+
+.x-grid3-row {
+    border-color:#ededed;
+    border-top-color:#fff;
+}
+
+.x-grid3-row-alt{
+       background-color:#fafafa;
+}
+
+.x-grid3-row-over {
+       border-color:#ddd;
+    background-color:#efefef;
+    background-image:url(../images/default/grid/row-over.gif);
+}
+
+.x-grid3-resize-proxy {
+    background-color:#777;
+}
+
+.x-grid3-resize-marker {
+    background-color:#777;
+}
+
+.x-grid3-header{
+    background-color:#f9f9f9;
+       background-image:url(../images/default/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:#aaccf6;
+    border-right-color:#aaccf6;
+}
+
+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:#ebf3fd;
+    background-image:url(../images/default/grid/grid3-hrow-over.gif);
+
+}
+
+.sort-asc .x-grid3-sort-icon {
+       background-image: url(../images/default/grid/sort_asc.gif);
+}
+
+.sort-desc .x-grid3-sort-icon {
+       background-image: url(../images/default/grid/sort_desc.gif);
+}
+
+.x-grid3-cell-text, .x-grid3-hd-text {
+       color:#000;
+}
+
+.x-grid3-split {
+       background-image: url(../images/default/grid/grid-split.gif);
+}
+
+.x-grid3-hd-text {
+       color:#15428b;
+}
+
+.x-dd-drag-proxy .x-grid3-hd-inner{
+    background-color:#ebf3fd;
+       background-image:url(../images/default/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: #dfe8f6 !important;
+       background-image: none;
+       border-color:#a3bae9;
+}
+
+.x-grid3-cell-selected{
+       background-color: #b8cfee !important;
+       color:#000;
+}
+
+.x-grid3-cell-selected span{
+       color:#000 !important;
+}
+
+.x-grid3-cell-selected .x-grid3-cell-text{
+       color:#000;
+}
+
+.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:#000;
+    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:#15428b !important;
+}
+
+.x-grid3-dirty-cell {
+    background-image:url(../images/default/grid/dirty.gif);
+}
+
+.x-grid3-topbar, .x-grid3-bottombar{
+       font:normal 11px 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/default/grid/grid3-special-col-bg.gif) !important;
+    color:#000 !important;
+}
+
+.x-props-grid .x-grid3-body .x-grid3-td-name{
+    background-color:#fff !important;
+    border-right-color:#eee;
+}
+
+.xg-hmenu-sort-asc .x-menu-item-icon{
+       background-image: url(../images/default/grid/hmenu-asc.gif);
+}
+
+.xg-hmenu-sort-desc .x-menu-item-icon{
+       background-image: url(../images/default/grid/hmenu-desc.gif);
+}
+
+.xg-hmenu-lock .x-menu-item-icon{
+       background-image: url(../images/default/grid/hmenu-lock.gif);
+}
+
+.xg-hmenu-unlock .x-menu-item-icon{
+       background-image: url(../images/default/grid/hmenu-unlock.gif);
+}
+
+.x-grid3-hd-btn {
+    background-color:#c3daf9;
+    background-image:url(../images/default/grid/grid3-hd-btn.gif);
+}
+
+.x-grid3-body .x-grid3-td-expander {
+    background-image:url(../images/default/grid/grid3-special-col-bg.gif);
+}
+
+.x-grid3-row-expander {
+    background-image:url(../images/default/grid/row-expand-sprite.gif);
+}
+
+.x-grid3-body .x-grid3-td-checker {
+    background-image: url(../images/default/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/default/grid/grid3-special-col-bg.gif);
+}
+
+.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
+       color:#444;
+}
+
+.x-grid3-body .x-grid3-td-row-icon {
+    background-image:url(../images/default/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/default/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:#99bbe8;
+}
+
+.x-grid-group-hd div.x-grid-group-title {
+    background-image:url(../images/default/grid/group-collapse.gif);
+    color:#3764a0;
+    font:bold 11px tahoma, arial, helvetica, sans-serif;
+}
+
+.x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title {
+    background-image:url(../images/default/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 11px 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-selected {
+       border-top-color:#a3bae9;
 }
\ No newline at end of file