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