From 238fe43c6a3aba5e6eb6f3295691e010e7fffef0 Mon Sep 17 00:00:00 2001 From: Mathieu Agopian Date: Fri, 30 Nov 2012 15:14:10 +0100 Subject: update mnmlist theme css for headings --- mnmlist/compass/src/main.scss | 41 +++++++++++------------ mnmlist/static/css/main.css | 76 +++++++++++++++++++++---------------------- 2 files changed, 56 insertions(+), 61 deletions(-) diff --git a/mnmlist/compass/src/main.scss b/mnmlist/compass/src/main.scss index b01954f..5ca45ee 100644 --- a/mnmlist/compass/src/main.scss +++ b/mnmlist/compass/src/main.scss @@ -1,9 +1,9 @@ /* - Theme Name: mnmlist + 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 + 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. */ @@ -11,39 +11,36 @@ @import url("pygment.css"); body { - background: #fff; - color: #333; - font: 20px Hoefler Text, bodyfont, serif; + background: #fff; + color: #333; + font: 20px Hoefler Text, bodyfont, serif; line-height: 30px; max-width: 30em; - margin: 60px 14px 0 64px; + margin: 60px 14px 0 64px; } - -h1 { - color:#333; + +@mixin heading ($font-size, $color: #666) { + color: $color; font-family: Helvetica, sans-serif; - font-size: 1.5em; + font-size: $font-size; +} + +h1 { + @include heading(1.5em, #333); font-weight: normal; - line-height: 26px; margin-bottom: 0; } h2 { - color:#666; - font-family: Helvetica, sans-serif; - font-size: 18px; - line-height: 15px; - padding-top: 10px; + @include heading(1.3em); } h3 { - font-family: Georgia, "Times New Roman", Times, serif; - font-size: 1em; color:#000000; + @include heading(1em); } h4 { - color:#000000; - font-size: 9pt; + @include heading(0.9em); } time { diff --git a/mnmlist/static/css/main.css b/mnmlist/static/css/main.css index 5d1b896..94d0837 100644 --- a/mnmlist/static/css/main.css +++ b/mnmlist/static/css/main.css @@ -1,9 +1,9 @@ /* - Theme Name: mnmlist + 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 + 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. */ @@ -18,135 +18,133 @@ body { margin: 60px 14px 0 64px; } -/* line 22, ../../compass/src/main.scss */ +/* line 28, ../../compass/src/main.scss */ h1 { - color: #333; + color: #333333; font-family: Helvetica, sans-serif; font-size: 1.5em; font-weight: normal; - line-height: 26px; margin-bottom: 0; } -/* line 31, ../../compass/src/main.scss */ +/* line 34, ../../compass/src/main.scss */ h2 { - color: #666; + color: #666666; font-family: Helvetica, sans-serif; - font-size: 18px; - line-height: 15px; - padding-top: 10px; + font-size: 1.3em; } -/* line 39, ../../compass/src/main.scss */ +/* line 38, ../../compass/src/main.scss */ h3 { - font-family: Georgia, "Times New Roman", Times, serif; + color: #666666; + font-family: Helvetica, sans-serif; font-size: 1em; - color: #000000; } -/* line 44, ../../compass/src/main.scss */ +/* line 42, ../../compass/src/main.scss */ h4 { - color: #000000; - font-size: 9pt; + color: #666666; + font-family: Helvetica, sans-serif; + font-size: 0.9em; } -/* line 49, ../../compass/src/main.scss */ +/* line 46, ../../compass/src/main.scss */ time { color: #c0c0c0; font-size: 50%; } -/* line 54, ../../compass/src/main.scss */ +/* line 51, ../../compass/src/main.scss */ img { border: none; } -/* line 58, ../../compass/src/main.scss */ +/* line 55, ../../compass/src/main.scss */ blockquote { border-left: 1px solid #A5ABAB; margin: 0px; padding: 0 12px 0 12px; } -/* line 64, ../../compass/src/main.scss */ +/* line 61, ../../compass/src/main.scss */ p { line-height: 30px; margin: 30px auto; text-indent: 0px; } -/* line 68, ../../compass/src/main.scss */ +/* line 65, ../../compass/src/main.scss */ p.caption { font-size: 80%; margin-top: 0; } -/* line 74, ../../compass/src/main.scss */ +/* line 71, ../../compass/src/main.scss */ a { border-bottom: #999 1px solid; color: #303030; text-decoration: none; } -/* line 78, ../../compass/src/main.scss */ +/* line 75, ../../compass/src/main.scss */ a:hover { color: #999; } -/* line 81, ../../compass/src/main.scss */ +/* line 78, ../../compass/src/main.scss */ ul, ol { padding: .5em 0em 1em 3.2em; } -/* line 83, ../../compass/src/main.scss */ +/* line 80, ../../compass/src/main.scss */ ul li, ol li { line-height: 30px; padding: 6px 0 0 0; } -/* line 89, ../../compass/src/main.scss */ +/* line 86, ../../compass/src/main.scss */ strong { color: #555555; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; } -/* line 95, ../../compass/src/main.scss */ +/* line 92, ../../compass/src/main.scss */ tt, pre { background-color: #fafafa; font-family: Inconsolata, Monaco, monospace; line-height: 1.2em; } -/* line 101, ../../compass/src/main.scss */ +/* line 98, ../../compass/src/main.scss */ pre { font-size: 0.8em; overflow: auto; padding: 10px; } -/* line 107, ../../compass/src/main.scss */ +/* line 104, ../../compass/src/main.scss */ header { padding-bottom: 20px; } -/* line 109, ../../compass/src/main.scss */ +/* line 106, ../../compass/src/main.scss */ header a { border-bottom: none; } -/* line 111, ../../compass/src/main.scss */ +/* line 108, ../../compass/src/main.scss */ header a#page-title { font-weight: bold; } -/* line 115, ../../compass/src/main.scss */ +/* line 112, ../../compass/src/main.scss */ #article-list { margin-top: 100px; } -/* line 117, ../../compass/src/main.scss */ +/* line 114, ../../compass/src/main.scss */ #article-list ol li { line-height: 1.2em; list-style-type: none; padding-bottom: 10px; } -/* line 124, ../../compass/src/main.scss */ +/* line 121, ../../compass/src/main.scss */ footer { background: #fff; color: #666; @@ -155,16 +153,16 @@ footer { letter-spacing: 4px; margin-left: 20px; } -/* line 131, ../../compass/src/main.scss */ +/* line 128, ../../compass/src/main.scss */ footer a { border-bottom: none; color: #c0c0c0; } -/* line 135, ../../compass/src/main.scss */ +/* line 132, ../../compass/src/main.scss */ footer li { display: inline; } -/* line 138, ../../compass/src/main.scss */ +/* line 135, ../../compass/src/main.scss */ footer p { text-align: right; } -- cgit