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