1
0
Fork 0
less-mnmlist/static/css/main.css

591 lines
15 KiB
CSS

@charset "UTF-8";
/*
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.
*/
@import url("pygment.css");
/* line 13, ../../compass/src/main.scss */
body {
background: #fff;
color: #333;
font: 20px Hoefler Text, bodyfont, serif;
line-height: 30px;
}
@media (min-width: 35em) {
/* line 21, ../../compass/src/main.scss */
body {
max-width: 30em;
margin: 30px 14px 0 64px;
}
}
/* line 33, ../../compass/src/main.scss */
body > header > h1 {
color: #333;
font-family: Helvetica, sans-serif;
font-size: 1.7em;
font-weight: normal;
margin-bottom: 0;
}
/* line 37, ../../compass/src/main.scss */
body > header > h1 a {
border-bottom: 0;
}
/* line 41, ../../compass/src/main.scss */
body > header > nav {
margin-bottom: 2em;
background: #fff;
color: #666;
font-family: helvetica, sans-serif;
font-size: 13px;
letter-spacing: 4px;
}
/* line 48, ../../compass/src/main.scss */
body > header > nav a {
border-bottom: none;
color: #888;
}
/* line 52, ../../compass/src/main.scss */
body > header > nav li {
display: inline;
}
/* line 55, ../../compass/src/main.scss */
body > header > nav li + li:before {
content: ":: ";
}
/* line 58, ../../compass/src/main.scss */
body > header > nav p {
text-align: right;
}
/* line 63, ../../compass/src/main.scss */
article > header > h2, h1.comments {
color: #333;
font-family: Helvetica, sans-serif;
font-size: 1.5em;
font-weight: bold;
margin-bottom: 0;
}
/* line 68, ../../compass/src/main.scss */
article > header > h2 a, h1.comments a {
border-bottom: 0;
}
/* line 74, ../../compass/src/main.scss */
article h1 {
color: #333;
font-family: Helvetica, sans-serif;
font-size: 1.5em;
font-weight: normal;
margin-bottom: 0;
}
/* line 80, ../../compass/src/main.scss */
article h2 {
color: #666;
font-family: Helvetica, sans-serif;
font-size: 1.3em;
}
/* line 84, ../../compass/src/main.scss */
article h3 {
color: #666;
font-family: Helvetica, sans-serif;
font-size: 1em;
}
/* line 88, ../../compass/src/main.scss */
article h4 {
color: #666;
font-family: Helvetica, sans-serif;
font-size: 0.9em;
}
/* line 93, ../../compass/src/main.scss */
header > .posted-line, article.comment > header > p {
font-size: 50%;
line-height: 1.5em;
margin-top: 0.5em;
color: #c0c0c0;
}
/* line 98, ../../compass/src/main.scss */
header > .posted-line time, article.comment > header > p time {
color: #999;
}
/* line 101, ../../compass/src/main.scss */
header > .posted-line a, article.comment > header > p a {
color: #999;
}
/* line 103, ../../compass/src/main.scss */
header > .posted-line a:hover, article.comment > header > p a:hover {
color: #444;
text-decoration: underline;
}
/* line 109, ../../compass/src/main.scss */
header > .posted-line .tags:before, article.comment > header > p .tags:before {
content: "Tags: ";
}
/* line 116, ../../compass/src/main.scss */
.archive .tags {
line-height: 1.5em;
margin-top: 0.5em;
color: #c0c0c0;
display: inline;
font-size: 70%;
}
/* line 122, ../../compass/src/main.scss */
.archive .tags a {
color: #999;
border-bottom: 0;
}
/* line 125, ../../compass/src/main.scss */
.archive .tags a:hover {
color: #444;
text-decoration: underline;
}
/* line 132, ../../compass/src/main.scss */
.tags .tag {
margin-left: 1.5ex;
}
/* line 137, ../../compass/src/main.scss */
img {
border: none;
}
/* line 141, ../../compass/src/main.scss */
blockquote {
border-left: 1px solid #A5ABAB;
margin: 0px;
padding: 0 12px 0 12px;
}
/* line 147, ../../compass/src/main.scss */
p {
line-height: 30px;
margin: 30px auto;
text-indent: 0px;
text-align: justify;
}
/* line 151, ../../compass/src/main.scss */
p.caption {
font-size: 80%;
margin-top: 0;
}
/* line 158, ../../compass/src/main.scss */
dd {
line-height: 30px;
margin: auto auto 30px 40px;
text-indent: 0px;
text-align: justify;
}
/* line 165, ../../compass/src/main.scss */
a {
border-bottom: #999 1px solid;
color: #303030;
text-decoration: none;
}
/* line 169, ../../compass/src/main.scss */
a:hover {
color: #999;
}
/* line 171, ../../compass/src/main.scss */
a:hover strong {
color: #999;
}
/* line 177, ../../compass/src/main.scss */
ul, ol {
padding: .5em 0em 1em 3.2em;
}
/* line 179, ../../compass/src/main.scss */
ul li, ol li {
line-height: 30px;
padding: 6px 0 0 0;
}
/* line 185, ../../compass/src/main.scss */
strong {
color: #555555;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
}
/* line 190, ../../compass/src/main.scss */
strong code {
color: purple;
font-family: Inconsolata, Monaco, monospace, Courier;
}
/* line 197, ../../compass/src/main.scss */
article section.article-content pre, article section.article-content li code, article section.article-content p code, article section.article-content dd code, article.comment pre, article.comment li code, article.comment p code, article.comment dd code {
/* From en.wikipedia.org's CSS. */
background-color: #F9F9F9;
border: 1px solid #DDD;
border-radius: 2px;
padding: 1px 4px;
font-family: Inconsolata, Monaco, monospace, Courier;
line-height: 1.2em;
}
/* line 206, ../../compass/src/main.scss */
article section.article-content pre strong, article section.article-content li code strong, article section.article-content p code strong, article section.article-content dd code strong, article.comment pre strong, article.comment li code strong, article.comment p code strong, article.comment dd code strong {
color: purple;
font-family: Inconsolata, Monaco, monospace, Courier;
}
/* line 210, ../../compass/src/main.scss */
article section.article-content pre i, article section.article-content pre em, article section.article-content li code i, article section.article-content li code em, article section.article-content p code i, article section.article-content p code em, article section.article-content dd code i, article section.article-content dd code em, article.comment pre i, article.comment pre em, article.comment li code i, article.comment li code em, article.comment p code i, article.comment p code em, article.comment dd code i, article.comment dd code em {
color: #BB60D5;
font-family: Inconsolata, Monaco, monospace, Courier;
}
/* line 215, ../../compass/src/main.scss */
article section.article-content a code, article section.article-content code a, article section.article-content pre a, article.comment a code, article.comment code a, article.comment pre a {
color: #22a;
}
/* line 217, ../../compass/src/main.scss */
article section.article-content a code:hover, article section.article-content code a:hover, article section.article-content pre a:hover, article.comment a code:hover, article.comment code a:hover, article.comment pre a:hover {
text-decoration: underline;
color: #33d;
}
/* line 225, ../../compass/src/main.scss */
article section.article-content code a, article section.article-content pre a, article.comment code a, article.comment pre a {
border-bottom: none;
}
/* line 229, ../../compass/src/main.scss */
article section.article-content pre, article.comment pre {
font-size: 0.8em;
overflow: auto;
padding: 10px;
}
/* line 234, ../../compass/src/main.scss */
article section.article-content li p:first-child, article.comment li p:first-child {
margin-top: 0;
}
/* line 237, ../../compass/src/main.scss */
article section.article-content li p:last-child, article.comment li p:last-child {
margin-bottom: 0;
}
/* line 240, ../../compass/src/main.scss */
article section.article-content li, article.comment li {
margin: 30px auto;
text-align: justify;
}
/* line 244, ../../compass/src/main.scss */
article section.article-content li:first-child, article.comment li:first-child {
margin-top: 0;
}
/* line 247, ../../compass/src/main.scss */
article section.article-content li:last-child, article.comment li:last-child {
margin-bottom: 0;
}
/* line 252, ../../compass/src/main.scss */
header {
padding-bottom: 20px;
}
/* line 254, ../../compass/src/main.scss */
header a {
border-bottom: none;
}
/* line 256, ../../compass/src/main.scss */
header a.article-title {
font-weight: bold;
}
/* line 260, ../../compass/src/main.scss */
#article-list {
margin-top: 100px;
}
/* line 262, ../../compass/src/main.scss */
#article-list ol li {
line-height: 1.2em;
list-style-type: none;
padding-bottom: 10px;
}
/* line 269, ../../compass/src/main.scss */
.note {
background: #efefef;
margin: 1em 0;
}
/* line 272, ../../compass/src/main.scss */
.note p {
display: inline;
}
/* line 274, ../../compass/src/main.scss */
.note p.first {
font-weight: bold;
}
/* line 276, ../../compass/src/main.scss */
.note p.first:after {
content: ' : ';
}
/* line 283, ../../compass/src/main.scss */
footer {
background: #fff;
color: #666;
font-family: helvetica, sans-serif;
font-size: 13px;
letter-spacing: 4px;
margin-left: 20px;
}
/* line 290, ../../compass/src/main.scss */
footer a {
border-bottom: none;
color: #c0c0c0;
}
/* line 294, ../../compass/src/main.scss */
footer li {
display: inline;
}
/* line 297, ../../compass/src/main.scss */
footer p {
text-align: right;
}
/* line 302, ../../compass/src/main.scss */
nav {
width: 100%;
height: 6px;
}
/* line 305, ../../compass/src/main.scss */
nav a {
border-bottom: 0;
color: #999;
font-size: 13px;
}
/* line 308, ../../compass/src/main.scss */
nav a:hover {
color: #444;
text-decoration: underline;
}
/* line 313, ../../compass/src/main.scss */
nav a.prevarticle {
float: left;
}
/* line 315, ../../compass/src/main.scss */
nav a.prevarticle:before {
content: "«";
}
/* line 319, ../../compass/src/main.scss */
nav a.nextarticle {
float: right;
}
/* line 321, ../../compass/src/main.scss */
nav a.nextarticle:after {
content: "»";
}
/* line 328, ../../compass/src/main.scss */
ul.tagcloud {
list-style: none;
padding: 0;
}
/* line 331, ../../compass/src/main.scss */
ul.tagcloud li {
display: inline-block;
margin-left: 1ex;
}
/* line 335, ../../compass/src/main.scss */
ul.tagcloud li.tag-1 {
font-size: 150%;
}
/* line 338, ../../compass/src/main.scss */
ul.tagcloud li.tag-2 {
font-size: 120%;
}
/* line 341, ../../compass/src/main.scss */
ul.tagcloud li.tag-3 {
font-size: 100%;
}
/* line 344, ../../compass/src/main.scss */
ul.tagcloud li.tag-4 {
font-size: 80%;
}
/* line 350, ../../compass/src/main.scss */
.footnote li {
padding: 0;
font-size: 80%;
}
/* line 356, ../../compass/src/main.scss */
section.comments > header p a {
border-bottom: 1px solid #999;
}
/* line 359, ../../compass/src/main.scss */
article.comment {
border: 1px solid #DDDDDD;
padding: 5px 10px 0px 10px;
margin: 0px -1px 5px 0px;
}
/* line 365, ../../compass/src/main.scss */
article.comment header img {
float: left;
margin: 7px;
}
/* line 369, ../../compass/src/main.scss */
article.comment header p, article.comment header h4 {
margin: 0;
}
/* line 372, ../../compass/src/main.scss */
article.comment header a.permalink {
font-size: 80%;
margin-right: 1ex;
float: right;
color: #888;
}
/* line 378, ../../compass/src/main.scss */
article.comment header a.permalink:hover {
color: #555;
}
/* line 383, ../../compass/src/main.scss */
article.comment p {
margin-top: 0;
}
/* line 387, ../../compass/src/main.scss */
article.comment-depth1 {
margin-left: 50px;
}
/* line 390, ../../compass/src/main.scss */
article.comment-depth2 {
margin-left: 90px;
}
/* line 393, ../../compass/src/main.scss */
article.comment-depth3 {
margin-left: 120px;
}
/* line 399, ../../compass/src/main.scss */
.archive h2 a, .archive h3 a {
border-bottom: 0;
}
/* line 403, ../../compass/src/main.scss */
.archive h2 {
color: #333;
font-family: Helvetica, sans-serif;
font-size: 1.5em;
font-weight: bold;
margin-bottom: 0;
}
/* line 408, ../../compass/src/main.scss */
.archive h3 {
color: #333;
font-family: Helvetica, sans-serif;
font-size: 1.3em;
font-weight: normal;
margin-left: 2em;
}
/* line 414, ../../compass/src/main.scss */
.archive .comments_count {
font-size: 80%;
}
/* line 420, ../../compass/src/main.scss */
kbd {
padding: .1em .6em;
border: 1px solid #ccc;
font-size: 80%;
font-family: Arial,Helvetica,sans-serif;
background-color: #f7f7f7;
color: #333;
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #fff inset;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #fff inset;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #fff inset;
border-radius: 3px;
display: inline-block;
margin: 0 .1em;
text-shadow: 0 1px 0 #fff;
line-height: 1.4;
white-space: nowrap;
}
/* Weight names: http://www.webtype.com/info/articles/fonts-weights/ */
@font-face {
font-family: 'Hasklig';
src: url("fonts/Hasklig-ExtraLight.woff") format("woff");
font-weight: 100;
font-style: normal;
}
@font-face {
font-family: 'Hasklig';
src: url("fonts/Hasklig-Light.woff") format("woff");
font-weight: 200;
font-style: normal;
}
@font-face {
font-family: 'Hasklig';
src: url("fonts/Hasklig-Regular.woff") format("woff");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Hasklig';
src: url("fonts/Hasklig-Medium.woff") format("woff");
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Hasklig';
src: url("fonts/Hasklig-Semibold.woff") format("woff");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Hasklig';
src: url("fonts/Hasklig-Bold.woff") format("woff");
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Hasklig';
src: url("fonts/Hasklig-Black.woff") format("woff");
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'SansBullshitSans';
src: url("fonts/SansBullshitSans.ttf");
font-weight: normal;
font-style: normal;
}
/* line 490, ../../compass/src/main.scss */
.hasklig {
font-family: 'Hasklig', monospace !important;
}
/* line 493, ../../compass/src/main.scss */
.sansbullshitsans {
font-family: 'SansBullshitSans', sans-serif !important;
}
/* line 496, ../../compass/src/main.scss */
.hasklig, .sansbullshitsans {
/* The "right" way to enable ligatures. Only supported by recent browsers. */
font-variant-ligatures: discretionary-ligatures;
/* Some other browsers need one of these. */
-webkit-font-variant-ligatures: discretionary-ligatures;
text-rendering: optimizeLegibility;
}
/* line 504, ../../compass/src/main.scss */
nav.paginator {
font-size: 90%;
text-align: center;
color: #666;
}
/* line 508, ../../compass/src/main.scss */
nav.paginator a {
font-size: 100%;
}