Add keyboard and DF text styles

misc/_static/dftext.css

@@ -0,0 +1,32 @@
+@import url("alabaster.css"); /* make sure to sync this with the base theme's css filename */
+
+/* Keybinding CSS from the DF wiki; applies to :kbd:`` directives.
+ * Use this directive for all keypresses, to make them look like keys.
+ */
+.kbd {
+    border: 1px solid #aaa;
+    border-radius: 0.2em;
+    -webkit-border-radius: 0.2em;
+    -moz-border-radius: 0.2em;
+    -o-border-radius: 0.2em; -ms-border-radius: 0.2em;
+    -moz-box-shadow: 0.1em 0.2em 0.2em #ddd;
+    -webkit-box-shadow: 0.1em 0.2em 0.2em #ddd;
+    box-shadow: 0.1em 0.2em 0.2em #ddd; 
+    background-color: #f9f9f9; 
+    background-image: -moz-linear-gradient(top, #eee, #f9f9f9, #eee);
+    background-image: -o-linear-gradient(top, #eee, #f9f9f9, #eee);
+    background-image: -webkit-linear-gradient(top, #eee, #f9f9f9, #eee);
+    background-image: linear-gradient(to bottom, #eee, #f9f9f9, #eee);
+    padding: 0.1em 0.3em;
+    font-family: inherit;
+    font-size: 0.9em;
+}
+
+.guilabel {
+/* In-game text CSS from the DF wiki; applies to :guilabel:`` directives.
+ * Use this for any text from an in-game announcement or menu.
+ */
+    color: #C0C0C0;
+    font-family: 'fixedsys', monospace;
+    background: #000000;
+}

misc/_templates/layout.html

@@ -0,0 +1,5 @@
+{# layout.html #}
+{# Import the theme's layout. #}
+{% extends "!layout.html" %}
+
+{% set css_files = css_files + ['_static/dftext.css'] %}