resources/css/structure/core.css

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