blog/css/base.css

196 lines
2.7 KiB
CSS

h1, h2, h3 {
margin: 0px 0px 18px 0px;
padding: 24px 0px 0px 0px;
}
p, ul {
margin: 18px 0px 18px 0px;
}
img {
margin: 12px 0px 12px 0px;
max-width: 100%;
}
ul {
padding-left: 18px;
}
div#footer {
margin: 60px 0px 36px 0px;
}
html {
background-color: #fff;
font-size: 16px;
font-family: sans-serif;
line-height: 24px;
}
body {
color: #333;
}
a {
color: #111;
text-decoration: none;
border-bottom: 1px solid #555;
}
/* Pandoc 2 puts 'a' elements inside code blocks for linking to lines. We don't
* want to underline those. */
code a {
border-bottom: none;
}
div.figure a{
border: none;
}
@media all and (min-width: 620px) {
div.flickr img {
border: 1px solid #888;
padding: 6px;
}
}
div.flickr {
margin-top: 60px;
margin-bottom: 60px;
}
a img {
margin-bottom: 0px;
}
pre {
margin-left: 18px;
overflow: auto;
}
pre code {
background-color: transparent;
color: #333;
font-size: 14px;
margin: 0px;
padding: 0px;
}
code {
color: #408090;
}
h1, h2, h3 {
font-weight: normal;
}
h1 {
font-size: 26px;
}
h2 {
font-size: 22px;
}
h3 {
font-size: 18px;
}
ul {
list-style-image: url("../images/list-style-image.png");
}
blockquote {
background: #e6e6e6 url("../images/quote-background.png") no-repeat left top;
font-style: italic;
margin-left: 18px;
padding: 6px 6px 6px 54px;
}
hr {
border: none;
margin: 36px auto 36px auto;
text-align: center;
}
hr:after {
content: "\002217 \002217 \002217";
}
span.soft, figcaption {
font-style: italic;
color: #555;
}
div.figure {
text-align: center;
}
div.figure p {
margin-top: 6px;
}
a.footnote-ref {
border: none;
}
a.footnote-ref sup:before {
content: "(";
}
a.footnote-ref sup:after {
content: ")";
}
a.footnote-ref sup {
padding: 2px;
}
a.footnote-back {
border: none;
padding: 0px 6px 0px 6px;
}
section.footnotes:before {
content: "Footnotes";
font-size: 18px;
padding-left: 18px;
}
section.footnotes {
border-left: 1px dashed #555;
color: #555;
margin-top: 36px;
}
section.footnotes hr {
display: none;
}
div.photoblog img {
margin-top: 48px;
margin-bottom: 48px;
}
div.photoblog div.pagination {
font-size: 14px;
padding: 12px 0px;
}
div#footer {
font-size: 14px;
}
/*******************************************************************************
* Disqus *
******************************************************************************/
/* Reset list image for disqus */
div#disqus_thread ul {
list-style-image: none;
}
div#dsq-subscribe em {
text-decoration: none;
}