10 files changed, 89 insertions, 96 deletions
diff --git a/src/dnd/Background.png b/src/dnd/Background.png
index c932f67..4387255 100644..120000
--- a/src/dnd/Background.png
+++ b/src/dnd/Background.png
diff --git a/src/dnd/Background.orig.png b/src/dnd/Background1.png
index 837ce8c..837ce8c 100644
--- a/src/dnd/Background.orig.png
+++ b/src/dnd/Background1.png
diff --git a/src/dnd/Background.orig.small.png b/src/dnd/Background2.png
index becc4c1..becc4c1 100644
--- a/src/dnd/Background.orig.small.png
+++ b/src/dnd/Background2.png
diff --git a/src/dnd/Background3.png b/src/dnd/Background3.png
new file mode 100644
index 0000000..c932f67
--- /dev/null
+++ b/src/dnd/Background3.png
diff --git a/src/dnd/DND.scss b/src/dnd/DND.scss
deleted file mode 100644
index fcb258c..0000000
--- a/src/dnd/DND.scss
+++ /dev/null
@@ -1,54 +0,0 @@
-/* This bit is taken from the defaults of org-mode export */
-
-body > article { font-family: Times, serif; font-size: 12pt;
-.title  { text-align: center; }
-.todo   { color: red; }
-.done   { color: green; }
-.tag    { background-color: #add8e6; font-weight:normal }
-.target { }
-.timestamp { color: #bebebe; }
-.timestamp-kwd { color: #5f9ea0; }
-.right  {margin-left:auto; margin-right:0px;  text-align:right;}
-.left   {margin-left:0px;  margin-right:auto; text-align:left;}
-.center {margin-left:auto; margin-right:auto; text-align:center;}
-p.verse { margin-left: 3% }
-pre {
-    border: 1pt solid #AEBDCC;
-    background-color: #F3F5F7;
-    padding: 5pt;
-    font-family: courier, monospace;
-    font-size: 90%;
-    overflow:auto;
-}
-table { border-collapse: collapse; }
-td, th { vertical-align: top;  }
-th.right  { text-align:center;  }
-th.left   { text-align:center;   }
-th.center { text-align:center; }
-td.right  { text-align:right;  }
-td.left   { text-align:left;   }
-td.center { text-align:center; }
-dt { font-weight: bold; }
-div.figure { padding: 0.5em; }
-div.figure p { text-align: center; }
-div.inlinetask {
-    padding:10px;
-    border:2px solid gray;
-    margin:10px;
-    background: #ffffcc;
-}
-textarea { overflow-x: auto; }
-.linenr { font-size:smaller }
-.code-highlighted {background-color:#ffff00;}
-.org-info-js_info-navigation { border-style:none; }
-#org-info-js_console-label { font-size:10px; font-weight:bold;
-                             white-space:nowrap; }
-.org-info-js_search-highlight {background-color:#ffff00; color:#000000;
-                               font-weight:bold; }
-}
-/* Andrew wrote the following */
-
-body {
-    background: url(Background.png) repeat-y;
-    background-size: 100%;
-}
diff --git a/src/dnd/PsionicSchools.org b/src/dnd/PsionicSchools.org
index 91f84a1..bd3ab60 100644
--- a/src/dnd/PsionicSchools.org
+++ b/src/dnd/PsionicSchools.org
@@ -1,5 +1,5 @@
 #+TITLE: Schools of Psionics
-#+HTML_HEAD_EXTRA: <link rel="stylesheet" href="DND.css">
+#+CLASS: dnd
 #+TAGS: ES HB
 
 From what I've seen, the most recent few 5e Unearthed Arcana dealing
diff --git a/src/dnd/Psionist.md b/src/dnd/Psionist.md
index 1c7b9e5..58ac623 100644
--- a/src/dnd/Psionist.md
+++ b/src/dnd/Psionist.md
@@ -1,7 +1,7 @@
 ---
 title: "Psionist"
 updated: "2016-07-16T21:01-0400"
-html_head_extra: "<link rel=stylesheet href=DND.css>"
+class: "dnd"
 tags: ES HB
 ---
 
diff --git a/src/dnd/SpellGauntlet.org b/src/dnd/SpellGauntlet.org
index cb97497..8cf1c0d 100644
--- a/src/dnd/SpellGauntlet.org
+++ b/src/dnd/SpellGauntlet.org
@@ -1,5 +1,5 @@
 #+TITLE: Spell Gauntlet: Practical Spellcasting
-#+HTML_HEAD_EXTRA: <link rel="stylesheet" href="DND.css">
+#+CLASS: dnd
 #+TAGS: FF SS WP
 
 * Teleport
diff --git a/src/dnd/Tastavi.md b/src/dnd/Tastavi.md
index 0f7eb12..d9b7e86 100644
--- a/src/dnd/Tastavi.md
+++ b/src/dnd/Tastavi.md
@@ -1,7 +1,7 @@
 ---
 title: "Tastavi D'Maelnor of Llolethane"
 updated: "2016-08-30 Tue 23:56"
-html_head_extra: "<link rel=stylesheet href=DND.css>"
+class: "dnd"
 tags: SS
 ---
 
diff --git a/src/main.scss b/src/main.scss
index 4917724..b4f8681 100644
--- a/src/main.scss
+++ b/src/main.scss
@@ -84,46 +84,15 @@ article {
 	max-width: 6.5in;
 	margin: 0 auto;
 
-	#constructionBanner {
-		height: 50px;
-		background-color: #f89406;
-	}
-
-	#constructionMessage {
+	.tag {
+		font-size: 60%;
+		font-family: sans-serif;
+		color: white;
+		text-decoration: none;
 		text-align: center;
-		padding: 12px;
-	}
-
-	#search {
-		padding: 10px;
-	}
 
-	#sidebar {
-		border: 1px solid black;
-		padding: 5px;
-		margin: 5px;
-		float: right;
-	}
-
-	li {
-		font-size: 14px;
-	}
-
-	.spacer {
-		width: 50px;
-		display: inline;
-		padding: 0px 50px 0px 50px;
-	}
-
-	.tag {
-		font-size: 11px;
-		height: 13px;
 		padding: 4px 7px 5px 7px;
 		border-radius: 2px;
-		text-align: center;
-		text-decoration: none;
-		color: white;
-		font-family: sans-serif;
 	}
 	.tag.FF { background: FireBrick; }
 	.tag.SS { background: SeaGreen; }
@@ -136,6 +105,84 @@ article {
 }
 
 footer {
-	margin: 0 2em;
-	font-size: smaller;
+	max-width: 6.5in;
+	margin: 0 auto;
+	padding: 1em 0;
+	font-size: 60%;
+	p {
+		margin: 0;
+	}
+}
+
+body.index {
+	article {
+		ul {
+			list-style: none;
+			display: table;
+			li {
+				display: table-row;
+				line-height: 1.3em;
+				& > * {
+					display: table-cell;
+					padding-right: 0.1em;
+				}
+			}
+		}
+	}
+}
+
+body.dnd {
+	background: url(dnd/Background.png) repeat-y;
+	background-size: 100%;
+
+	/* This bit mostly taken from the defaults of org-mode export */
+	article {
+		font-family: Times, serif;
+		font-size: 12pt;
+
+		p {	text-align: justify; }
+		.title  { text-align: center; }
+		.todo   { color: red; }
+		.done   { color: green; }
+		.target { }
+		.timestamp { color: #bebebe; }
+		.timestamp-kwd { color: #5f9ea0; }
+		.right  {margin-left:auto; margin-right:0px;  text-align:right;}
+		.left   {margin-left:0px;  margin-right:auto; text-align:left;}
+		.center {margin-left:auto; margin-right:auto; text-align:center;}
+		p.verse { margin-left: 3% }
+		pre {
+			border: 1pt solid #AEBDCC;
+			background-color: #F3F5F7;
+			padding: 5pt;
+			font-family: courier, monospace;
+			font-size: 90%;
+			overflow:auto;
+		}
+		table { border-collapse: collapse; }
+		td, th { vertical-align: top;  }
+		th.right  { text-align:center;  }
+		th.left   { text-align:center;   }
+		th.center { text-align:center; }
+		td.right  { text-align:right;  }
+		td.left   { text-align:left;   }
+		td.center { text-align:center; }
+		dt { font-weight: bold; }
+		div.figure { padding: 0.5em; }
+		div.figure p { text-align: center; }
+		div.inlinetask {
+			padding:10px;
+			border:2px solid gray;
+			margin:10px;
+			background: #ffffcc;
+		}
+		textarea { overflow-x: auto; }
+		.linenr { font-size:smaller }
+		.code-highlighted {background-color:#ffff00;}
+		.org-info-js_info-navigation { border-style:none; }
+		#org-info-js_console-label { font-size:10px; font-weight:bold;
+									 white-space:nowrap; }
+		.org-info-js_search-highlight {background-color:#ffff00; color:#000000;
+									   font-weight:bold; }
+	}
 }