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

   1 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}hidden,
  43 .#{$prefix}hide-offsets {
  44     display: block !important;
  45     position: absolute!important;
  46     left: -10000px!important;
  47     top: -10000px!important;
  48 }
  49
  50 .#{$prefix}hide-nosize {
  51     height: 0!important;
  52     width: 0!important;
  53 }
  54
  55 .#{$prefix}masked-relative {
  56     position: relative;
  57 }
  58
  59 @if $include-ie {
  60     .#{$prefix}ie6 .#{$prefix}masked select,
  61     .#{$prefix}ie6.#{$prefix}body-masked select {
  62         visibility: hidden !important;
  63     }
  64 }
  65
  66 // Styles for the three schemes for showing shadows under an element: CSS3, IE blur transform, or 9 point framing with images.
  67 .#{$prefix}css-shadow {
  68     position: absolute;
  69     @include border-radius($window-border-radius);
  70 }
  71
  72 .#{$prefix}ie-shadow {
  73     background-color:#777;
  74     display: none;
  75     position: absolute;
  76     overflow: hidden;
  77     zoom: 1;
  78 }
  79
  80 .#{$prefix}frame-shadow {
  81     display: none;
  82     position: absolute;
  83     overflow: hidden;
  84 }
  85
  86 .#{$prefix}frame-shadow * {
  87     overflow: hidden;
  88 }
  89
  90 .#{$prefix}frame-shadow * {
  91     padding: 0;
  92     border: 0;
  93     margin: 0;
  94     clear: none;
  95     zoom: 1;
  96 }
  97
  98 /* top  bottom */
  99 .#{$prefix}frame-shadow .xstc,
 100 .#{$prefix}frame-shadow .xsbc {
 101     height: 6px;
 102     float: left;
 103 }
 104
 105 .#{$prefix}frame-shadow .xsc {
 106     width: 100%;
 107 }
 108
 109 .#{$prefix}frame-shadow .xsml {
 110     background: transparent repeat-y 0 0;
 111 }
 112
 113 .#{$prefix}frame-shadow .xsmr {
 114     background: transparent repeat-y -6px 0;
 115 }
 116
 117 .#{$prefix}frame-shadow .xstl {
 118     background: transparent no-repeat 0 0;
 119 }
 120
 121 .#{$prefix}frame-shadow .xstc {
 122     background: transparent repeat-x 0 -30px;
 123 }
 124
 125 .#{$prefix}frame-shadow .xstr {
 126     background: transparent repeat-x 0 -18px;
 127 }
 128
 129 .#{$prefix}frame-shadow .xsbl {
 130     background: transparent no-repeat 0 -12px;
 131 }
 132
 133 .#{$prefix}frame-shadow .xsbc {
 134     background: transparent repeat-x 0 -36px;
 135 }
 136
 137 .#{$prefix}frame-shadow .xsbr {
 138     background: transparent repeat-x 0 -6px;
 139 }
 140 .#{$prefix}frame-shadow .xstl,
 141 .#{$prefix}frame-shadow .xstc,
 142 .#{$prefix}frame-shadow .xstr,
 143 .#{$prefix}frame-shadow .xsbl,
 144 .#{$prefix}frame-shadow .xsbc,
 145 .#{$prefix}frame-shadow .xsbr {
 146     width: 6px;
 147     height: 6px;
 148     float: left;
 149     background-image: theme-image($theme-name, 'shared/shadow.png');
 150 }
 151
 152 .#{$prefix}frame-shadow .xsml,
 153 .#{$prefix}frame-shadow .xsmr {
 154     width: 6px;
 155     float: left;
 156     height: 100%;
 157     background-image: theme-image($theme-name, 'shared/shadow-lr.png');
 158 }
 159
 160 .#{$prefix}frame-shadow .xsmc {
 161     float: left;
 162     height: 100%;
 163     background-image: theme-image($theme-name, 'shared/shadow-c.png');
 164 }
 165
 166 .#{$prefix}frame-shadow .xst,
 167 .#{$prefix}frame-shadow .xsb {
 168     height: 6px;
 169     overflow: hidden;
 170     width: 100%;
 171 }