diff options
Diffstat (limited to 'static/style.css')
| -rw-r--r-- | static/style.css | 57 |
1 files changed, 38 insertions, 19 deletions
diff --git a/static/style.css b/static/style.css index 361f447..4c9912f 100644 --- a/static/style.css +++ b/static/style.css @@ -57,10 +57,6 @@ body { } } -header { - width: 100%; - text-align: center; -} main, footer { width: 100%; max-width: 95%; @@ -83,25 +79,48 @@ a:hover { /* ----------- Site header */ header { - font-family: var(--header-font); - font-size: var(--header-font-size); -} -h1 { - font-size: var(--h1-size); - margin: 0; - padding-bottom: 5px; - padding-top: 10px; + display: flex; + flex-direction: row; + flex-wrap: nowrap; + justify-content: normal; + align-items: normal; + align-content: normal; } -#top-nav #main-nav { - padding-bottom: 5px; +header > .logo { + display: block; + flex-grow: 0; + flex-shrink: 1; + flex-basis: auto; + align-self: auto; + order: 0; + width: 50px; + height: 80px; + background-color: #000000; } -#top-nav { -} -#top-nav a { - margin-right: 5px; + +header > .name { + display: block; + flex-grow: 1; + flex-shrink: 0; + flex-basis: auto; + align-self: auto; + order: 0; + text-align: left; + position: relative; } +header > .name > nav { + position: absolute; + bottom: 0px; + padding: 10px; + +} + +h1 { + font-size: inherit; + margin: 0; +} /* ---------- Main */ main { @@ -199,7 +218,7 @@ figure.graph img { /* ----------- Footer */ footer { text-align: center; - padding: 10px 0 10px 0; + padding: 10px 0 30px 0; } /* ---------- Footnotes */ |