Skip to content

Instantly share code, notes, and snippets.

Created May 16, 2014
Embed
What would you like to do?
/*********************************
GENERAL
**********************************/
#wrapper {
max-width: 940px;
margin: 0 auto;
padding: 0 5%;
}
img {
max-width: 100%;
}
h3 {
margin: 0 0 1em 0;
}
/*********************************
HEADING
**********************************/
header {
float: left;
margin: 0 0 30px 0;
padding: 5px 0 0 0;
width: 100%;
}
#logo {
text-align: center;
margin: 0;
}
h1 {
font-family: 'Abril Fatface', serif;
margin: 15px 0px;
font-size: 2.750em;
font-weight: normal;
line-height: 0.8em;
}
h2 {
font-family: 'Open Sans', sans-serif;
font-weight: 200;
margin: -15px 0 0;
font-size: 1.50em;
}
h3 {
margin: 0 0 1em 0;
}
/*********************************
FOOTER
**********************************/
footer {
font-size: 0.75em;
text-align: center;
clear: both;
padding-top: 50px;
color: #ccc;
}
.social-icon {
width: 20px;
height: 20px;
margin: 0 5px;
}
/*********************************
PAGE: PORTFOLIO
**********************************/
#gallery {
margin: 0;
padding: 0;
list-style: none;
}
#gallery li {
float: left;
width: 45%;
margin: 2.5%;
background: #f5f5f5;
color: #666666;
}
#gallery li:nth-child(odd) {
clear: left;
}
#gallery li a p {
margin: 0;
padding: 5%;
font-size: 0.85em;
color: #bdc3c7;
}
/*********************************
PAGE: ABOUT
**********************************/
.profile-photo {
display: block;
max-width: 150px;
margin: 0 auto 30px;
border-radius: 100%;
}
/*********************************
COLORS
**********************************/
body {
background: #fff;
color: #999;
}
header {
background: #E98977;
border-color: #E98977;
}
/*********************************
NAVIGATION
**********************************/
nav {
text-align: center;
padding: 10px 0;
margin: 20px 0 0;
}
nav ul {
list-style: none;
margin: 0 10px;
padding: 0;
}
nav li {
display: inline-block;
}
nav a {
font-weight: 600;
padding: 15px 10px;
text-transform: lowercase;
}
nav {
background: #F2B4A8;
}
h1, h2 {
color: #fff;
}
a {
color: #F2B4A8;
text-decoration: none;
}
nav a, nav a:visited {
color: #fff;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment