-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;
-}
+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 }
+body > p:last-of-type {
+ text-align: right;
+ font-size: small;
+}
+
+table { border-collapse: collapse; }
+tr.header { color: #fff; background: #888; }
+tr.odd { background: #ddd }
+tr.even { background: #ccc }
+table, th, td { border: 1px solid #bbb; }
+td { vertical-align: top; }
+td, th { padding: 0.3em 0.6em; }