Minor color and padding tweaks; some styling for TOC

Just to fix the most egregious issues in content paragraphs.
Some day I will actually have the energy to systematize
everything into a cohesive set of spacing and padding values.

Change-Id: I6d5d36e96d9c9a133d61b233413ebd17d8189d33

1 files changed, 17 insertions, 18 deletions

diff --git a/help3xsl/default.css b/help3xsl/default.css
index 2594c5de64..53e8af1077 100644
--- a/help3xsl/default.css
+++ b/help3xsl/default.css
@@ -226,12 +226,13 @@ p,
 ol,
 td {
     font-size: 1.17rem;
-    margin: 2px 2px 2px 2px;
+    margin: 2px 0 2px 0;
 }
 h1 {
     font-size: 1.83rem;
     font-weight: 300;
     border-bottom: 2px solid #148603;
+    margin-bottom: 20px;
     padding-bottom: 6px;
 }
 h1 a {
@@ -248,9 +249,6 @@ h5,
 h6 {
     font-size: 1.17rem;
 }
-.avis {
-    /*    background-color: #EEEEEE;*/
-}
 .relatedtopics {
     font-weight: normal;
 }
@@ -274,9 +272,10 @@ h6 {
     box-shadow: 0 2px 2px -2px rgba(0,0,0,0.2);
     display: inline-block;
     font-weight: bold;
-    padding: 0.3em;
+    padding: 0.1em 0.3em;
 }
 .howtogetbody {
+    padding: 0 0.3em;
 }
 .samplefilesection{
 }
@@ -459,7 +458,6 @@ aside input[type=checkbox]:checked ~ .contents-treeview {
 }
 .index a {
     font-size: 16px;
-    margin-bottom: 5px;
 }
 #Bookmarks {
     padding: 0 20px;
@@ -533,11 +531,12 @@ aside input[type=checkbox]:checked ~ .contents-treeview {
     color: #148603;
 }
 .pagination {
-    padding: 0;
+    border-bottom: 1px dashed rgba(0,0,0,0.1);
+    padding-bottom: 1em;
 }
 .pagination li {
     display: inline-block;
-    padding: 4px;
+    padding: 0 5px;
 }
 .pagination a {
     text-decoration: none;
@@ -639,9 +638,12 @@ li.disabled a {
 }
 .contents-treeview a, .index a {
     text-decoration: none;
+    line-height: 1.4;
 }
 .contents-treeview a:hover, .index a:hover {
-    text-decoration: underline;
+    border-left: 2px solid rgba(0,0,0,0.05);
+    margin-left: -12px;
+    padding-left: 10px;
 }
 .contents-treeview input + label + ul {
     margin: 0 0 0 22px;
@@ -664,8 +666,7 @@ li.disabled a {
 .contents-treeview label,
 .contents-treeview a,
 .contents-treeview label::before {
-    height: 16px;
-    line-height: 16px;
+    display: block;
     vertical-align: middle;
 }
 .contents-treeview label:before {
@@ -679,12 +680,11 @@ li.disabled a {
     content: "⊟";
 }
 .contents-current {
-    background-color: #0369A3;
-    color: #FFF;
-    padding-right: 1px;
-}
-.contents-current:hover {
-    color: #FFF;
+    background: rgba(0,0,0,0.05);
+    border-left: 2px solid #0369a3;
+    font-weight: 600;
+    margin-left: -12px;
+    padding-left: 10px;
 }
 /* webkit adjacent element selector bugfix */
 
@@ -743,7 +743,6 @@ li.disabled a {
         font-size: 19px;
     }
     aside {
-        background-color: #F4F7F7;
         float: left;
         width: 320px;
     }