resources/css/theme-access/grid.css

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