1 files changed, 22 insertions, 122 deletions
diff --git a/app/assets/stylesheets/hmno_main.scss b/app/assets/stylesheets/hmno_main.scss
index 1bddc2e..e11526f 100644
--- a/app/assets/stylesheets/hmno_main.scss
+++ b/app/assets/stylesheets/hmno_main.scss
@@ -1,32 +1,4 @@
-// Color Scheme:
-// http://colorschemedesigner.com/#1j11TiW8EWTs.
-//
-$primary-1: #453C1C;
-$primary-2: #252219;
-$primary-3: #181301;
-$primary-4: #988952;
-$primary-5: #988D62;
-
-$bg: $primary-2;
-$fg: $primary-5;
-
-$link-fg: lighten($primary-4, 20%);
-$link-visited-fg: $primary-4;
-$link-hover-fg: lighten($link-fg, 20%);
-
-$selected-menu-bg: $primary-4;
-$selected-menu-fg: $primary-2;
-$hover-menu-bg: $selected-menu-bg;
-$hover-menu-fg: $selected-menu-fg;
-$menu-bg: $primary-1;
-$menu-fg: $primary-5;
-
-$header-bg: black;
-$body-bg: black;
-
-$spacing: 10px;
-$sidebar-width: 200px;
-
+@import "color_scheme";
 
 body {
     background-color: $body-bg;
@@ -39,6 +11,26 @@ body {
 
 h1, h2, h3 {
     color: $fg;
+    margin: {
+        top: 1em;
+        bottom: 0.5em;
+    }
+    &:first-of-type {
+        margin-top: 0;
+    }
+}
+
+h1 {
+    font-size: 14pt;
+}
+
+h2 {
+    font-size: 12pt;
+}
+
+h3 {
+    font-size: 10pt;
+    font-weight: 600;
 }
 
 a {
@@ -54,99 +46,6 @@ a {
     }
 }
 
-#header {
-    #logo {
-        background-color: $header-bg;
-        border-bottom: 1px solid $fg;
-    }
-
-    #menu {
-        position: relative;
-        text-align: center;
-        top: -2em;
-
-        ul {
-            padding: 0;
-
-            li {
-                list-style: none;
-                display: inline-block;
-                background-color: $menu-bg;
-
-                padding: {
-                    left: 1em;
-                    right: 1em;
-                    top: 0.3em;
-                    bottom: 0.3em;
-                }
-
-                &.selected {
-                    background-color: $selected-menu-bg;
-                    font-weight: 600;
-
-                    a {
-                        color: $selected-menu-fg;
-                    }
-                }
-
-                &:hover {
-                    background-color: $hover-menu-bg;
-
-                    a {
-                        color: $hover-menu-fg;
-                    }
-                }
-
-                a {
-                    text-decoration: none;
-                    color: $menu-fg;
-                }
-            }
-        }
-    }
-}
-
-#page_container {
-    background: $bg;
-
-    margin: {
-        left: 5em;
-        right: 5em;
-    }
-
-    #page {
-        position: relative;
-
-        #left_sidebar, #right_sidebar {
-            position: absolute;
-            width: 200px;
-            top: 0;
-            border: 1px groove $fg;
-            padding: 5px;
-            height: 100%;
-        }
-
-        #left_sidebar {
-            left: $spacing;
-        }
-
-        #right_sidebar {
-            right: $spacing;
-        }
-
-        #body_content {
-            margin: {
-                left: $sidebar-width + 3 * $spacing;
-                right: $sidebar-width + 3 * $spacing;
-            }
-            padding: {
-                left: 0.5em;
-                right: 0.5em;
-            }
-        }
-    }
-}
-
 #left_img {
     float: left;
 }
@@ -154,3 +53,4 @@ a {
 #right_img {
     float: right;
 }
+