diff --git a/assets/css/screen.css b/assets/css/screen.css index 832427e..a68100c 100644 --- a/assets/css/screen.css +++ b/assets/css/screen.css @@ -56,13 +56,26 @@ h1 { letter-spacing: -1px; } -p, ul, ol { - margin: 1.6em 0; +h2 { + font-size: 4rem; + line-height: 1.2em; + letter-spacing: -1px; } -ol ol, ul ul, -ul ol, ol ul { - margin: 0.4em 0; +h3 { + font-size: 3.5rem; +} + +h4 { + font-size: 3rem; +} + +h5 { + font-size: 2.5rem; +} + +h6 { + font-size: 2rem; } a { @@ -73,6 +86,21 @@ a:hover { color: #57A3E8; } +h1 a, h2 a, h3 a, +h4 a, h5 a, h6 a { + color: #50585D; +} + + +p, ul, ol { + margin: 1.6em 0; +} + +ol ol, ul ul, +ul ol, ol ul { + margin: 0.4em 0; +} + hr { display: block; height: 1px; @@ -237,15 +265,18 @@ table.plain { ========================================================================== */ #sitehead { - width: 100%; - height: 700px; text-align: center; color: #fff; - background: #4a4a4a url(http: //cdn.travelllll.com/wp-content/uploads/2013/04/index.jpg) center center; - background-size: cover; + background: #222; position: relative; } +#sitehead img { + display: block; + width: 100%; + height: auto; +} + #sitehead .wrap { display: inline-block; position: absolute; @@ -256,7 +287,8 @@ table.plain { } #sitehead h1 { - font-size: 8rem; + margin:0; + font-size: 10rem; font-family: Lato, "Open Sans", sans-serif; font-weight: 100; } @@ -280,7 +312,7 @@ table.plain { } .post-title { - + margin:0; } .post-title a { diff --git a/assets/js/index.js b/assets/js/index.js index 682e621..4f9be7f 100644 --- a/assets/js/index.js +++ b/assets/js/index.js @@ -8,14 +8,6 @@ $(document).ready(function(){ - sizeContent(); - $(window).resize(sizeContent); - - function sizeContent() { - var newHeight = $(window).height() - 30; - $("#sitehead").css("height", newHeight); - } - }); }(jQuery)); \ No newline at end of file diff --git a/index.hbs b/index.hbs index 1f1544f..b86b5f3 100644 --- a/index.hbs +++ b/index.hbs @@ -1,7 +1,7 @@ {{!< default}}