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