dreat/homepage
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Full width header/footer with background colors

Browse source
This commit is contained in:
Barry Clark 2014-05-17 16:35:19 -04:00
parent 1f2db3b048
commit e37987061f
3 changed files with 67 additions and 28 deletions
Download patch file Download diff file Expand all files Collapse all files

23
style.css
View file

@ -318,12 +318,17 @@ html {
font-size: 100%; }
body {
max-width: 740px;
margin: 0 auto;
background: white;
font: 18px/1.4 Helvetica, Arial, sans-serif;
color: #333333; }
.container {
margin: 0 auto;
max-width: 740px;
padding: 0 20px;
width: 100%; }
h1, h2, h3, h4, h5, h6 {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #222222;
@ -409,10 +414,12 @@ img {
color: black;
background: #eeeeee; }
.wrapper-masthead {
background-color: #e8e8f2;
margin-bottom: 50px; }
.masthead {
margin: 20px 0 30px;
padding-bottom: 20px;
border-bottom: 1px dotted #aaaaaa; }
padding: 25px 0; }
.avatar {
float: left;
@ -439,7 +446,8 @@ img {
float: left;
font-size: 16px;
margin: 0;
margin-top: -5px; }
margin-top: -5px;
color: #333333; }
nav {
float: right;
@ -466,6 +474,7 @@ nav {
width: 100%;
text-align: center; } }
.posts > .post {
padding-bottom: 2em;
border-bottom: 1px solid #eeeeee; }
@ -478,6 +487,10 @@ nav {
padding: 0.1em 1em;
color: #666666; }
.wrapper-footer {
background-color: #eeeeee;
border-top: 1px solid #dddddd; }
footer {
padding: 20px 0;
text-align: center; }