X-Git-Url: http://git.squeep.com/?a=blobdiff_plain;f=static%2Ftheme.css;h=fb85b52b1834bd91ae5ed426d585fd0eb65780a9;hb=3c547e314b79a31fb3f15412a47707a22dc3eefd;hp=06f03a98a22fb75fcc443dd2ddb9a9350930d351;hpb=9696c012e6b9a6c58904baa397ca0ebf78112316;p=websub-hub

diff --git a/static/theme.css b/static/theme.css
index 06f03a9..fb85b52 100644
--- a/static/theme.css
+++ b/static/theme.css
@@ -5,37 +5,68 @@ html {
 body {
 	background-color: #fff;
 	font-family: Helvetica, Verdana, sans-serif;
-	margin: 1em;
+	margin: 0 1em 0 1em;
 	min-height: 100vh;
 	display: flex;
 	flex-direction: column;
 }
 header {}
+header nav {
+	margin-bottom: 1em;
+}
 header nav ol {
 	list-style-type: none;
 	margin: 0;
 	padding: 0;
-	border: 1px solid #000;
 }
-header nav ol li a {
-	display: block;
-	width: 10em;
+header nav ol li {
+	display: inline;
 	text-align: center;
+	border-top: 2px solid #666;
+	border-bottom: 2px solid #666;
+	border-left: 1px solid #666;
+	border-right: 1px solid #666;
+	padding: .3em .5em .2em .5em;
+}
+header nav ol > li:first-child {
+	border-left: 2px solid #666;
+}
+header nav ol > li:last-child {
+	border-right: 2px solid #666;
+}
+header nav ol li:hover {
+	background-color: #ddd;
+}
+header nav ol a {
+	font-variant-caps: small-caps;
+	text-decoration: none;
+	font-weight: bold;
 }
 h1 {
-	margin-top: 1.3em;
-	margin-bottom: 2.5em;
+	margin-top: 1em;
+	margin-bottom: 1.25em;
 	text-align: center;
 }
 h2 {
 	background-color: #ddd;
+	padding: .25em 0 .1em 0.25em;
 }
 main {
 	flex-grow: 1;
 }
 section {}
+section + section {
+	margin-top: 2em;
+}
+.logo {
+	vertical-align: middle;
+	height: 2em;
+}
 .about {}
 .usage {}
+.copyright {
+	font-size: small;
+}
 .topics {}
 .subscriptions {}
 .external {
@@ -44,6 +75,15 @@ section {}
 	background-repeat: no-repeat;
 	padding-right: 13px;
 }
+.hidden {
+	display: none;
+}
+.h-app img {
+	vertical-align: middle;
+}
+.errors ul {
+	border: 1px solid red;
+}
 table {
 	border: 0;
 	width: 100%;
@@ -60,9 +100,8 @@ footer {
 	width: 100%;
 	border-top: 4px dotted #666;
 }
-footer nav ol {
+footer ol {
 	list-style-type: none;
-	margin: 0;
+	margin: .5em;
 	padding: 0;
-	border: 1px solid #000;
 }