resources/css/structure/core.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 .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     outline: none;\r
 101 }\r
 102 \r
 103 .x-item-disabled {\r
 104     cursor: default;\r
 105     opacity: .6;\r
 106     -moz-opacity: .6;\r
 107     filter: alpha(opacity=60);\r
 108 }\r
 109 \r
 110 .x-item-disabled * {\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     zoom: 1;\r
 119     line-height: 1px;\r
 120     font-size: 1px;\r
 121     overflow: hidden;\r
 122 }\r
 123 \r
 124 .x-splitbar-h, .x-splitbar-proxy-h {\r
 125     cursor: e-resize;\r
 126     cursor: col-resize;\r
 127 }\r
 128 \r
 129 .x-splitbar-v, .x-splitbar-proxy-v {\r
 130     cursor: s-resize;\r
 131     cursor: row-resize;\r
 132 }\r
 133 \r
 134 .x-color-palette {\r
 135     width: 150px;\r
 136     height: 92px;\r
 137     cursor: pointer;\r
 138 }\r
 139 \r
 140 .x-color-palette a {\r
 141     border: 1px solid;\r
 142     float: left;\r
 143     padding: 2px;\r
 144     text-decoration: none;\r
 145     -moz-outline: 0 none;\r
 146     outline: 0 none;\r
 147     cursor: pointer;\r
 148 }\r
 149 \r
 150 .x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {\r
 151     border: 1px solid;\r
 152 }\r
 153 \r
 154 .x-color-palette em {\r
 155     display: block;\r
 156     border: 1px solid;\r
 157 }\r
 158 \r
 159 .x-color-palette em span {\r
 160     cursor: pointer;\r
 161     display: block;\r
 162     height: 10px;\r
 163     line-height: 10px;\r
 164     width: 10px;\r
 165 }\r
 166 \r
 167 .x-ie-shadow {\r
 168     display: none;\r
 169     position: absolute;\r
 170     overflow: hidden;\r
 171     left:0;\r
 172     top:0;\r
 173     zoom:1;\r
 174 }\r
 175 \r
 176 .x-shadow {\r
 177     display: none;\r
 178     position: absolute;\r
 179     overflow: hidden;\r
 180     left:0;\r
 181     top:0;\r
 182 }\r
 183 \r
 184 .x-shadow * {\r
 185     overflow: hidden;\r
 186 }\r
 187 \r
 188 .x-shadow * {\r
 189     padding: 0;\r
 190     border: 0;\r
 191     margin: 0;\r
 192     clear: none;\r
 193     zoom: 1;\r
 194 }\r
 195 \r
 196 /* top  bottom */\r
 197 .x-shadow .xstc, .x-shadow .xsbc {\r
 198     height: 6px;\r
 199     float: left;\r
 200 }\r
 201 \r
 202 /* corners */\r
 203 .x-shadow .xstl, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbr {\r
 204     width: 6px;\r
 205     height: 6px;\r
 206     float: left;\r
 207 }\r
 208 \r
 209 /* sides */\r
 210 .x-shadow .xsc {\r
 211     width: 100%;\r
 212 }\r
 213 \r
 214 .x-shadow .xsml, .x-shadow .xsmr {\r
 215     width: 6px;\r
 216     float: left;\r
 217     height: 100%;\r
 218 }\r
 219 \r
 220 .x-shadow .xsmc {\r
 221     float: left;\r
 222     height: 100%;\r
 223     background: transparent;\r
 224 }\r
 225 \r
 226 .x-shadow .xst, .x-shadow .xsb {\r
 227     height: 6px;\r
 228     overflow: hidden;\r
 229     width: 100%;\r
 230 }\r
 231 \r
 232 .x-shadow .xsml {\r
 233     background: transparent repeat-y 0 0;\r
 234 }\r
 235 \r
 236 .x-shadow .xsmr {\r
 237     background: transparent repeat-y -6px 0;\r
 238 }\r
 239 \r
 240 .x-shadow .xstl {\r
 241     background: transparent no-repeat 0 0;\r
 242 }\r
 243 \r
 244 .x-shadow .xstc {\r
 245     background: transparent repeat-x 0 -30px;\r
 246 }\r
 247 \r
 248 .x-shadow .xstr {\r
 249     background: transparent repeat-x 0 -18px;\r
 250 }\r
 251 \r
 252 .x-shadow .xsbl {\r
 253     background: transparent no-repeat 0 -12px;\r
 254 }\r
 255 \r
 256 .x-shadow .xsbc {\r
 257     background: transparent repeat-x 0 -36px;\r
 258 }\r
 259 \r
 260 .x-shadow .xsbr {\r
 261     background: transparent repeat-x 0 -6px;\r
 262 }\r
 263 \r
 264 .loading-indicator {\r
 265     background: no-repeat left;\r
 266     padding-left: 20px;\r
 267     line-height: 16px;\r
 268     margin: 3px;\r
 269 }\r
 270 \r
 271 .x-text-resize {\r
 272     position: absolute;\r
 273     left: -1000px;\r
 274     top: -1000px;\r
 275     visibility: hidden;\r
 276     zoom: 1;\r
 277 }\r
 278 \r
 279 .x-drag-overlay {\r
 280     width: 100%;\r
 281     height: 100%;\r
 282     display: none;\r
 283     position: absolute;\r
 284     left: 0;\r
 285     top: 0;\r
 286     background-image:url(../images/default/s.gif);\r
 287     z-index: 20000;\r
 288 }\r
 289 \r
 290 .x-clear {\r
 291     clear:both;\r
 292     height:0;\r
 293     overflow:hidden;\r
 294     line-height:0;\r
 295     font-size:0;\r
 296 }\r
 297 \r
 298 .x-spotlight {\r
 299     z-index: 8999;\r
 300     position: absolute;\r
 301     top:0;\r
 302     left:0;\r
 303     -moz-opacity: 0.5;\r
 304     opacity: .50;\r
 305     filter: alpha(opacity=50);\r
 306     width:0;\r
 307     height:0;\r
 308     zoom: 1;\r
 309 }\r
 310 \r
 311 #x-history-frame {\r
 312     position:absolute;\r
 313     top:-1px;\r
 314     left:0;\r
 315         width:1px;\r
 316     height:1px;\r
 317     visibility:hidden;\r
 318 }\r
 319 \r
 320 #x-history-field {\r
 321     position:absolute;\r
 322     top:0;\r
 323     left:-1px;\r
 324         width:1px;\r
 325     height:1px;\r
 326     visibility:hidden;\r
 327 }\r