From 98b3e864c7595d15c24b05cc0e2bd29f87a13a09 Mon Sep 17 00:00:00 2001 From: eqkter Date: Fri, 18 Aug 2023 22:32:12 +0200 Subject: Initial commit --- static/css/style.css | 158 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 158 insertions(+) create mode 100644 static/css/style.css (limited to 'static/css') diff --git a/static/css/style.css b/static/css/style.css new file mode 100644 index 0000000..29cfa10 --- /dev/null +++ b/static/css/style.css @@ -0,0 +1,158 @@ +@font-face { + font-family: "Hack"; + src: url(../fonts/Hack-Regular.ttf); +} + +@font-face { + font-family: "Kingthings Foundation"; + src: url(../fonts/Kingthings-Foundation.ttf); +} + +@font-face { + font-family: "Kingthings Exeter"; + src: url(../fonts/Kingthings-Exeter.ttf); +} + +@font-face { + font-family: "Venturis Old"; + src: url(../fonts/VenturisOldADF-Regular.otf); +} + +body{ + max-width: 900px; + margin: auto; + background: #c6e2ff; +} + +p{ + text-align: justify; +} + +hr{ + color: white; + margin-top: 10px; +} + +pre { + font-family: "Hack"; + padding: 1%; + border-radius: 20px; +} + +a { + color: purple; + text-decoration: none; +} + +a:hover { + font-style: italic; +} + +a:visited { + color: purple; +} + +footer span{ + text-align: center; + margin-top: 0.5em; +} + +header { + text-align: center; +} +header h1 { + font-size: 300%; +} + +header nav a{ + padding: 0.5em; +} + +table { + border-collapse: collapse; + font-size: 0.9em; +} + +table th{ + background-color: purple; + color: white; +} + +tr, th, td{ + border: 1px solid black; + padding: 0.3em; +} + +footer { + text-align: center; + margin-top: 5%; + margin-bottom: 5%; +} + + +header h1{ + font-family: "Venturis Old"; + color: #228B22; +} + +header h1 span{ + color: purple; +} + +article { + width: fit-content; + /*text-align: center*/; + padding: 0.5em; +} + +ul { text-align: left; } + +/*.container { + display: flex; + flex-wrap: wrap; + justify-content: space-around; +}*/ + +blockquote { + font-style: italic; +} + + +aside{ + position: absolute; + top: 0.5em; + right: 0.5em; + width: fit-content; + max-width: 350px; + text-align: center; +} +aside blockquote { + font-size: 0.8em; +} + +aside img{ + padding: 0.1em; + border-radius: 20px; + vertical-align: top; + width: 45%; +} + +#blog ul, #blog ol{ + padding-left: 4%; + padding-right: 4%; +} + +#blog img{ + max-width: 600px; +} + +p:has(> img){ + text-align: center; +} + +.pagination { + text-align: center; + padding: 5px; + margin: 5px; + font-size: 110%; +} -- cgit v1.2.3