blag/theme-fred/static/css/main.css

236 lines
3.1 KiB
CSS
Raw Normal View History

2016-08-03 02:36:43 -04:00
/*
Theme Name: mnmlist
Theme URI: http://mathieu.agopian.info/mnmlist/theme.html
Description: Theme adapted from http://mnmlist.com/theme/ from Leo Babauta, a very clean minimalist theme, without comments, search, archives or other features.
Author: Mathieu Agopian
Autor URI: http://mathieu.agopian.info
This theme is uncopyrighted, free, and offered as is.
Update (inverted colors, minor changes) by Tastalian, 2013-03-20.
*/
@import url("pygment.css");
body {
2023-03-24 12:41:18 -04:00
background: #1e1e1e;
color: #eee;
2016-08-03 02:36:43 -04:00
font: 15px Hoefler Text, bodyfont, serif;
max-width: 50em;
margin: 20px 20px 0 64px;
}
h1 {
2023-03-24 12:41:18 -04:00
color: #f00;
2016-08-03 02:36:43 -04:00
font-family: Helvetica, sans-serif;
font-size: 1.5em;
font-weight: normal;
margin-bottom: 0;
}
h2 {
2023-03-24 12:41:18 -04:00
color: #ddd;
2016-08-03 02:36:43 -04:00
font-family: Helvetica, sans-serif;
font-size: 1.3em;
}
h3 {
2023-03-24 12:41:18 -04:00
color: #ccc;
2016-08-03 02:36:43 -04:00
font-family: Helvetica, sans-serif;
font-size: 1em;
}
h4 {
2023-03-24 12:41:18 -04:00
color: #ccc;
2016-08-03 02:36:43 -04:00
font-family: Helvetica, sans-serif;
font-size: 0.9em;
}
time {
color: #c0c0c0;
font-size: 75%;
font-variant: small-caps;
}
2023-03-24 12:41:18 -04:00
#site-title,
#site-title:visited {
2016-08-03 02:36:43 -04:00
color: #ddd;
font-size: 150%;
}
2023-03-24 12:41:18 -04:00
#site-title:hover {
2016-08-03 02:36:43 -04:00
color: #fff;
background-color: transparent;
font-size: 150%;
}
#sitesubtitle {
color: #aaa;
font-size: 80%;
}
img {
display: block;
margin: auto;
margin-bottom: 15px;
2016-08-03 02:36:43 -04:00
max-width: 75%;
height: auto;
border: none;
}
blockquote {
2023-03-24 12:41:18 -04:00
border-left: 1px solid #a5abab;
2016-08-03 02:36:43 -04:00
margin: 0px;
padding: 0 12px 0 12px;
}
p {
line-height: 30px;
margin-top: auto;
2016-08-03 02:36:43 -04:00
text-indent: 0px;
}
p.caption {
font-size: 80%;
margin-top: 0;
}
a {
color: #a47815;
text-decoration: none;
}
a:hover,
a:visited:hover {
color: hsl(300, 33%, 60%);
2016-08-03 02:36:43 -04:00
}
a:visited {
2023-03-24 12:41:18 -04:00
color: #6f6144;
2016-08-03 02:36:43 -04:00
}
2023-03-24 12:41:18 -04:00
ul,
ol {
padding: 0.5em 0em 1em 3.2em;
2016-08-03 02:36:43 -04:00
}
2023-03-24 12:41:18 -04:00
ul li,
ol li {
2016-08-03 02:36:43 -04:00
line-height: 30px;
padding: 6px 0 0 0;
}
strong {
color: #999;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
}
2023-03-24 12:41:18 -04:00
tt,
pre {
background-color: #2a2a2a;
2016-08-03 02:36:43 -04:00
font-family: Inconsolata, Monaco, monospace;
line-height: 1.2em;
}
pre {
font-size: 0.8em;
overflow: auto;
padding: 10px;
}
header {
padding-bottom: 15px;
}
header a {
border-bottom: none;
}
header a#page-title {
font-weight: bold;
}
#article-list {
margin-top: 100px;
}
#article-list ol li {
line-height: 1.2em;
list-style-type: none;
padding-bottom: 10px;
}
footer {
2023-03-24 12:41:18 -04:00
background: #2a2a2a;
color: #ccc;
2016-08-03 02:36:43 -04:00
font-family: helvetica, sans-serif;
font-size: 13px;
letter-spacing: 4px;
margin-left: 20px;
}
footer li {
display: inline;
}
footer p {
text-align: right;
}
#cat-tags {
font-size: 75%;
color: #999;
}
2023-03-24 13:07:23 -04:00
@media (prefers-color-scheme: light) {
body {
background: #eee;
color: #1e1e1e;
}
h2 {
color: #222;
}
h3,
h4 {
color: #333;
}
time {
color: #444;
}
#site-title,
#site-title:visited {
color: #222;
}
#site-title:hover {
color: #444;
}
#sitesubtitle {
color: #666;
}
blockquote {
border-left: 1px solid #555;
}
a:hover,
a:visited:hover{
color: hsl(300, 33%, 40%);
}
a:visited {
color: #6f6144;
}
footer {
background: #e2e2e2;
color: #222;
}
}