From da810104cd033c1dcc25d67f8f09985a415b43b9 Mon Sep 17 00:00:00 2001 From: Stéphane Caron Date: Wed, 20 Mar 2013 12:04:11 +0100 Subject: theme variant from mnmlist --- nmnlist/compass/config.rb | 6 ++ nmnlist/compass/src/main.scss | 138 ++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 144 insertions(+) create mode 100644 nmnlist/compass/config.rb create mode 100644 nmnlist/compass/src/main.scss (limited to 'nmnlist/compass') diff --git a/nmnlist/compass/config.rb b/nmnlist/compass/config.rb new file mode 100644 index 0000000..29d91ee --- /dev/null +++ b/nmnlist/compass/config.rb @@ -0,0 +1,6 @@ +# Require any additional compass plugins here. +# Set this to the root of your project when deployed: +css_dir = "../static/css" +sass_dir = "src" +# To enable relative paths to assets via compass helper functions. Uncomment: +relative_assets = true diff --git a/nmnlist/compass/src/main.scss b/nmnlist/compass/src/main.scss new file mode 100644 index 0000000..5ca45ee --- /dev/null +++ b/nmnlist/compass/src/main.scss @@ -0,0 +1,138 @@ +/* + 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"); + +body { + background: #fff; + color: #333; + font: 20px Hoefler Text, bodyfont, serif; + line-height: 30px; + max-width: 30em; + margin: 60px 14px 0 64px; +} + +@mixin heading ($font-size, $color: #666) { + color: $color; + font-family: Helvetica, sans-serif; + font-size: $font-size; +} + +h1 { + @include heading(1.5em, #333); + font-weight: normal; + margin-bottom: 0; +} + +h2 { + @include heading(1.3em); +} + +h3 { + @include heading(1em); +} + +h4 { + @include heading(0.9em); +} + +time { + color: #c0c0c0; + font-size: 50%; +} + +img { + border: none; +} + +blockquote { + border-left: 1px solid #A5ABAB; + margin:0px; + padding:0 12px 0 12px; +} + +p { + line-height: 30px; + margin:30px auto; + text-indent: 0px; + &.caption { + font-size: 80%; + margin-top: 0; + } +} + +a { + border-bottom: #999 1px solid; + color: #303030; + text-decoration: none; + &:hover { color: #999; } +} + +ul, ol { + padding: .5em 0em 1em 3.2em; + li { + line-height: 30px; + padding: 6px 0 0 0; + } +} + +strong { + color: #555555; + font-family: Georgia, "Times New Roman", Times, serif; + font-weight: bold; +} + +tt, pre { + background-color: #fafafa; + font-family: Inconsolata, Monaco, monospace; + line-height: 1.2em; +} + +pre { + font-size: 0.8em; + overflow: auto; + padding: 10px; +} + +header { + padding-bottom: 20px; + a { + border-bottom: none; + &#page-title { font-weight: bold; } + } +} + +#article-list { + margin-top: 100px; + ol li { + line-height: 1.2em; + list-style-type: none; + padding-bottom: 10px; + } +} + +footer { + background: #fff; + color: #666; + font-family:helvetica, sans-serif; + font-size:13px; + letter-spacing:4px; + margin-left: 20px; + a { + border-bottom: none; + color: #c0c0c0; + } + li { + display: inline; + } + p { + text-align: right; + } +} -- cgit