datenspuren style: fixed header and alignment

content/static/datenspuren/2015/style/style.css

@@ -9,11 +9,12 @@ body {
 }
 nav {
     position: absolute;
+    position: fixed;
     top: 0;
     left: 0;
     right: 0;
     text-align: center;
-    z-index: 5;  // on top of <article>
+    z-index: 5;  /* on top of <article> */
 }
 nav ul {
     list-style-type: none;
@@ -23,9 +24,8 @@ nav ul {
     font-size: 80%;
 }
 nav li {
-    min-width: 8em;
+    min-width: 5em;
     display: inline-block;
-    margin: 0 0 1em;
     border-left: 2px solid black;
     border-right: 2px solid black;
     border-bottom: 2px solid black;
@@ -36,7 +36,8 @@ nav li a {
     display: inline-block;
     color: black;
     font-wieght: bold;
-    padding: 0.3em 2em 0.5em;
+    padding: 0.3em 0.5em 0.5em;
+    line-height: 1.65;
 }
 nav li a:hover {
     color: #cfc;
@@ -252,3 +253,34 @@ a[href$="mitschnitte-rss.xml"]:before {
     padding: 0 1em 0 0.4em;
     color: #777;
 }
+
+
+
+/* *** NEW *** */
+
+article {
+  padding: 1em;
+}
+
+@media (min-width: 768px) {
+  article {
+    padding: 16px 170px 16px;
+  }
+
+  nav li {
+      min-width: 8em;
+      margin: 0 0 1em;
+  }
+
+  nav li a {
+      padding: 0.3em 2em 0.5em;
+  }
+}
+
+article .center a img {
+  width: 100%;
+}
+
+article dl dd a {
+  word-wrap: break-word;
+}