Upgrade to ExtJS 4.0.2 - Released 06/09/2011

[extjs.git] / resources / themes / stylesheets / ext4 / default / core / _core.scss

diff --git a/resources/themes/stylesheets/ext4/default/core/_core.scss b/resources/themes/stylesheets/ext4/default/core/_core.scss
index 07975a6..68f1fba 100644 (file)
--- a/resources/themes/stylesheets/ext4/default/core/_core.scss
+++ b/resources/themes/stylesheets/ext4/default/core/_core.scss
@@ -1,4 +1,4 @@
-body {
+.#{$prefix}body {
     color: $color;
     font-size: $font-size;
     font-family: $font-family;
@@ -150,7 +150,10 @@ body {
     width: 6px;
     height: 6px;
     float: left;
-    background-image: theme-image($theme-name, 'shared/shadow.png');
+
+    @if $include-shadow-images {
+        @include theme-background-image($theme-name, 'shared/shadow.png');
+    }
 }
 
 .#{$prefix}frame-shadow .xsml,
@@ -158,13 +161,19 @@ body {
     width: 6px;
     float: left;
     height: 100%;
-    background-image: theme-image($theme-name, 'shared/shadow-lr.png');
+
+    @if $include-shadow-images {
+        @include theme-background-image($theme-name, 'shared/shadow-lr.png');
+    }
 }
 
 .#{$prefix}frame-shadow .xsmc {
     float: left;
     height: 100%;
-    background-image: theme-image($theme-name, 'shared/shadow-c.png');
+
+    @if $include-shadow-images {
+        @include theme-background-image($theme-name, 'shared/shadow-c.png');
+    }
 }
 
 .#{$prefix}frame-shadow .xst,
@@ -172,4 +181,137 @@ body {
     height: 6px;
     overflow: hidden;
     width: 100%;
-}
\ No newline at end of file
+}
+
+//box wrap - Ext.get("foo").boxWrap();
+.x-box-tl {
+    background: transparent no-repeat 0 0;
+    zoom:1;
+}
+
+.x-box-tc {
+    height: 8px;
+    background: transparent repeat-x 0 0;
+    overflow: hidden;
+}
+
+.x-box-tr {
+    background: transparent no-repeat right -8px;
+}
+
+.x-box-ml {
+    background: transparent repeat-y 0;
+    padding-left: 4px;
+    overflow: hidden;
+    zoom:1;
+}
+
+.x-box-mc {
+    background: repeat-x 0 -16px;
+    padding: 4px 10px;
+}
+
+.x-box-mc h3 {
+    margin: 0 0 4px 0;
+    zoom:1;
+}
+
+.x-box-mr {
+    background: transparent repeat-y right;
+    padding-right: 4px;
+    overflow: hidden;
+}
+
+.x-box-bl {
+    background: transparent no-repeat 0 -16px;
+    zoom:1;
+}
+
+.x-box-bc {
+    background: transparent repeat-x 0 -8px;
+    height: 8px;
+    overflow: hidden;
+}
+
+.x-box-br {
+    background: transparent no-repeat right -24px;
+}
+
+.x-box-tl, .x-box-bl {
+    padding-left: 8px;
+    overflow: hidden;
+}
+
+.x-box-tr, .x-box-br {
+    padding-right: 8px;
+    overflow: hidden;
+}
+
+.x-box-tl {
+    @include theme-background-image($theme-name, 'box/corners.gif');
+}
+
+.x-box-tc {
+    @include theme-background-image($theme-name, 'box/tb.gif');
+}
+
+.x-box-tr {
+    @include theme-background-image($theme-name, 'box/corners.gif');
+}
+
+.x-box-ml {
+    @include theme-background-image($theme-name, 'box/l.gif');
+}
+
+.x-box-mc {
+    background-color: #eee;
+    @include theme-background-image($theme-name, 'box/tb.gif');
+    font-family: "Myriad Pro","Myriad Web","Tahoma","Helvetica","Arial",sans-serif;
+    color: #393939;
+    font-size: 15px;
+}
+
+.x-box-mc h3 {
+    font-size: 18px;
+    font-weight: bold;
+}
+
+.x-box-mr {
+    @include theme-background-image($theme-name, 'box/r.gif');
+}
+
+.x-box-bl {
+    @include theme-background-image($theme-name, 'box/corners.gif');
+}
+
+.x-box-bc {
+    @include theme-background-image($theme-name, 'box/tb.gif');
+}
+
+.x-box-br {
+    @include theme-background-image($theme-name, 'box/corners.gif');
+}
+
+.x-box-blue .x-box-bl, .x-box-blue .x-box-br, .x-box-blue .x-box-tl, .x-box-blue .x-box-tr {
+    @include theme-background-image($theme-name, 'box/corners-blue.gif');
+}
+
+.x-box-blue .x-box-bc, .x-box-blue .x-box-mc, .x-box-blue .x-box-tc {
+    @include theme-background-image($theme-name, 'box/tb-blue.gif');
+}
+
+.x-box-blue .x-box-mc {
+    background-color: #c3daf9;
+}
+
+.x-box-blue .x-box-mc h3 {
+    color: #17385b;
+}
+
+.x-box-blue .x-box-ml {
+    @include theme-background-image($theme-name, 'box/l-blue.gif');
+}
+
+.x-box-blue .x-box-mr {
+    @include theme-background-image($theme-name, 'box/r-blue.gif');
+}