IndieAuth login support, allows viewing of topics related to profile

[websub-hub] / static / theme.css

diff --git a/static/theme.css b/static/theme.css
index 3e4c4f4d1685bf3cde8616e42cb17e03110e0974..4987191f2f66a68fdca7a234890caabc9718553c 100644 (file)
--- a/static/theme.css
+++ b/static/theme.css
@@ -11,16 +11,36 @@ body {
        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: 1em;
@@ -35,6 +55,9 @@ main {
        flex-grow: 1;
 }
 section {}
+section + section {
+       margin-top: 2em;
+}
 .about {}
 .usage {}
 .topics {}
@@ -45,6 +68,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%;