Helponline: Give links a different color

It was the same color as headings, which was confusing.

Also, remove the underline until hovering, which improves readability,
particularly with Chinese, Japanese and Korean.

And add a custom selection color because… why not?

Change-Id: I3d120c7fd6cbe27d74f0c7c40b72e23cddaa0296

1 files changed, 18 insertions, 4 deletions

diff --git a/help3xsl/default.css b/help3xsl/default.css
index b352360e19..c988eaa7a5 100644
--- a/help3xsl/default.css
+++ b/help3xsl/default.css
@@ -89,8 +89,19 @@ body {
     margin: 0;
     line-height: normal;
 }
+::selection {
+    background: #CCF4C6;
+}
+::-moz-selection { /* moz#509958 */
+    background: #CCF4C6;
+}
 a {
-    color: #18A303;
+    text-decoration: none;
+    color: #0369AE;
+}
+a:hover {
+    text-decoration: underline;
+    color: #1C99E0;
 }
 pre,
 .code,
@@ -536,13 +547,13 @@ aside input[type=checkbox]:checked ~ .contents-treeview {
     display: none;
 }
 li.active {
-    background-color: #18A303;
+    background-color: #0369A3;
 }
 li.active a {
     color: #fff;
 }
 li.disabled a {
-    color: #bedcba;
+    color: #90C0E6;
 }
 #search-bar {
     margin-top: 10px;
@@ -661,10 +672,13 @@ li.disabled a {
     content: "⊟";
 }
 .contents-current {
-    background-color: #18A303;
+    background-color: #0369A3;
     color: #FFF;
     padding-right: 1px;
 }
+.contents-current:hover {
+    color: #FFF;
+}
 /* webkit adjacent element selector bugfix */
 
 @media screen and (-webkit-min-device-pixel-ratio: 0) {