put things in d e t a i l s

[jkinsey.net.git] / res / style.css

diff --git a/res/style.css b/res/style.css
index 7dbb2b2b5f1bac81741102aa63c11ccb0ad796e3..34cb0c897386fa73f0cc9c0e2db0eb9062019f27 100644 (file)
--- a/res/style.css
+++ b/res/style.css
@@ -5,7 +5,7 @@
 
 body {
     background: url(blackstars.png);
-    background-color: #111111;
+    background-color: #111;
     color: #fefefe;
     font-family: monospace;
     padding: 16px;
@@ -18,6 +18,7 @@ header {
 
 header h1 {
     font-size: 2em;
+    margin: 0;
 }
 
 header > div > a {
@@ -34,15 +35,18 @@ header nav {
 header nav ul {
     display:flex;
     flex-direction:row;
+    padding: 0;
+    margin: 0;
 }
 
 header nav ul li {
     display:inline-block;
     text-align:center;
     height:50px;
-    padding-right: 24px;
+    margin-right: 24px;
     font-size:1.25em;
     line-height:50px;
+    background-color: inherit;
 }
 
 a {
@@ -95,9 +99,17 @@ article p {
 }
 
 article div {
-    padding: 16px 0px 16px 0px;
+    margin: 16px 0px 16px 0px;
+}
+
+article div ul li {
+    margin: 8px 0px 8px 0px;
 }
 
-a, p, h1, h2 {
+a, p, h1, h2, li, summary {
     background-color: #111111;
 }
+
+article details summary {
+    margin: 8px 0px 8px 0px;
+}