2015-12-25 15:39:05 UTC

1 files changed, 124 insertions, 37 deletions

diff --git a/output.css b/output.css
index b4ff11f93a..90f428c48e 100644
--- a/output.css
+++ b/output.css
@@ -1,91 +1,178 @@
+*
+{
+	box-sizing: border-box;
+}
+
 body
 {
-	margin-left: 10.5em;
+	margin: 0;
+	background-color: #463C65;
+	font-family: sans-serif;
+	font-size: 14px;
 }
 
-h1, h2, h3
+h2, h3
 {
-	font-size: 100%;
+	font-size: 120%;
 }
 
-h1
+h2:target, h3:target
 {
-	font-weight: normal;
-	text-align: center;
+	background-color: #dfd;
+}
+
+h3
+{
+	padding-left: 1em;
+	font-size: 110%;
+}
 
-	margin-bottom: -6em;
+address
+{
+	color: white;
+	text-align: center;
+	margin: 1em;
 }
 
-ul.nav
+.nav
 {
-	position: fixed;
+	width: 20%;
+	position: absolute;
 	top: 0;
-	left: 0;
-	width: 10em;
-	padding-left: 0;
+}
 
+.nav ul
+{
 	list-style: none;
-	overflow: hidden;
+	margin: 0;
+	padding: 1%;
 }
 
-ul.nav li
+.nav li
 {
+	padding: 0 1em;
+	border-radius: 4px;
 	margin-bottom: .3em;
-	padding: .25em;
+	background-color: #62548F;
 }
 
-h2
+.nav li a
 {
-	font-weight: bold;
+	display: block;
+	width: 100%;
+}
 
-	margin-top: 8em;
+.nav h2
+{
+	color: white;
+	text-align: center;
+	font-size: 300%;
+	font-weight: bold;
+	text-transform: uppercase;
+	font-family: serif;
 }
 
-h3
+ul.nav li.header
 {
-	font-weight: normal;
-	text-decoration: underline;
-	padding-left: 2em;
+	background-color: #463C65;
 }
 
-table
+.content, h1
 {
+	padding: 2%;
+	margin: 0 0 0 20%;
+	background-color: #DDDAEC;
+}
+
+h1 {
+	font-family: serif;
+	color: #23457F;
+	font-size: 400%;
+	line-height: 2em;
+	font-weight: bold;
+	text-transform: uppercase;
+	text-align: center;
+	letter-spacing: .15em;
 }
 
 th.heading
 {
+	color: #23457F;
 	text-align: left;
 }
 
 td
 {
-	background: #eee;
-	border: .5em solid transparent;
+	background-color: white;
+	line-height: 2em;
+	font-size: 120%;
+	padding-left: .5em;
 }
 
-.err td, li.err
+td:hover
 {
-	background: #fdd;
+	background-color: #eee;
 }
 
-.warn td, li.warn
+tr.err td
 {
-	background: #ffd;
+	background-color: #7E0202;
+	color: white;
 }
 
-h2 small, h3 small
+tr.err td:hover
 {
-	padding-left: .5em;
+	background-color: #DA0404;
 }
 
-h2:target, h3:target
+tr.warn td
 {
-	background: #dfd;
+	background-color: orange;
 }
 
-address
+tr.warn td:hover
 {
-	margin-top: 1em;
-	font-size: 75%;
-	text-align: center;
+	background-color: #FFBB3E;
+}
+
+.nav a
+{
+	font-size: 150%;
+	line-height: 1.5em;
+	text-decoration: none;
+	white-space: pre;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.warn a
+{
+	color: orange;
+}
+
+.err a
+{
+	color: #F06F74;
+}
+
+.nav li:hover
+{
+	min-width: 100%;
+	width: max-content;
+}
+
+.nav a:hover
+{
+	color: white;
+}
+
+h2 small, h3 small
+{
+	padding-left: .5em;
+	visibility: hidden;
+}
+
+h2:hover small, h3:hover small
+{
+	visibility: visible;
 }