From c0a8a8b8d036c4fea931657b74ee76da0d92efe3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Hugo=20H=C3=B6rnquist?= Date: Wed, 30 Nov 2022 04:45:01 +0100 Subject: Move stylesheet to other file. --- mu4web/static/style.css | 93 +++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 93 insertions(+) create mode 100644 mu4web/static/style.css (limited to 'mu4web/static/style.css') diff --git a/mu4web/static/style.css b/mu4web/static/style.css new file mode 100644 index 0000000..b8df022 --- /dev/null +++ b/mu4web/static/style.css @@ -0,0 +1,93 @@ +body, html { + padding: 0; + margin: 0; +} +nav { + display: block; + height: 4em; + color: white; + background-color: darkgrey; +} + +nav, footer { + width: 100%; + padding-left: 1em; + padding-right: 1em; + box-sizing: border-box; +} + +menu { + margin: 0; + padding: 0; + display: flex; + justify-content: space-between; + height: 100%; +} + +menu > li { + display: flex; + align-items: center; +} + +dl { + display: grid; + grid-template-columns: 10ch auto; +} +dt { + font-weight: bold; +} +dd { + font-family: mono; + font-size: 80%; +} +dd > * { + margin: 0; +} + +tr:nth-child(2n) { + background-color: lightblue; +} + +.loginform { + display: grid; + grid-template-columns: auto 1fr; + width: 50ch; +} + +.loginform label { + padding: 0.5ex; +} + +.loginform input[type="submit"] { + grid-column: 1/3; +} + +main { + margin: 1em; +} + +footer menu { + justify-content: space-around; +} + +footer a { + color: darkgrey; +} + +footer { + border-top: 1px solid grey; +} + +#searchform { + display: grid; + grid-template-columns: 1fr auto; +} + +#searchform input { + grid-column: 1/3; +} + +#searchform input[type="submit"] { + grid-column: 2; +} + -- cgit v1.2.3