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;