@import url('fonts.googleapis.com/css?family=Lora:400,400i,700,700i|Open+Sans:400,400i,600,600i,700,700i');
html, body {
background: #fff; color: #333; font-family: 'Open Sans', sans-serif;
}
container {
margin: auto;
}
header {
margin-top: 2em;
}
site-logo {
float: right;
}
site-title, a:link, a:active, a:visited, a:hover {
color: #1da8be;
}
site-title {
font-weight: 700; font-size: xx-large;
}
site-title a:link, site-title a:active, site-title a:visited, site-title a:hover {
text-decoration: none;
}
site-slogan, footer {
color: #777;
}
site-slogan {
margin-top: .75em;
}
nav {
clear: both; margin-top: 3em;
}
nav ul {
list-style-type: none; padding: 0;
}
nav ul.first > li {
display: block; margin: .5em 0;
}
nav ul.second, nav ul.third {
display: none;
}
nav a:link, nav a:active, nav a:visited, nav a:hover {
text-decoration: none;
}
nav a:link, nav a:active, nav a:visited {
color: #444;
}
nav a:hover {
color: #1da8be;
}
content, footer, hr {
border-top: 1px dashed #aaa;
}
content {
margin-top: 2em;
}
article {
margin-top: 2em;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Lora', serif; font-weight: 400;
}
article p, article ol li, article ul li {
text-align: justify;
}
article blockquote {
font-family: 'Lora', serif; font-style: italic; font-size: 1.05em; line-height: 1.5em;
}
article dl dt {
font-weight: bold;
}
article dl dt em {
font-weight: normal;
}
article .timestamp, article .tags, article .tags a:link, article .tags a:active, article .tags a:visited, article .tags a:hover {
color: #555;
}
hr {
border-bottom: 0; border-left: 0; border-right: 0; margin: 2.5em 0;
}
span.upper {
text-transform: uppercase;
}
img.right {
float: right; margin: 0 0 1em 1em;
}
img.left {
float: left; margin: 0 1em 1em 0;
}
footer {
clear: both; padding-top: 2em; font-size: 90%;
}
ul.pagination {
padding: 0; list-style-type: none;
}
.pagination li {
display: inline-block;
}
.pagination .active a:link, .pagination .active a:active, .pagination .active a:visited, .pagination .active a:hover, .pagination .disabled a:link, .pagination .disabled a:active, .pagination .disabled a:visited, .pagination .disabled a:hover {
color: #555; text-decoration: none;
}
@media (min-width: 768px) { }
@media (min-width: 992px) {
#container { width: 950px; } nav ul li a { display: block; font-size: 90%; } nav ul.first > li { display: inline-block; position: relative; padding-right: 1.25em; } nav ul.second, nav ul.third { position: absolute; background: #fff; width: 212px; border: 1px solid #ddd; box-shadow: 1px 1px 1px 0px rgba(0,0,0,0.25); } nav ul.second { z-index: 2; } nav ul.third { z-index: 3; } nav ul.second li { position: relative; } nav ul.third { left: 212px; top: -1px; } nav ul.first li:hover ul.second, nav ul.second li:hover ul.third { display: block; } nav ul.second li a, nav ul.third li a { padding: 0.75em 1em; } #article { width: 576px; position: relative; } #summary { display: block; position: absolute; top: 0px; left: 608px; width: 342px; }
}