theme variant from mnmlist

2 files changed, 144 insertions, 0 deletions

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;
+    }
+}