Opkuisen

style.css

@@ -1,3 +1,10 @@
+/*
+Waarschijnlijk eerder de enigste file die niet deftig gedocumenteerd is.
+Ach, de kans dat jullie dit bekijken is hoe dan ook klein.
+ */
+
+/* Algemeen */
+
 body {
     font-family: 'Linux Libertine','Georgia','Times',serif;
     padding: 0 1.5em 1.5em 1.5em;
@@ -14,19 +21,11 @@ h1 {
 }
 
 li ul {
-    margin: 0.2vh 1ch;
+    margin: 0.2vh 1ch 0 1ch;
     padding: 0.2vh 1vw;
 }
 
-ul {
-    /* alternatieven "↪" "⬉" */
-    list-style-type: symbols("⬑");
-}
-
-ul#wortel {
-    padding: 0;
-    list-style-type: none;
-}
+/* Header */
 
 .header img {
     height: 1.8em;
@@ -41,6 +40,8 @@ ul#wortel {
     font-family: sans-serif;
 }
 
+/* Box */
+
 .box {
     font-family: sans-serif;
     font-size: 95%;
@@ -63,11 +64,31 @@ ul#wortel {
     color: #ba0000;
 }
 
+/* Visualisatie */
+
 #visualisatie {
     margin: 0.5em 0;
-    font-size: calc(1em * 0.875);
+    font-size: 1em;
 }
 
+#visualisatie ul {
+    list-style-type: symbols("⬑"); /* alternatieven "↪" "⬉" */
+}
+
+
+ul#wortel {
+    padding: 0;
+    list-style-type: none;
+}
+
+/* Footer */
+
+footer {
+    text-align: center;
+}
+
+/* Wikipedia-achtige knop */
+
 button {
     cursor: pointer;
     border: none;
@@ -94,7 +115,3 @@ button:after {
     margin-left: 0.25em;
     content: "]";
 }
-
-footer {
-    text-align: center;
-}