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;
|
letter-spacing: -1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
p, ul, ol {
|
h2 {
|
||||||
margin: 1.6em 0;
|
font-size: 4rem;
|
||||||
|
line-height: 1.2em;
|
||||||
|
letter-spacing: -1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
ol ol, ul ul,
|
h3 {
|
||||||
ul ol, ol ul {
|
font-size: 3.5rem;
|
||||||
margin: 0.4em 0;
|
}
|
||||||
|
|
||||||
|
h4 {
|
||||||
|
font-size: 3rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h5 {
|
||||||
|
font-size: 2.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
h6 {
|
||||||
|
font-size: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
|
@ -73,6 +86,21 @@ a:hover {
|
||||||
color: #57A3E8;
|
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 {
|
hr {
|
||||||
display: block;
|
display: block;
|
||||||
height: 1px;
|
height: 1px;
|
||||||
|
@ -237,15 +265,18 @@ table.plain {
|
||||||
========================================================================== */
|
========================================================================== */
|
||||||
|
|
||||||
#sitehead {
|
#sitehead {
|
||||||
width: 100%;
|
|
||||||
height: 700px;
|
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
background: #4a4a4a url(http: //cdn.travelllll.com/wp-content/uploads/2013/04/index.jpg) center center;
|
background: #222;
|
||||||
background-size: cover;
|
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#sitehead img {
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
#sitehead .wrap {
|
#sitehead .wrap {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
@ -256,7 +287,8 @@ table.plain {
|
||||||
}
|
}
|
||||||
|
|
||||||
#sitehead h1 {
|
#sitehead h1 {
|
||||||
font-size: 8rem;
|
margin:0;
|
||||||
|
font-size: 10rem;
|
||||||
font-family: Lato, "Open Sans", sans-serif;
|
font-family: Lato, "Open Sans", sans-serif;
|
||||||
font-weight: 100;
|
font-weight: 100;
|
||||||
}
|
}
|
||||||
|
@ -280,7 +312,7 @@ table.plain {
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-title {
|
.post-title {
|
||||||
|
margin:0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.post-title a {
|
.post-title a {
|
||||||
|
|
|
@ -8,14 +8,6 @@
|
||||||
|
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
|
|
||||||
sizeContent();
|
|
||||||
$(window).resize(sizeContent);
|
|
||||||
|
|
||||||
function sizeContent() {
|
|
||||||
var newHeight = $(window).height() - 30;
|
|
||||||
$("#sitehead").css("height", newHeight);
|
|
||||||
}
|
|
||||||
|
|
||||||
});
|
});
|
||||||
|
|
||||||
}(jQuery));
|
}(jQuery));
|
|
@ -1,7 +1,7 @@
|
||||||
{{!< default}}
|
{{!< default}}
|
||||||
|
|
||||||
<header id="sitehead">
|
<header id="sitehead">
|
||||||
|
<img src="http://f.cl.ly/items/1N2205280l2u1l0h190o/bg.jpg" alt="" />
|
||||||
<div class="wrap">
|
<div class="wrap">
|
||||||
<h1>John O'Nolan</h1>
|
<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>
|
<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