Helponline: Rely on color, not thick borders, to separate content from UI

Those thick borders were fugly.
Give a slightly darker appearance to the sidebar and make its border fainter.
Remove the pure-white background in body to make it easier on the eyes.
Kill the alarming yellow (what was I thinking?).

Change-Id: If236126da91df535a0bddbfbf4804c8ee655c4e1

1 files changed, 6 insertions, 4 deletions

diff --git a/help3xsl/default.css b/help3xsl/default.css
index 427a374b38..391c4d2132 100644
--- a/help3xsl/default.css
+++ b/help3xsl/default.css
@@ -84,6 +84,7 @@ h6,
     pointer-events: auto;
 }
 body {
+    background-color: #FDFDFD;
     margin: 0;
     line-height: normal;
 }
@@ -145,7 +146,7 @@ td {
 h1 {
     font-size: 1.83rem;
     font-weight: 300;
-    border-bottom: 3px solid #18A303;
+    border-bottom: 2px solid #18A303;
     padding-bottom: 6px;
 }
 h1 a {
@@ -201,8 +202,8 @@ h6 {
 .donation {
     padding: 5px 0px 0px 10px;
     margin-bottom: 1em;
-    background-color: #ffeeba;
-    border: 1px solid #FFDC42;
+    background-color: #F5FFDC;
+    border: 1px solid #E1FDA6;
     border-radius: 3px;
 }
 .donation p{
@@ -664,7 +665,8 @@ li.disabled a {
         font-size: 19px;
     }
     aside {
-        border-right: 5px solid #19A303;
+        background-color: #F5F5F5;
+        border-right: 1px solid #E8E8E8;
         float: left;
         width: 320px;
         grid-area: sidebar;