From 0b201855eb4201637994c098b90c749a76474df1 Mon Sep 17 00:00:00 2001 From: calintat Date: Sat, 8 Jul 2017 12:06:04 +0100 Subject: [PATCH] Added main stylesheet --- static/css/main.css | 90 +++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 90 insertions(+) create mode 100644 static/css/main.css diff --git a/static/css/main.css b/static/css/main.css new file mode 100644 index 0000000..cf18040 --- /dev/null +++ b/static/css/main.css @@ -0,0 +1,90 @@ +html, body { + height: 100%; +} + +body { + padding-top: 55px; + display: flex; + text-align: center; + flex-direction: column; +} + +main { + margin: auto; + padding: 25px; + flex: 1 0 auto; + max-width: 750px; +} + +/*footer*/ + +.copyright { + margin: 15px 0; +} + +/*home page*/ + +.intro { + margin: 25vh 0; +} + +.intro > h1 { + color: #212121; + font-size: 12vh; +} + +.intro > h2 { + color: #757575; + font-size: 4vmin; +} + +/*apply accent colour to links*/ + +a:link, a:visited { + color: var(--accent); +} + +a.icon:hover { + text-decoration: none; +} + +a:hover { + color: var(--accent) !important; +} + +/*paginator at bottom of list view*/ + +.pages { + padding: 15px 0; +} + +.pages-icon { + padding: 0 15px; +} + +/*list item for posts and projects*/ + +.item { + padding: 10px 0; +} + +.item-tag { + background-color: var(--accent); +} + +/*navigation bar icons*/ + +.navbar-icon { + font-size: 125%; + display: inline-block !important; +} + +/*coloured borders at top and bottom of the page*/ + +.navbar.navbar-default { + border-top: var(--border-width) solid var(--accent); +} + +footer { + border-bottom: var(--border-width) solid var(--accent); +}