Upgrade to ExtJS 3.1.1 - Released 02/08/2010

[extjs.git] / resources / css / theme-access / grid.css

diff --git a/resources/css/theme-access/grid.css b/resources/css/theme-access/grid.css
new file mode 100644 (file)
index 0000000..2b3a63d
--- /dev/null
+++ b/resources/css/theme-access/grid.css
@@ -0,0 +1,288 @@
+/*!
+ * Ext JS Library 3.1.1
+ * Copyright(c) 2006-2010 Ext JS, LLC
+ * 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