diff options
Diffstat (limited to 'css/pageHeader.css')
| -rw-r--r-- | css/pageHeader.css | 67 |
1 files changed, 67 insertions, 0 deletions
diff --git a/css/pageHeader.css b/css/pageHeader.css new file mode 100644 index 0000000..d03a8f1 --- /dev/null +++ b/css/pageHeader.css @@ -0,0 +1,67 @@ +div.logotype { + background-color: var(--colour); + border-radius: calc(6rem * 12/60); + border-top-left-radius:0; + height: 6rem; + margin: 0 auto; + margin-bottom: 1rem; + width: 6rem; +} + +div.logotype img { + border-bottom-right-radius:0; + border-top-left-radius: 0; + height:100%; + width: 100%; +} + +p.title { + font-size: 4rem; + letter-spacing:calc(1rem / 6); + margin-bottom: 1rem; + text-align: center; +} + +div.navigationBar { + background-color: var(--foregroundColour); + color: var(--backgroundColour); + font-weight: bold; + margin: 0 auto; + max-width: var(--maximumPageWidth); + min-width: var(--minimumPageWidth); + padding: 1rem 2rem; + text-align: center; + width: 100%; +} + +div.navigationBar img.themeToggler { + background-color:var(--backgroundColour); + border-color: var(--backgroundColour); + border-radius: calc(1rem / 3 * 2); + border-width: calc(1rem / 3); + border-style: solid; + color: var(--backgroundColour); + cursor: pointer; + display: block; + height: calc(3rem - 1rem / 2 * 2); + margin: 0 auto; + margin-bottom: 1rem; + user-select: none; + width: calc(6rem - 1rem / 2 * 2); +} + +div.navigationBar p + p { + margin-top:calc(1rem / 2); +} + +div.navigationBar p,div.navigationBar span + span::before { + content:"\0020\00B7\0020"; +} + +div.navigationBar p,div.navigationBar span a,div.navigationBar span a:hover { + color:var(--backgroundColour); +} + +div.navigationBar span a:hover { + text-decoration:underline; +} |