Web: revise site background (issue 204040043 by address@hidden)

[paulwmorris]

Reviewers: ,

Message:
Please review, thanks!

Description:
Web: revise site background

green fade-out gradient at both top corners
site background is off-white
column backgrounds are pure-white
images for homepage to match background
adjust search box color

Please review this at https://codereview.appspot.com/204040043/

Affected files (+10, -4 lines):
  M Documentation/css/lilypond-website.css
  M Documentation/css/lilypond-website-ie-fixes.css
  A Documentation/pictures/background-top-left.png
  A Documentation/pictures/background-top-right.png
  A Documentation/pictures/squiggle-off-white.jpg
  A Documentation/pictures/summary-gradient-off-white.png


Index: Documentation/css/lilypond-website-ie-fixes.css
diff --git a/Documentation/css/lilypond-website-ie-fixes.css  
b/Documentation/css/lilypond-website-ie-fixes.css
index  
86fe49ad87ec1fdbce214b5d9cbe53548ec2b161..3177a195e120b4e9b2f55158304a1ca730840ee8  
100644
--- a/Documentation/css/lilypond-website-ie-fixes.css
+++ b/Documentation/css/lilypond-website-ie-fixes.css
@@ -35,7 +35,7 @@ div#tocframe {
 /* Divs */

 #quickSummary .subheading {
-  background: #fff url(../pictures/summary-gradient.png) repeat-y 0 0;
+  background: #fff url(../pictures/summary-gradient-off-white.png)  
repeat-y 0 0;
 }

 a[name="Stable"] + h4 {
Index: Documentation/css/lilypond-website.css
diff --git a/Documentation/css/lilypond-website.css  
b/Documentation/css/lilypond-website.css
index  
8538a39eaa243182b60e8469c35edc1616676750..e6614f90bc13b05004b7ab1be99eb487d07cc3db  
100644
--- a/Documentation/css/lilypond-website.css
+++ b/Documentation/css/lilypond-website.css
@@ -15,10 +15,16 @@ body {
   max-width: 70em;
   font-size: 95%;
   line-height: 1.5;
-  background: #fff url(../pictures/background-image.png) no-repeat 0 0;
   text-align: justify;
   padding: 0;
   margin: 0 auto;
+  background-color: rgb(245, 252, 242);
+  background-image: url(../pictures/background-top-right.png),
+    url(../pictures/background-top-left.png);
+  background-position: top right, top left;
+  background-repeat: no-repeat, no-repeat;
+  /* fallback for IE8 which doesn't support multiple backgrounds */
+  background: url(../pictures/background-top-left.png) no-repeat top left;
 }

 hr {
@@ -96,7 +102,7 @@ div#tocframe {
 }

 #tocframe > ul:first-child > li:first-child a span {
-  background: url("../pictures/lily-home-32x32.png") no-repeat scroll 0%  
40% transparent;
+  background: url(../pictures/lily-home-32x32.png) no-repeat scroll 0% 40%  
transparent;
   padding: 16px 0px 16px 38px;
 }

@@ -125,7 +131,7 @@ div#tocframe {
   width: 92%;
   font-size: 90%;
   color: rgb(85, 85, 85);
-  background: rgb(200, 230, 200);
+  background: rgb(235, 242, 232);
   padding: 0.1em 0.1em 0.1em 0.6em;
   border: 0;
   margin: 0;
@@ -333,8 +339,8 @@ div#quickSummary {
   background: linear-gradient(to right,
     rgb(79, 130, 99),
     rgb(79, 130, 99) 10%,
-    rgb(255, 255, 255) 75%,
-    rgb(255, 255, 255));
+    rgb(245, 252, 242) 75%,
+    rgb(245, 252, 242));
   color: #fff;
   padding: 0 0.5em;
   margin: 0;
@@ -346,7 +352,7 @@ div#quickSummary {
 }

 div.separator {
-  background: transparent url(../pictures/squiggle.jpg) no-repeat 50% 50%;
+  background: transparent url(../pictures/squiggle-off-white.jpg)  
no-repeat 50% 50%;
   height: 36px;
   padding: 10px;
   margin: 0 13em 0 0;
@@ -673,7 +679,7 @@ div.float-right a.clickable {
 .column-left-bottom,
 .column-right-top,
 .column-right-bottom {
-  background: #f5fffa;
+  background: #fff;
 }

 /* color1 */
Index: Documentation/pictures/background-top-left.png
diff --git a/Documentation/pictures/background-top-left.png  
b/Documentation/pictures/background-top-left.png
new file mode 100644
index  
0000000000000000000000000000000000000000..0587791219604d0b6123e154b127390b2e511a1a
Binary files /dev/null and b/Documentation/pictures/background-top-left.png  
differ
Index: Documentation/pictures/background-top-right.png
diff --git a/Documentation/pictures/background-top-right.png  
b/Documentation/pictures/background-top-right.png
new file mode 100644
index  
0000000000000000000000000000000000000000..a8a571a406ebaa5d77936d303930bb11c1c0eb54
Binary files /dev/null and  
b/Documentation/pictures/background-top-right.png differ
Index: Documentation/pictures/squiggle-off-white.jpg
diff --git a/Documentation/pictures/squiggle-off-white.jpg  
b/Documentation/pictures/squiggle-off-white.jpg
new file mode 100644
index  
0000000000000000000000000000000000000000..20e09db947eadca03f07d388c29127e75c427b41
Binary files /dev/null and b/Documentation/pictures/squiggle-off-white.jpg  
differ
Index: Documentation/pictures/summary-gradient-off-white.png
diff --git a/Documentation/pictures/summary-gradient-off-white.png  
b/Documentation/pictures/summary-gradient-off-white.png
new file mode 100644
index  
0000000000000000000000000000000000000000..23572af340af53194a1eed075a93d482f1bb3aed
Binary files /dev/null and  
b/Documentation/pictures/summary-gradient-off-white.png differ