-p, ul {
- max-width: 40em;
-}
-
-pre {
- background: #eee;
-}
-
-table tr th {
- color: white;
- background: #68a;
- font-family: Gill Sans, "Gillius ADF", Gillius, GilliusADF, Verdana, Sans-Serif;
-}
-
-th, td {
- padding: 0.2em 0.5em;
- vertical-align: top;
-}
-
-table tr:nth-child(odd) {
- background: #a9c6e3;
-}
-
-table tr:nth-child(even) {
- background: #bfdcf8;
-}
-
-/*
- * Works with the HTML emitted by pandoc. It would better if pandoc
- * were to emit class names that we can use. But it doesn't.
- */
+body {
+ font-family: Cabin, Gill Sans, "Gillius ADF", Gillius, GilliusADF, Sans-Serif;
+ font-weight: normal;
+}
+h1, h2, h3 { color: #606060 }
+h2 { margin-top: 0.5em }
+h1.title, h2.author, h3.date { font-weight: normal }
+div#header h2 { font-size: 120% }
+div#header h3 { font-size: 100% }
+.pane {
+ padding: 0em 1em; margin: 0.75em;
+ border: 0.5em solid #eee;
+ border-radius: 1em;
+ background-image: url('images/mkws-logo-48x48-light.png');
+ background-repeat: no-repeat;
+ background-position: right top;
+ background-color: #eee;
+}
+// Somehow, "-n+3" is how you say "first three panes"
+.pane:nth-child(-n+3) {
+ background-image: none;
+}
+.pane h1 a, .pane h2 a, .pane h3 a { text-decoration: none; color: black }
+pre { background: #ddd; padding: 0.5em; }
+img:first-of-type { float: right; margin: 1.5em }