Better placement of background color definitions & a new shadow

Change-Id: I8ad99f278cd1e4d96ae873627f2dfa2a5b827761

1 files changed, 5 insertions, 6 deletions

diff --git a/help3xsl/default.css b/help3xsl/default.css
index 0f1967ceb7..98b8e0561e 100644
--- a/help3xsl/default.css
+++ b/help3xsl/default.css
@@ -85,7 +85,7 @@ h6,
     pointer-events: auto;
 }
 body {
-    background-color: #FCFCFC;
+    background-color: #F4F7F7;
     margin: 0;
     line-height: normal;
 }
@@ -334,10 +334,10 @@ h6 {
     border: solid 1px #148603;
 }
 #DisplayArea {
+    background-color: #FCFCFC;
     overflow: auto;
     padding: 10px;
     grid-area: main;
-    margin-bottom: 50px;
 }
 #DisplayArea > p {
     margin-bottom: 10px;
@@ -420,9 +420,8 @@ header {
 }
 footer {
     border-top: 2px solid #148603;
-    background: linear-gradient(to bottom, rgba(0,0,0,0.025) 0%,rgba(0,0,0,0) 100%);
     padding: 15px 10px 0 10px;
-    margin: 25px 0 0 0;
+    margin: 40px 0;
 }
 footer p {
     font-size: 0.98rem;
@@ -754,7 +753,6 @@ li.disabled a {
     }
     aside {
         background-color: #F4F7F7;
-        border-right: 1px solid rgba(0,0,0,0.04);
         float: left;
         width: 320px;
     }
@@ -783,6 +781,8 @@ li.disabled a {
         border: none;
     }
     #DisplayArea {
+        background-color: #FCFCFC;
+        box-shadow: 0 2px 8px 0 rgba(0,0,0,.05);
         padding: 10px 50px;
         width: 800px;
     }
@@ -830,7 +830,6 @@ li.disabled a {
         .rightside {
             width: auto;
             border-right: none;
-            border-left: 1px solid rgba(0,0,0,0.04);
         }
     }
 }