merged form 1.9 :: MDL-12221 :: new CSS rules for the custom_corners boxes.

And MDL-9306 :: splitted comma sepearted rules to 2 separate rules.

diff --git a/theme/custom_corners/user_styles.css b/theme/custom_corners/user_styles.css
index d1afcd676a9a81401312af00b73697a5f34da21d..0fd65d3d355ae55d282e87c31dea37041b3c0e8e 100644 (file)
--- a/theme/custom_corners/user_styles.css
+++ b/theme/custom_corners/user_styles.css
@@ -101,6 +101,9 @@ div.noticebox {
 div.generalbox {
   border: 1px solid #F1ECE6;
 }
+div.generalbox.ccbox {
+  border-style: none;
+}
 table.generalbox {
   border-top-width: 1px;
   border-style: solid none none;
@@ -609,7 +612,7 @@ td#left-column div.hidden div.header {
 td#right-column div.hidden div.header {
   border-bottom-style: none;
 }
-td#middle-column div.bt div, div#middle-column div.bt div {
+td#middle-column div.bt div {
   background-image: url(pix/box.png);
   background-repeat: no-repeat;
   background-position: 0 0;
@@ -619,7 +622,17 @@ td#middle-column div.bt div, div#middle-column div.bt div {
   position: relative;
   width: 13px;
 }
-td#middle-column div.bt, div#middle-column div.bt {
+div#middle-column div.bt div {
+  background-image: url(pix/box.png);
+  background-repeat: no-repeat;
+  background-position: 0 0;
+  background-color: transparent;
+  height: 12px;
+  left: -13px;
+  position: relative;
+  width: 13px;
+}
+td#middle-column div.bt {
   background-image: url(pix/box.png);
   background-repeat: no-repeat;
   background-position: 100% 0;
@@ -627,14 +640,37 @@ td#middle-column div.bt, div#middle-column div.bt {
   height: 12px;
   background-color: transparent;
 }
-td#middle-column div.i1, div#middle-column div.i1 {
+div#middle-column div.bt {
+  background-image: url(pix/box.png);
+  background-repeat: no-repeat;
+  background-position: 100% 0;
+  margin: 0 0 0 13px;
+  height: 12px;
+  background-color: transparent;
+}
+td#middle-column div.i1 {
   background-image: url(pix/borders.png);
   background-repeat: repeat-y;
   background-position: 0 0;
   background-color: transparent;
   padding: 0 0 0 12px;
 }
-td#middle-column div.i2, div#middle-column div.i2 {
+div#middle-column div.i1 {
+  background-image: url(pix/borders.png);
+  background-repeat: repeat-y;
+  background-position: 0 0;
+  background-color: transparent;
+  padding: 0 0 0 12px;
+}
+td#middle-column div.i2 {
+  background-image: url(pix/borders.png);
+  background-repeat: repeat-y;
+  background-attachment: scroll;
+  background-position: 100% 0;
+  background-color: transparent;
+  padding: 0 12px 0 0;
+}
+div#middle-column div.i2 {
   background-image: url(pix/borders.png);
   background-repeat: repeat-y;
   background-attachment: scroll;
@@ -642,14 +678,21 @@ td#middle-column div.i2, div#middle-column div.i2 {
   background-color: transparent;
   padding: 0 12px 0 0;
 }
-td#middle-column div.i3, div#middle-column div.i3 {
+td#middle-column div.i3 {
+  background-color: #FFFFFF;
+  padding: 0 10px;
+  border-width: 1px 0;
+  border-style: solid;
+  border-color: #FFFFFF;
+}
+div#middle-column div.i3 {
   background-color: #FFFFFF;
   padding: 0 10px;
   border-width: 1px 0;
   border-style: solid;
   border-color: #FFFFFF;
 }
-td#middle-column div.bb div, div#middle-column div.bb div {
+td#middle-column div.bb div {
   background-image: url(pix/box.png);
   background-repeat: no-repeat;
   background-position: 0 100%;
@@ -659,7 +702,17 @@ td#middle-column div.bb div, div#middle-column div.bb div {
   position: relative;
   width: 13px;
 }
-td#middle-column div.bb, div#middle-column div.bb {
+div#middle-column div.bb div {
+  background-image: url(pix/box.png);
+  background-repeat: no-repeat;
+  background-position: 0 100%;
+  background-color: transparent;
+  height: 12px;
+  left: -13px;
+  position: relative;
+  width: 13px;
+}
+td#middle-column div.bb {
   background-image: url(pix/box.png);
   background-repeat: no-repeat;
   background-position: 100% 100%;
@@ -667,7 +720,18 @@ td#middle-column div.bb, div#middle-column div.bb {
   height: 12px;
   background-color: transparent;
 }
-td#middle-column div.bt div, div#middle-column div.bt div {
+div#middle-column div.bb {
+  background-image: url(pix/box.png);
+  background-repeat: no-repeat;
+  background-position: 100% 100%;
+  margin: 0 0 0 13px;
+  height: 12px;
+  background-color: transparent;
+}
+td#middle-column div.bt div {
+  z-index: 10;
+}
+div#middle-column div.bt div {
   z-index: 10;
 }
 div#footer div.bt div {
@@ -913,7 +977,44 @@ body.nocoursepage div#content div.bb {
   height: 12px;
   background-color: transparent;
 }
-td#middle-column tr.section, div#middle-column li.section {
+div#content div.ccbox div.bt div {
+  background-image: url(pix/mask_box.png);
+}
+div#content div.ccbox div.bt {
+  background-image: url(pix/mask_box.png);
+}
+div#content div.ccbox div.i1 {
+  background-image: url(pix/mask_borders_le.png);
+}
+div#content div.ccbox div.i2 {
+  background-image: url(pix/mask_borders_re.png);
+}
+div#content div.ccbox div.i3 {
+  background-color: transparent;
+  border-color: transparent;
+}
+div#content div.ccbox div.bb div {
+  background-image: url(pix/mask_box.png);
+}
+div#content div.ccbox div.bb {
+  background-image: url(pix/mask_box.png);
+}
+div#content div.ccbox div.bt div {
+  z-index: 10;
+}
+div#content div.ccbox {
+  background-image: url(pix/info_gradient.png);
+  background-repeat: repeat-x;
+  background-position: 50% 50%;
+  padding: 0;
+}
+td#middle-column tr.section {
+  background-image: url(pix/bottom_shadow_to_top.png);
+  background-repeat: repeat-x;
+  background-position: center bottom;
+  border: 1px solid #F1ECE6;
+}
+div#middle-column li.section {
   background-image: url(pix/bottom_shadow_to_top.png);
   background-repeat: repeat-x;
   background-position: center bottom;