Add styling.

This is mainly the stylesheets from the RefineryCMS based site, but I've stripped away
bootstrap and simplified it a bit. Probably more suff that can be tossed out later.

1 files changed, 153 insertions, 0 deletions

diff --git a/blog/css/main.scss b/blog/css/main.scss
new file mode 100644
index 0000000..8180956
--- /dev/null
+++ b/blog/css/main.scss
@@ -0,0 +1,153 @@
+---
+# Only the main Sass file needs front matter (the dashes are enough)
+---
+@import "config";
+@import "common";
+
+body {
+    background-color: black;
+    color: $text-color;
+    line-height: 135%;
+
+    background: {
+        image: url({{ "/assets/images/background.jpg" | prepend: site.baseurl_root }});
+        repeat: no-repeat;
+        position: center top;
+        color: black;
+    }
+}
+
+a {
+    color: #686;
+    &:hover {
+        color: lighten(#686, 5%);
+    }
+}
+
+#page-container {
+    position: relative;
+    width: 28cm;
+    margin: {
+        top: 10mm;
+        left: auto;
+        right: auto;
+    }
+    footer {
+        clear: both;
+    }
+}
+
+#body-content {
+    position: relative;
+    min-height: 700px;
+
+    padding: 1em;
+    @include round-corners;
+
+    #body {
+        padding-right: 20em;
+    }
+
+    #side_body {
+        position: absolute;
+        width: 244px;
+        bottom: 1em;
+        right: 1em;
+        top: 1em;
+        overflow: auto;
+        .inner {
+            padding: 10px;
+        }
+        background: {
+            color: $side-bar-background
+        }
+        @include round-corners;
+
+        h1 {
+            font: {
+                size: 20px;
+                weight: bold;
+            }
+        }
+
+        h2 {
+            font: {
+                size: 16px;
+                weight: bold;
+            }
+        }
+
+        h3 {
+            font: {
+                size: 12px;
+                weight: bold;
+            }
+        }
+    }
+
+    #news, #links {
+        width: 8.55cm;
+        float: left;
+        margin-right: 5mm;
+
+        header {
+            date {
+                font-size: 10pt;
+            }
+            h1 {
+                font: {
+                    size: 13pt;
+                    weight: bold;
+                }
+                margin: {
+                    bottom: 5mm;
+                    top: 0;
+                }
+                a {
+                    text-decoration: none;
+                }
+            }
+        }
+
+        &.wide {
+            width: 100%;
+        }
+    }
+}
+
+#logo {
+    position: relative;
+    font-size: 110%;
+    font-weight: 600;
+    width: 479px;
+    text-align: center;
+}
+
+#menu-bar, #next_prev_article {
+    margin-bottom: 1em;
+    background: {
+        color: $menu-bar-background;
+    }
+    font-size: 110%;
+    font-weight: 600;
+    @include round-corners;
+    ul {
+        li {
+            a {
+                color: $link-color;
+            }
+        }
+        .selected {
+            background-color: $nav-pills-active-link-hover-bg;
+        }
+        &.menu-flags {
+            float: right;
+        }
+    }
+}
+
+#banner-pos-1 {
+    position: absolute;
+    top: 1.5em;
+    right: 0;
+}