From 3ce8804937b1da0601c24c6daf0acd9ec339f6f0 Mon Sep 17 00:00:00 2001 From: Rik Veenboer Date: Mon, 11 Jan 2016 20:44:42 +0000 Subject: [PATCH] Add header image and restyle navigation menu --- _includes/header.html | 5 ++- static/style/default-common.css | 59 ++++++++++++++++++++++++--------- 2 files changed, 48 insertions(+), 16 deletions(-) diff --git a/_includes/header.html b/_includes/header.html index 96d4b29..72a0263 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -35,7 +35,10 @@ -
+ +
    {% if 'dev' == site.environment %}
  • private
    • diff --git a/static/style/default-common.css b/static/style/default-common.css index 204e41e..2a7a956 100644 --- a/static/style/default-common.css +++ b/static/style/default-common.css @@ -1,17 +1,52 @@ +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + body { color: #333333; font-family: Lato, sans-serif; font-size: 16px; - margin: 2px 10px 10px 44px; + margin: 0 auto; + padding: 0; + min-width: 640px; + max-width: 1600px; } body > header, article > section { border-bottom: #F0F0F0 solid 1px; + padding: 24px 80px; + width: 900px; +} + +article > section { border-left: #E9E9E9 solid 1px; - margin-bottom: 2px; - padding: 24px 34px; position: relative; - width: 640px; + left: 80px; +} +header.site-header, header.navigation { + border: 0; +} + +header.site-header { + padding: 0; + width: 100%; + background: url(/asset/header/187b6ae.jpg) no-repeat scroll top; + background-size: 1600px auto; +} + +header.site-header .home-link { + display: block; + max-width: 1080px; + min-height: 225px; + text-decoration: none; + display: block; +} + +header.navigation { + background-color: #f7f5e7; + padding: 10px 50px 10px 50px; } body.layout-gallery-photo > header { @@ -26,9 +61,8 @@ body > footer { color: #999999; font-size: 11px; font-weight: 400; - padding: 36px 6px 28px 36px; - position: relative; - width: 668px; + padding: 16px 6px 28px 66px; + width: 700px; } body > footer a { @@ -39,9 +73,8 @@ body.no-footer > footer { display: none; } -body > header { - padding-right: 20px; - width: 654px; +body > header { + width: 100%; } body > header .meta { @@ -157,7 +190,7 @@ h2 { color: #393939; font-size: 17px; margin: 32px -4px 10px; - padding: 0 4px 2px; + padding: 0 40px 2px; } h3 { @@ -171,10 +204,6 @@ hr { margin: 0 -4px; } -article > section .timeline { - margin-top: 4px; -} - section .timeline > * { display: block; opacity: 0.6;