refactor of authentication and html-templates into separate modules

[websub-hub] / static / theme.css

diff --git a/static/theme.css b/static/theme.css
index 06f03a98a22fb75fcc443dd2ddb9a9350930d351..fb85b52b1834bd91ae5ed426d585fd0eb65780a9 100644 (file)
--- 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;
 }