Use more discreet colors

Issue-Ref: 4006
Issue-Url: https://af3-developer.fortiss.org/issues/4006



Signed-off-by: Simon Barner <barner@fortiss.org>

org.fortiss.af3.rcp.help/html/layout/stylesheet.css

@@ -28,12 +28,16 @@
 	margin: 10 auto
 }
 
-.footer a {
-  font-color: white;
+.footer a, .footer a:visited {
   color: white;
   text-decoration: none;
 }
 
+.footer a:hover, .footer a:active {
+  color: #add8e6;
+  text-decoration: none;
+} 
+
 .box {
   margin: 0 auto;
 
@@ -85,15 +89,17 @@ body {
  
 }
 
-.navbar a {
+.navbar a, .navbar a:visited {
   float: left;
   font-size: 16px;
-  font-color: white;
-  color: white;
+  color: black;
   text-align: left;
   padding: 14px 16px;
   text-decoration: none;
-  
+}
+
+.navbar a:hover, .navbar a.active {
+  color: #add8e6;
 }
 
 .subnav {
@@ -113,11 +119,6 @@ body {
   
 }
 
-.topnav-right {
-  float: right;
-  
-}
-
 .navbar a:hover, .subnav:hover .subnavbtn {
   background-color: none;
 }
@@ -232,26 +233,24 @@ h3 {
 .topnav-right {
   float: right;
 }
-  
-
+ 
+.topnav-right a, .topnav-right:visited {
+  color:white;
+}
   
 /* Hyperlinks */
-  a{
-    transition: all ease 0.15s;
-    text-decoration: none;
-    
-   }
-    a:hover {
-       color: lightblue;
-    }
-    a:visited {
-      color: green;
-    }
-    a:active {
-      text-decoration: underline;
-    }
- /* keyboard/programming letters type */
- /* This text is in Lucida Sans Typewriter */
+a, a:visited {
+   transition: all ease 0.15s;
+   text-decoration: none;
+   color: #004696;
+}
+
+a:hover, a:active {
+   color: #add8e6;
+}
+
+/* keyboard/programming letters type */
+/* This text is in Lucida Sans Typewriter */
 .program { 
 	font-family: Lucida Sans Typewriter,Lucida Console,monaco,Bitstream Vera Sans Mono,monospace; 
 }
@@ -327,7 +326,8 @@ label.hamburger {
 /* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
 .dropdown-container {
   display: none;
-  background-color: #004696;
+  background-color: #004696
+  margin-top: -12px;
   padding-left: 20px;
   padding-right: 8px;
   color: white;
@@ -337,11 +337,13 @@ label.hamburger {
 /* Optional: Style the caret down icon */
 .caret-down {
 	width: 0; 
-	height: 0; 
+	height: 0;
+	margin-top: 6px;
+	margin-left: 6px; 
 	border-left: 6px solid transparent;
 	border-right: 6px solid transparent;
 	border-top: 6px solid #004696; 
-        display:block;
+	display:block;
 	float: right;
 }