From 0eac21262879f565870d31478002014707314ff0 Mon Sep 17 00:00:00 2001 From: Johannes Löthberg Date: Sun, 27 Apr 2014 21:26:43 +0200 Subject: Initial commit --- main.css | 99 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 99 insertions(+) create mode 100644 main.css (limited to 'main.css') diff --git a/main.css b/main.css new file mode 100644 index 0000000..1d374ac --- /dev/null +++ b/main.css @@ -0,0 +1,99 @@ +/* apply a natural box layout model to all elements */ +*, *:before, *:after { + -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; +} + +html { + position: relative; + min-height: 100%; +} + +body { + margin: 0 0 100px; + background-color: #F4F4F4; + padding: 0 20px; + font-size: 15px; + font-family: DejaVu Sans +} + +a { + color: #146E90; + font-size: 97%; + text-decoration: none; +} +a:hover { + color: #023244; +} + +p { + padding: 0 20px; + text-align: left; + font-size: 17px; +} + +header { + display: flex; +} +header h1 { + flex: 1; +} +header h1 a { + color: #000; +} +header nav { + display: flex; + align-items: center; + width: auto; + padding-right: 20px; +} +header nav ul { + list-style: none; + display: flex; + text-align: right; +} +header nav ul li {display: inline; margin-left: 10px; font-size: 17px;} + + +.about, +.contact { + padding-bottom: 1px; +} +.blog {margin-bottom: -10px;} + +.post-list ul { + padding: 0 20px; +} + +.post-list ul li { + list-style: none; +} + +.post-list .date { + font-size: 15px; + color: #4D4D4D; +} + +.post-list a { + font-size: 17px; +} + +footer { + position: absolute; + left: 0; + bottom: 0; + height: auto; + width: 100%; +} +footer p { + position: absolute; + left: 0px; + bottom: 0; + font-size: 13px; + font-weight: bold; + color: #4D4D4D; +} +footer #emblem { + position:absolute; + bottom: 0; + right: 0; +} -- cgit v1.2.3-70-g09d2