From e99bfabc327f9b3eb8540b05885845995a9fc55f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Hugo=20H=C3=B6rnquist?= Date: Tue, 30 Apr 2019 01:11:12 +0200 Subject: Add HTML sidebar, various formatting. --- static/style.css | 79 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 79 insertions(+) (limited to 'static') diff --git a/static/style.css b/static/style.css index 3c3e7e9d..44ee6e0c 100644 --- a/static/style.css +++ b/static/style.css @@ -1,5 +1,84 @@ +.root { + display: flex; + margin: 0; + max-width: 100%; + height: 100%; +} + +.small-calendar { + text-align: right; +} + +.small-calendar .prev, +.small-calendar .next { + color: grey; +} + +.small-calendar td:nth-child(7).cur { + color: red; +} + +.small-calendar a { + color: inherit; + text-decoration: none; +} + +.text-day { + border-left: 2px solid black; + border-top: 2px solid black; + padding-left: 2px; + margin-top: 1em; +} + +.text-day header h2 { + width: 100%; + text-align: center; + font-size: 14pt; +} + +.sideinfo { + width: 20em; + height: 100%; +} + +.sideinfo .about { + display: flex; + justify-content: center; + height: 20%; +} + +.sideinfo .eventlist { + overflow: scroll; + max-height: 80%; +} + +.sideinfo .eventlist article { + border-bottom: 1px solid black; + margin-top: 1em; + border-left-style: solid; + border-left-width: 6px; + padding-left: 2px; +} + +.sideinfo .eventlist main { + white-space: pre-line; + font-size: 10pt; +} + +.sideinfo .eventlist h1 { + font-size: 12pt; + border-bottom: 1px solid gray; + margin-bottom: 0; +} + +.sideinfo .eventlist h1 a { + color: black; + text-decoration: none; +} + .calendar { height: 100%; + max-width: calc(100% - 20em); display: flex; } -- cgit v1.2.3