resources/css/core.css

   1 /*\r
   2  * Ext JS Library 2.2.1\r
   3  * Copyright(c) 2006-2009, Ext JS, LLC.\r
   4  * licensing@extjs.com\r
   5  * \r
   6  * http://extjs.com/license\r
   7  */\r
   8 \r
   9 .ext-el-mask {\r
  10     z-index: 100;\r
  11     position: absolute;\r
  12     top:0;\r
  13     left:0;\r
  14     -moz-opacity: 0.5;\r
  15     opacity: .50;\r
  16     filter: alpha(opacity=50);\r
  17     background-color: #CCC;\r
  18     width: 100%;\r
  19     height: 100%;\r
  20     zoom: 1;\r
  21 }\r
  22 .ext-el-mask-msg {\r
  23     z-index: 20001;\r
  24     position: absolute;\r
  25     top: 0;\r
  26     left: 0;\r
  27     border:1px solid #6593cf;\r
  28     background: #c3daf9 url(../images/default/box/tb-blue.gif) repeat-x 0 -16px;\r
  29     padding:2px;\r
  30 }\r
  31 .ext-el-mask-msg div {\r
  32     padding:5px 10px 5px 10px;\r
  33     background: #eee;\r
  34     border:1px solid #a3bad9;\r
  35     color:#222;\r
  36     font:normal 11px tahoma, arial, helvetica, sans-serif;\r
  37     cursor:wait;\r
  38 }\r
  39 \r
  40 .ext-shim {\r
  41     position:absolute;\r
  42     visibility:hidden;\r
  43     left:0;\r
  44     top:0;\r
  45     overflow:hidden;\r
  46 }\r
  47 .ext-ie .ext-shim {\r
  48     filter: alpha(opacity=0);\r
  49 }\r
  50 .ext-ie6 .ext-shim {\r
  51     margin-left: 5px;\r
  52     margin-top: 3px;\r
  53 }\r
  54 \r
  55 .x-mask-loading div {\r
  56     padding:5px 10px 5px 25px;\r
  57     background: #fbfbfb url( '../images/default/grid/loading.gif' ) no-repeat 5px 5px;\r
  58     line-height: 16px;\r
  59 }\r
  60 /* class for hiding elements without using display:none */\r
  61 .x-hidden, .x-hide-offsets {\r
  62     position:absolute;\r
  63     left:-10000px;\r
  64     top:-10000px;\r
  65     visibility:hidden;\r
  66 }\r
  67 .x-hide-display {\r
  68     display:none !important;\r
  69 }\r
  70 \r
  71 .x-hide-visibility {\r
  72     visibility:hidden !important;\r
  73 }\r
  74 \r
  75 .x-masked {\r
  76     overflow: hidden !important;\r
  77 }\r
  78 .x-masked-relative {\r
  79     position: relative !important;\r
  80 }\r
  81 \r
  82 .x-masked select, .x-masked object, .x-masked embed {\r
  83     visibility: hidden;\r
  84 }\r
  85 \r
  86 .x-layer {\r
  87     visibility: hidden;\r
  88 }\r
  89 \r
  90 .x-unselectable, .x-unselectable * {\r
  91     -moz-user-select: none;\r
  92     -khtml-user-select: none;\r
  93 }\r
  94 \r
  95 .x-repaint {\r
  96     zoom: 1;\r
  97     background-color: transparent;\r
  98     -moz-outline: none;\r
  99 }\r
 100 \r
 101 .x-item-disabled {\r
 102     color: gray;\r
 103     cursor: default;\r
 104     opacity: .6;\r
 105     -moz-opacity: .6;\r
 106     filter: alpha(opacity=60);\r
 107 }\r
 108 \r
 109 .x-item-disabled * {\r
 110     color: gray !important;\r
 111     cursor: default !important;\r
 112 }\r
 113 \r
 114 .x-splitbar-proxy {\r
 115     position: absolute;\r
 116     visibility: hidden;\r
 117     z-index: 20001;\r
 118     background: #aaa;\r
 119     zoom: 1;\r
 120     line-height: 1px;\r
 121     font-size: 1px;\r
 122     overflow: hidden;\r
 123 }\r
 124 \r
 125 .x-splitbar-h, .x-splitbar-proxy-h {\r
 126     cursor: e-resize;\r
 127     cursor: col-resize;\r
 128 }\r
 129 \r
 130 .x-splitbar-v, .x-splitbar-proxy-v {\r
 131     cursor: s-resize;\r
 132     cursor: row-resize;\r
 133 }\r
 134 \r
 135 .x-color-palette {\r
 136     width: 150px;\r
 137     height: 92px;\r
 138     cursor: pointer;\r
 139 }\r
 140 \r
 141 .x-color-palette a {\r
 142     border: 1px solid #fff;\r
 143     float: left;\r
 144     padding: 2px;\r
 145     text-decoration: none;\r
 146     -moz-outline: 0 none;\r
 147     outline: 0 none;\r
 148     cursor: pointer;\r
 149 }\r
 150 \r
 151 .x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {\r
 152     border: 1px solid #8BB8F3;\r
 153     background: #deecfd;\r
 154 }\r
 155 \r
 156 .x-color-palette em {\r
 157     display: block;\r
 158     border: 1px solid #ACA899;\r
 159 }\r
 160 \r
 161 .x-color-palette em span {\r
 162     cursor: pointer;\r
 163     display: block;\r
 164     height: 10px;\r
 165     line-height: 10px;\r
 166     width: 10px;\r
 167 }\r
 168 \r
 169 .x-ie-shadow {\r
 170     display: none;\r
 171     position: absolute;\r
 172     overflow: hidden;\r
 173     left:0;\r
 174     top:0;\r
 175     background:#777;\r
 176     zoom:1;\r
 177 }\r
 178 \r
 179 .x-shadow {\r
 180     display: none;\r
 181     position: absolute;\r
 182     overflow: hidden;\r
 183     left:0;\r
 184     top:0;\r
 185 }\r
 186 \r
 187 .x-shadow * {\r
 188     overflow: hidden;\r
 189 }\r
 190 \r
 191 .x-shadow * {\r
 192     padding: 0;\r
 193     border: 0;\r
 194     margin: 0;\r
 195     clear: none;\r
 196     zoom: 1;\r
 197 }\r
 198 \r
 199 /* top  bottom */\r
 200 .x-shadow .xstc, .x-shadow .xsbc {\r
 201     height: 6px;\r
 202     float: left;\r
 203 }\r
 204 \r
 205 /* corners */\r
 206 .x-shadow .xstl, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbr {\r
 207     width: 6px;\r
 208     height: 6px;\r
 209     float: left;\r
 210 }\r
 211 \r
 212 /* sides */\r
 213 .x-shadow .xsc {\r
 214     width: 100%;\r
 215 }\r
 216 \r
 217 .x-shadow .xsml, .x-shadow .xsmr {\r
 218     width: 6px;\r
 219     float: left;\r
 220     height: 100%;\r
 221 }\r
 222 \r
 223 .x-shadow .xsmc {\r
 224     float: left;\r
 225     height: 100%;\r
 226     background: transparent url( ../images/default/shadow-c.png );\r
 227 }\r
 228 \r
 229 .x-shadow .xst, .x-shadow .xsb {\r
 230     height: 6px;\r
 231     overflow: hidden;\r
 232     width: 100%;\r
 233 }\r
 234 \r
 235 .x-shadow .xsml {\r
 236     background: transparent url( ../images/default/shadow-lr.png ) repeat-y 0 0;\r
 237 }\r
 238 \r
 239 .x-shadow .xsmr {\r
 240     background: transparent url( ../images/default/shadow-lr.png ) repeat-y -6px 0;\r
 241 }\r
 242 \r
 243 .x-shadow .xstl {\r
 244     background: transparent url( ../images/default/shadow.png ) no-repeat 0 0;\r
 245 }\r
 246 \r
 247 .x-shadow .xstc {\r
 248     background: transparent url( ../images/default/shadow.png ) repeat-x 0 -30px;\r
 249 }\r
 250 \r
 251 .x-shadow .xstr {\r
 252     background: transparent url( ../images/default/shadow.png ) repeat-x 0 -18px;\r
 253 }\r
 254 \r
 255 .x-shadow .xsbl {\r
 256     background: transparent url( ../images/default/shadow.png ) no-repeat 0 -12px;\r
 257 }\r
 258 \r
 259 .x-shadow .xsbc {\r
 260     background: transparent url( ../images/default/shadow.png ) repeat-x 0 -36px;\r
 261 }\r
 262 \r
 263 .x-shadow .xsbr {\r
 264     background: transparent url( ../images/default/shadow.png ) repeat-x 0 -6px;\r
 265 }\r
 266 \r
 267 .loading-indicator {\r
 268     font-size: 11px;\r
 269     background-image: url(../images/default/grid/loading.gif);\r
 270     background-repeat: no-repeat;\r
 271     background-position: left;\r
 272     padding-left: 20px;\r
 273     line-height: 16px;\r
 274     margin: 3px;\r
 275 }\r
 276 \r
 277 .x-text-resize {\r
 278     position: absolute;\r
 279     left: -1000px;\r
 280     top: -1000px;\r
 281     visibility: hidden;\r
 282     zoom: 1;\r
 283 }\r
 284 \r
 285 .x-drag-overlay {\r
 286     width: 100%;\r
 287     height: 100%;\r
 288     display: none;\r
 289     position: absolute;\r
 290     left: 0;\r
 291     top: 0;\r
 292     background-image:url(../images/default/s.gif);\r
 293     z-index: 20000;\r
 294 }\r
 295 \r
 296 .x-clear {\r
 297     clear:both;\r
 298     height:0;\r
 299     overflow:hidden;\r
 300     line-height:0;\r
 301     font-size:0;\r
 302 }\r
 303 \r
 304 \r
 305 .x-spotlight {\r
 306     z-index: 8999;\r
 307     position: absolute;\r
 308     top:0;\r
 309     left:0;\r
 310     -moz-opacity: 0.5;\r
 311     opacity: .50;\r
 312     filter: alpha(opacity=50);\r
 313     background-color: #CCC;\r
 314     width:0;\r
 315     height:0;\r
 316     zoom: 1;\r
 317 }\r