From abd86fd571b3c0e161a818047dfebbbd893a6714 Mon Sep 17 00:00:00 2001 From: Nathan Date: Sat, 22 Jul 2017 10:57:44 -0400 Subject: New website --- css/main.css | 90 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 90 insertions(+) create mode 100644 css/main.css (limited to 'css') diff --git a/css/main.css b/css/main.css new file mode 100644 index 0000000..726c843 --- /dev/null +++ b/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: 3vmin; +} + +/*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); +} -- cgit v1.2.3