resources/css/theme-gray/grid.css

   1 /*!
   2  * Ext JS Library 3.1.1
   3  * Copyright(c) 2006-2010 Ext JS, LLC
   4  * licensing@extjs.com
   5  * http://www.extjs.com/license
   6  */
   7 .x-grid3 {\r
   8     background-color:#fff;\r
   9 }\r
  10 \r
  11 .x-grid-panel .x-panel-mc .x-panel-body {\r
  12     border-color:#d0d0d0;\r
  13 }\r
  14 \r
  15 .x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{\r
  16         font:normal 11px arial, tahoma, helvetica, sans-serif;\r
  17 }\r
  18 \r
  19 .x-grid3-hd-row td {\r
  20     border-left-color:#eee;\r
  21     border-right-color:#d0d0d0;\r
  22 }\r
  23 \r
  24 .x-grid-row-loading {\r
  25     background-color: #fff;\r
  26     background-image:url(../images/default/shared/loading-balls.gif);\r
  27 }\r
  28 \r
  29 .x-grid3-row {\r
  30     border-color:#ededed;\r
  31     border-top-color:#fff;\r
  32 }\r
  33 \r
  34 .x-grid3-row-alt{\r
  35         background-color:#fafafa;\r
  36 }\r
  37 \r
  38 .x-grid3-row-over {\r
  39         border-color:#ddd;\r
  40     background-color:#efefef;\r
  41     background-image:url(../images/default/grid/row-over.gif);\r
  42 }\r
  43 \r
  44 .x-grid3-resize-proxy {\r
  45     background-color:#777;\r
  46 }\r
  47 \r
  48 .x-grid3-resize-marker {\r
  49     background-color:#777;\r
  50 }\r
  51 \r
  52 .x-grid3-header{\r
  53     background-color:#f9f9f9;\r
  54         background-image:url(../images/gray/grid/grid3-hrow2.gif);\r
  55 }\r
  56 \r
  57 .x-grid3-header-pop {\r
  58     border-left-color:#d0d0d0;\r
  59 }\r
  60 \r
  61 .x-grid3-header-pop-inner {\r
  62     border-left-color:#eee;\r
  63     background-image:url(../images/default/grid/hd-pop.gif);\r
  64 }\r
  65 \r
  66 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {\r
  67     border-left-color:#ACACAC;\r
  68     border-right-color:#ACACAC;\r
  69 }\r
  70 \r
  71 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
  72     background-color:#f9f9f9;\r
  73     background-image:url(../images/gray/grid/grid3-hrow-over2.gif);\r
  74 \r
  75 }\r
  76 \r
  77 .sort-asc .x-grid3-sort-icon {\r
  78         background-image: url(../images/gray/grid/sort_asc.gif);\r
  79 }\r
  80 \r
  81 .sort-desc .x-grid3-sort-icon {\r
  82         background-image: url(../images/gray/grid/sort_desc.gif);\r
  83 }\r
  84 \r
  85 .x-grid3-cell-text, .x-grid3-hd-text {\r
  86         color:#000;\r
  87 }\r
  88 \r
  89 .x-grid3-split {\r
  90         background-image: url(../images/default/grid/grid-split.gif);\r
  91 }\r
  92 \r
  93 .x-grid3-hd-text {\r
  94         color:#333;\r
  95 }\r
  96 \r
  97 .x-dd-drag-proxy .x-grid3-hd-inner{\r
  98     background-color:#f9f9f9;\r
  99         background-image:url(../images/gray/grid/grid3-hrow-over2.gif);\r
 100         border-color:#ACACAC;\r
 101 }\r
 102 \r
 103 .col-move-top{\r
 104         background-image:url(../images/gray/grid/col-move-top.gif);\r
 105 }\r
 106 \r
 107 .col-move-bottom{\r
 108         background-image:url(../images/gray/grid/col-move-bottom.gif);\r
 109 }\r
 110 \r
 111 .x-grid3-row-selected {\r
 112         background-color:#CCCCCC !important;\r
 113         background-image: none;\r
 114         border-color:#ACACAC;\r
 115 }\r
 116 \r
 117 .x-grid3-cell-selected{\r
 118         background-color: #CBCBCB !important;\r
 119         color:#000;\r
 120 }\r
 121 \r
 122 .x-grid3-cell-selected span{\r
 123         color:#000 !important;\r
 124 }\r
 125 \r
 126 .x-grid3-cell-selected .x-grid3-cell-text{\r
 127         color:#000;\r
 128 }\r
 129 \r
 130 .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{\r
 131     background-color:#ebeadb !important;\r
 132     background-image:url(../images/default/grid/grid-hrow.gif) !important;\r
 133     color:#000;\r
 134     border-top-color:#fff;\r
 135     border-right-color:#6fa0df !important;\r
 136 }\r
 137 \r
 138 .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{\r
 139     color:#333 !important;\r
 140 }\r
 141 \r
 142 .x-grid3-dirty-cell {\r
 143     background-image:url(../images/default/grid/dirty.gif);\r
 144 }\r
 145 \r
 146 .x-grid3-topbar, .x-grid3-bottombar{\r
 147         font:normal 11px arial, tahoma, helvetica, sans-serif;\r
 148 }\r
 149 \r
 150 .x-grid3-bottombar .x-toolbar{\r
 151         border-top-color:#a9bfd3;\r
 152 }\r
 153 \r
 154 .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{\r
 155         background-image:url(../images/default/grid/grid3-special-col-bg.gif) !important;\r
 156     color:#000 !important;\r
 157 }\r
 158 \r
 159 .x-props-grid .x-grid3-body .x-grid3-td-name{\r
 160     background-color:#fff !important;\r
 161     border-right-color:#eee;\r
 162 }\r
 163 \r
 164 .xg-hmenu-sort-asc .x-menu-item-icon{\r
 165         background-image: url(../images/default/grid/hmenu-asc.gif);\r
 166 }\r
 167 \r
 168 .xg-hmenu-sort-desc .x-menu-item-icon{\r
 169         background-image: url(../images/default/grid/hmenu-desc.gif);\r
 170 }\r
 171 \r
 172 .xg-hmenu-lock .x-menu-item-icon{\r
 173         background-image: url(../images/default/grid/hmenu-lock.gif);\r
 174 }\r
 175 \r
 176 .xg-hmenu-unlock .x-menu-item-icon{\r
 177         background-image: url(../images/default/grid/hmenu-unlock.gif);\r
 178 }\r
 179 \r
 180 .x-grid3-hd-btn {\r
 181     background-color:#f9f9f9;\r
 182     background-image:url(../images/gray/grid/grid3-hd-btn.gif);\r
 183 }\r
 184 \r
 185 .x-grid3-body .x-grid3-td-expander {\r
 186     background-image:url(../images/default/grid/grid3-special-col-bg.gif);\r
 187 }\r
 188 \r
 189 .x-grid3-row-expander {\r
 190     background-image:url(../images/gray/grid/row-expand-sprite.gif);\r
 191 }\r
 192 \r
 193 .x-grid3-body .x-grid3-td-checker {\r
 194     background-image: url(../images/default/grid/grid3-special-col-bg.gif);\r
 195 }\r
 196 \r
 197 .x-grid3-row-checker, .x-grid3-hd-checker {\r
 198     background-image:url(../images/default/grid/row-check-sprite.gif);\r
 199 }\r
 200 \r
 201 .x-grid3-body .x-grid3-td-numberer {\r
 202     background-image:url(../images/default/grid/grid3-special-col-bg.gif);\r
 203 }\r
 204 \r
 205 .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {\r
 206         color:#444;\r
 207 }\r
 208 \r
 209 .x-grid3-body .x-grid3-td-row-icon {\r
 210     background-image:url(../images/default/grid/grid3-special-col-bg.gif);\r
 211 }\r
 212 \r
 213 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,\r
 214 .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,\r
 215 .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {\r
 216         background-image:url(../images/gray/grid/grid3-special-col-sel-bg.gif);\r
 217 }\r
 218 \r
 219 .x-grid3-check-col {\r
 220         background-image:url(../images/default/menu/unchecked.gif);\r
 221 }\r
 222 \r
 223 .x-grid3-check-col-on {\r
 224         background-image:url(../images/default/menu/checked.gif);\r
 225 }\r
 226 \r
 227 .x-grid-group, .x-grid-group-body, .x-grid-group-hd {\r
 228     zoom:1;\r
 229 }\r
 230 \r
 231 .x-grid-group-hd {\r
 232     border-bottom-color:#d0d0d0;\r
 233 }\r
 234 \r
 235 .x-grid-group-hd div.x-grid-group-title {\r
 236     background-image:url(../images/gray/grid/group-collapse.gif);\r
 237     color:#5F5F5F;\r
 238     font:bold 11px tahoma, arial, helvetica, sans-serif;\r
 239 }\r
 240 \r
 241 .x-grid-group-collapsed .x-grid-group-hd div.x-grid-group-title {\r
 242     background-image:url(../images/gray/grid/group-expand.gif);\r
 243 }\r
 244 \r
 245 .x-group-by-icon {\r
 246     background-image:url(../images/default/grid/group-by.gif);\r
 247 }\r
 248 \r
 249 .x-cols-icon {\r
 250     background-image:url(../images/default/grid/columns.gif);\r
 251 }\r
 252 \r
 253 .x-show-groups-icon {\r
 254     background-image:url(../images/default/grid/group-by.gif);\r
 255 }\r
 256 \r
 257 .x-grid-empty {\r
 258     color:gray;\r
 259     font:normal 11px tahoma, arial, helvetica, sans-serif;\r
 260 }\r
 261 \r
 262 .x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {\r
 263     border-right-color:#ededed;\r
 264 }\r
 265 \r
 266 .x-grid-with-col-lines .x-grid3-row{\r
 267     border-top-color:#ededed;\r
 268 }\r
 269 \r
 270 .x-grid-with-col-lines .x-grid3-row-selected {\r
 271         border-top-color:#B9B9B9;\r
 272 }\r