WIP changes to links

template.html

@@ -9,12 +9,12 @@
         nested = element.parentNode.childNodes[3];
         if(nested.className.indexOf("active",0) != -1)
         {
-            nested.className = "sidebar nested";
+            nested.className = "buttoncontainer sidebar nested";
             element.parentNode.childNodes[0].innerHTML = "+";
         }
         else
         {
-            nested.className = "sidebar nested active";
+            nested.className = "buttoncontainer sidebar nested active";
             element.parentNode.childNodes[0].innerHTML = "-";
         }
         if(element.className.indexOf("active",0) != -1)
@@ -89,7 +89,7 @@ hr
     color: #463c2a;
 }
 
-pre
+pre code
 {
     margin-left:16px;
     background-color: #473c29;
@@ -100,6 +100,13 @@ pre
     display:flex;
 }
 
+code {
+    background-color: #00000040;
+    border-color: #00000040;
+    border-style:solid;
+    border-width:1px;
+}
+
 .nested
 {
   display: none;
@@ -135,7 +142,7 @@ li.sidebar
     margin-right:2px;
 }
 
-li.sidebar span
+.buttoncontainer
 {
     -moz-user-select: none;
     user-select: none;
@@ -149,7 +156,7 @@ li.sidebar span
     margin: 2px;
 }
 
-li.sidebar span span
+.buttoncontainer span
 {
     -moz-user-select: none;
     user-select: none;
@@ -165,7 +172,7 @@ li.sidebar span span
     padding-right: 4px;
 }
 
-li.sidebar .spanactive
+.spanactive
 {
     border-left-color: black;
     border-top-color: black;
@@ -173,7 +180,7 @@ li.sidebar .spanactive
     border-bottom-color: white;
 }
 
-li.sidebar span .spanactive
+.buttoncontainer .spanactive
 {
     border: #463c2a 1px solid;
     border-right-color: #8d8881;
@@ -197,14 +204,27 @@ nav
     height: 100%;
 }
 
+
 a
 {
-    color: #f79b08;
+    border: #463c2a 1px solid;
+    background-color: #63553b;
+    color: white;
+    border-left-color: #8d8881;
+    border-top-color: #8d8881;
+    padding-left: 4px;
+    padding-right: 4px;
 }
 
 a:visited
 {
-    color: #f79b08;
+    border: #463c2a 1px solid;
+    background-color: #63553b;
+    color: white;
+    border-left-color: #8d8881;
+    border-top-color: #8d8881;
+    padding-left: 4px;
+    padding-right: 4px;
 }
 
 body 
@@ -261,6 +281,20 @@ input:focus {
     overflow:auto;
 }
 
+table {
+    border: #403624 1px solid;
+    border-top-color: #837f7a;
+    border-left-color: #837f7a;
+    background-color: #564A33;
+}
+
+th, td {
+    border: #00000040 1px solid;
+    border-right-color: #837f7a;
+    border-bottom-color: #837f7a;
+    background-color: #00000020;
+}
+
 </style>
 <div>
     <div class="sidebarcontainer">