Upgrade to ExtJS 3.0.0 - Released 07/06/2009

[extjs.git] / resources / css / visual / grid.css

diff --git a/resources/css/visual/grid.css b/resources/css/visual/grid.css
new file mode 100644 (file)
index 0000000..79f3eb1
--- /dev/null
+++ b/resources/css/visual/grid.css
@@ -0,0 +1,272 @@
+/*!
+ * Ext JS Library 3.0.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * 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{\r
+    border-top-color:#ededed;\r
+}\r
+\r
+.x-grid-with-col-lines .x-grid3-row-selected {\r
+       border-top-color:#a3bae9;\r
+}
\ No newline at end of file