Move home header image to inline img / refactor headings
This commit is contained in:
parent
4f1ff59839
commit
701746c102
|
@ -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 {
|
||||
|
|
|
@ -8,14 +8,6 @@
|
|||
|
||||
$(document).ready(function(){
|
||||
|
||||
sizeContent();
|
||||
$(window).resize(sizeContent);
|
||||
|
||||
function sizeContent() {
|
||||
var newHeight = $(window).height() - 30;
|
||||
$("#sitehead").css("height", newHeight);
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
}(jQuery));
|
|
@ -1,7 +1,7 @@
|
|||
{{!< default}}
|
||||
|
||||
<header id="sitehead">
|
||||
|
||||
<img src="http://f.cl.ly/items/1N2205280l2u1l0h190o/bg.jpg" alt="" />
|
||||
<div class="wrap">
|
||||
<h1>John O'Nolan</h1>
|
||||
<h2>A designer, developer and entrepreneur. Spends his time travelling the world with a bag of kites. Likes to write.</h2>
|
||||
|
|
Loading…
Reference in New Issue