test sidenav and topnav colors

Experiment with active and visited colors.

Added links for testing to content of tmp/test.html
as well.

ioccc.css

@@ -574,12 +574,22 @@ ul.task-list li input[type="checkbox"] {
 }
 
 /* Change topnav link color on hover */
-.topnav a:hover {
+.topnav a:focus, .topnav a:hover {
   background-color: #ddd;
   color: blue;
   text-decoration: underline;
 }
 
+/* Change topnav link after visit */
+.topnav a:visited {
+  color: #cO80c0;
+}
+
+/* Change topnav link when active */
+.topnav a:active {
+  color: red;
+}
+
 /* No padding nor border around topnav images */
 .topnav img {
   border: 0;
@@ -597,7 +607,6 @@ ul.task-list li input[type="checkbox"] {
 .sidenav a {
   float: left;
   display: block;
-  color: blue;
   text-align: left;
   padding: 14px 16px;
   text-decoration: none;
@@ -607,11 +616,20 @@ ul.task-list li input[type="checkbox"] {
 
 /* Change sidenav link color on hover */
 .sidenav a:hover {
-  color: blue;
   background-color: #ccc;
   text-decoration: underline;
 }
 
+/* Change sidenav link after visit */
+.sidenav a:visited {
+  color: purple;
+}
+
+/* Change sidenav link when active */
+.sidenav a:active {
+  color: red;
+}
+
 /* Two unequal columns =========================================================================== */
 
 /* Create two unequal columns that floats next to each other */

tmp/test.html

@@ -96,6 +96,12 @@ uptime
 sudo shutdown -p now
 </pre></code>
 
+    <p><a href="http://www.isthe.com">http://www.isthe.com</a></p>
+
+    <p><a href="http://www.example.org">http://www.example.org</a></p>
+
+    <p><a href="https://www.example.org">https://www.example.org</a></p>
+
     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
       Nibh mauris cursus mattis molestie a iaculis at erat pellentesque.
       Faucibus purus in massa tempor nec feugiat.