diff options
Diffstat (limited to 'main.css')
-rw-r--r-- | main.css | 99 |
1 files changed, 99 insertions, 0 deletions
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; +} |