resources/css/structure/core.css

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