resources/themes/stylesheets/ext4/default/core/_core.scss

   1 .#{$prefix}body {
   2     color: $color;
   3     font-size: $font-size;
   4     font-family: $font-family;
   5 }
   6
   7 .#{$prefix}clear {
   8     overflow: hidden;
   9     clear: both;
  10     height: 0;
  11     width: 0;
  12     font-size: 0;
  13     line-height: 0;
  14 }
  15
  16 .#{$prefix}layer {
  17     position: absolute;
  18     overflow: hidden;
  19     zoom: 1;
  20 }
  21
  22 .#{$prefix}shim {
  23     position: absolute;
  24     left: 0;
  25     top: 0;
  26     overflow: hidden;
  27     @include opacity(0);
  28 }
  29
  30 .#{$prefix}hide-display {
  31     display: none !important;
  32 }
  33
  34 .#{$prefix}hide-visibility {
  35     visibility:hidden !important;
  36 }
  37
  38 .#{$prefix}item-disabled {
  39     @include opacity(0.4);
  40 }
  41
  42 .#{$prefix}ie6 .#{$prefix}item-disabled {
  43     filter:none;
  44 }
  45
  46 .#{$prefix}hidden,
  47 .#{$prefix}hide-offsets {
  48     display: block !important;
  49     position: absolute!important;
  50     left: -10000px!important;
  51     top: -10000px!important;
  52 }
  53
  54 .#{$prefix}hide-nosize {
  55     height: 0!important;
  56     width: 0!important;
  57 }
  58
  59 .#{$prefix}masked-relative {
  60     position: relative;
  61 }
  62
  63 @if $include-ie {
  64     .#{$prefix}ie6 .#{$prefix}masked select,
  65     .#{$prefix}ie6.#{$prefix}body-masked select {
  66         visibility: hidden !important;
  67     }
  68 }
  69
  70 // Styles for the three schemes for showing shadows under an element: CSS3, IE blur transform, or 9 point framing with images.
  71 .#{$prefix}css-shadow {
  72     position: absolute;
  73     @include border-radius($window-border-radius);
  74 }
  75
  76 .#{$prefix}ie-shadow {
  77     background-color:#777;
  78     display: none;
  79     position: absolute;
  80     overflow: hidden;
  81     zoom: 1;
  82 }
  83
  84 .#{$prefix}frame-shadow {
  85     display: none;
  86     position: absolute;
  87     overflow: hidden;
  88 }
  89
  90 .#{$prefix}frame-shadow * {
  91     overflow: hidden;
  92 }
  93
  94 .#{$prefix}frame-shadow * {
  95     padding: 0;
  96     border: 0;
  97     margin: 0;
  98     clear: none;
  99     zoom: 1;
 100 }
 101
 102 /* top  bottom */
 103 .#{$prefix}frame-shadow .xstc,
 104 .#{$prefix}frame-shadow .xsbc {
 105     height: 6px;
 106     float: left;
 107 }
 108
 109 .#{$prefix}frame-shadow .xsc {
 110     width: 100%;
 111 }
 112
 113 .#{$prefix}frame-shadow .xsml {
 114     background: transparent repeat-y 0 0;
 115 }
 116
 117 .#{$prefix}frame-shadow .xsmr {
 118     background: transparent repeat-y -6px 0;
 119 }
 120
 121 .#{$prefix}frame-shadow .xstl {
 122     background: transparent no-repeat 0 0;
 123 }
 124
 125 .#{$prefix}frame-shadow .xstc {
 126     background: transparent repeat-x 0 -30px;
 127 }
 128
 129 .#{$prefix}frame-shadow .xstr {
 130     background: transparent repeat-x 0 -18px;
 131 }
 132
 133 .#{$prefix}frame-shadow .xsbl {
 134     background: transparent no-repeat 0 -12px;
 135 }
 136
 137 .#{$prefix}frame-shadow .xsbc {
 138     background: transparent repeat-x 0 -36px;
 139 }
 140
 141 .#{$prefix}frame-shadow .xsbr {
 142     background: transparent repeat-x 0 -6px;
 143 }
 144 .#{$prefix}frame-shadow .xstl,
 145 .#{$prefix}frame-shadow .xstc,
 146 .#{$prefix}frame-shadow .xstr,
 147 .#{$prefix}frame-shadow .xsbl,
 148 .#{$prefix}frame-shadow .xsbc,
 149 .#{$prefix}frame-shadow .xsbr {
 150     width: 6px;
 151     height: 6px;
 152     float: left;
 153
 154     @if $include-shadow-images {
 155         @include theme-background-image($theme-name, 'shared/shadow.png');
 156     }
 157 }
 158
 159 .#{$prefix}frame-shadow .xsml,
 160 .#{$prefix}frame-shadow .xsmr {
 161     width: 6px;
 162     float: left;
 163     height: 100%;
 164
 165     @if $include-shadow-images {
 166         @include theme-background-image($theme-name, 'shared/shadow-lr.png');
 167     }
 168 }
 169
 170 .#{$prefix}frame-shadow .xsmc {
 171     float: left;
 172     height: 100%;
 173
 174     @if $include-shadow-images {
 175         @include theme-background-image($theme-name, 'shared/shadow-c.png');
 176     }
 177 }
 178
 179 .#{$prefix}frame-shadow .xst,
 180 .#{$prefix}frame-shadow .xsb {
 181     height: 6px;
 182     overflow: hidden;
 183     width: 100%;
 184 }
 185
 186 //box wrap - Ext.get("foo").boxWrap();
 187 .x-box-tl {
 188     background: transparent no-repeat 0 0;
 189     zoom:1;
 190 }
 191
 192 .x-box-tc {
 193     height: 8px;
 194     background: transparent repeat-x 0 0;
 195     overflow: hidden;
 196 }
 197
 198 .x-box-tr {
 199     background: transparent no-repeat right -8px;
 200 }
 201
 202 .x-box-ml {
 203     background: transparent repeat-y 0;
 204     padding-left: 4px;
 205     overflow: hidden;
 206     zoom:1;
 207 }
 208
 209 .x-box-mc {
 210     background: repeat-x 0 -16px;
 211     padding: 4px 10px;
 212 }
 213
 214 .x-box-mc h3 {
 215     margin: 0 0 4px 0;
 216     zoom:1;
 217 }
 218
 219 .x-box-mr {
 220     background: transparent repeat-y right;
 221     padding-right: 4px;
 222     overflow: hidden;
 223 }
 224
 225 .x-box-bl {
 226     background: transparent no-repeat 0 -16px;
 227     zoom:1;
 228 }
 229
 230 .x-box-bc {
 231     background: transparent repeat-x 0 -8px;
 232     height: 8px;
 233     overflow: hidden;
 234 }
 235
 236 .x-box-br {
 237     background: transparent no-repeat right -24px;
 238 }
 239
 240 .x-box-tl, .x-box-bl {
 241     padding-left: 8px;
 242     overflow: hidden;
 243 }
 244
 245 .x-box-tr, .x-box-br {
 246     padding-right: 8px;
 247     overflow: hidden;
 248 }
 249
 250 .x-box-tl {
 251     @include theme-background-image($theme-name, 'box/corners.gif');
 252 }
 253
 254 .x-box-tc {
 255     @include theme-background-image($theme-name, 'box/tb.gif');
 256 }
 257
 258 .x-box-tr {
 259     @include theme-background-image($theme-name, 'box/corners.gif');
 260 }
 261
 262 .x-box-ml {
 263     @include theme-background-image($theme-name, 'box/l.gif');
 264 }
 265
 266 .x-box-mc {
 267     background-color: #eee;
 268     @include theme-background-image($theme-name, 'box/tb.gif');
 269     font-family: "Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;
 270     color: #393939;
 271     font-size: 15px;
 272 }
 273
 274 .x-box-mc h3 {
 275     font-size: 18px;
 276     font-weight: bold;
 277 }
 278
 279 .x-box-mr {
 280     @include theme-background-image($theme-name, 'box/r.gif');
 281 }
 282
 283 .x-box-bl {
 284     @include theme-background-image($theme-name, 'box/corners.gif');
 285 }
 286
 287 .x-box-bc {
 288     @include theme-background-image($theme-name, 'box/tb.gif');
 289 }
 290
 291 .x-box-br {
 292     @include theme-background-image($theme-name, 'box/corners.gif');
 293 }
 294
 295 .x-box-blue .x-box-bl, .x-box-blue .x-box-br, .x-box-blue .x-box-tl, .x-box-blue .x-box-tr {
 296     @include theme-background-image($theme-name, 'box/corners-blue.gif');
 297 }
 298
 299 .x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc {
 300     @include theme-background-image($theme-name, 'box/tb-blue.gif');
 301 }
 302
 303 .x-box-blue .x-box-mc {
 304     background-color: #c3daf9;
 305 }
 306
 307 .x-box-blue .x-box-mc h3 {
 308     color: #17385b;
 309 }
 310
 311 .x-box-blue .x-box-ml {
 312     @include theme-background-image($theme-name, 'box/l-blue.gif');
 313 }
 314
 315 .x-box-blue .x-box-mr {
 316     @include theme-background-image($theme-name, 'box/r-blue.gif');
 317 }