/* Main */ body {
color: #333333; margin: 0;
}
.container {
max-width: 960px; margin: 0 auto;
}
.container .excerpt:not(:last-child) {
border-bottom: 1px dashed #777777;
}
.container .excerpt {
padding: 2em 0;
}
.container .excerpt a {
font-family: 'Open Sans', sans-serif;
}
header#site-header ul {
font-family: 'Open Sans', sans-serif; list-style-type: none; margin: 0; padding: 0; min-height: 2em;
}
header#header ul li {
display: inline-block;
}
footer#site-footer ul {
padding: 0; margin: 20px 0; list-style-type: none; text-align: center;
}
footer#site-footer ul li {
display: inline-block; margin-left: 14px;
}
footer#site-footer a {
color: #333333;
}
footer#site-footer a:hover {
color: green;
}
/* Typography */ a {
text-decoration: none; color: green;
} a:hover {
text-decoration: underline;
}
h1 {
font-family: 'Open Sans', sans-serif; font-size: 48px; font-weight: 600; line-height: 60px; letter-spacing: 2px;
}
h2 {
color: #333333; font-family: 'Proza Libre', sans-serif; font-size: 3.2rem; font-weight: 700; line-height: 1.25;
}
h3 {
color: #333333; font-family: 'Open Sans', sans-serif; font-size: 24px; font-weight: 600; line-height: 32px; letter-spacing: .5px;
}
h4 {
color: #333333; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600; line-height: 22px; letter-spacing: 0px;
}
p {
color: #333333; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 200; line-height: 1.5; letter-spacing: .75px;
}
small {
font-family: 'Open Sans', sans-serif;
}
.caption {
color: #777777; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 300; line-height: 22px; letter-spacing: .5px;
}
.post {
padding-bottom: 20px;
}
.post-title {
margin-bottom: 0;
}
.post-meta {
margin-top: 0;
}
.post-preview:not(:last-child) {
border-bottom: 1px dashed #e0e0e0;
}
/* Navigation */ site-navigation {
display: block; font-family: 'Open Sans', sans-serif; height: 48px;
}
site-navigation main-menu, site-navigation > input {
display: none;
}
site-navigation > label {
display: block; font-size: 36px; color: green; position: absolute; right: 20px; width: 36px; padding: 0; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
site-navigation > input:checked + main-menu {
display: block; clear: both; top: 48px; position: relative; background: #ffffff;
}
site-navigation ul {
margin: 0; padding: 0;
}
site-navigation ul li {
display: block; padding: 20px 0; margin-right: 14px;
}
site-navigation a {
text-decoration: none;
}
site-navigation a:hover {
text-decoration: underline;
}
@media only screen and (min-device-width: 768px) {
#site-navigation { height: auto; } #site-navigation #main-menu { display: block; } #site-navigation > label { display: none } #site-navigation ul li { display: inline-block; }
}
@media only screen and (max-device-width: 768px) {
ul#main-menu li { margin-left: 12px; }
}
@media only screen and (max-device-width: 960px) {
.content { padding: 1em; }
}