Refactor stylesheets and do a major overhaul of the styling.

1 files changed, 40 insertions, 0 deletions

diff --git a/app/assets/stylesheets/hmno_sidebars.scss b/app/assets/stylesheets/hmno_sidebars.scss
new file mode 100644
index 0000000..223f1cf
--- /dev/null
+++ b/app/assets/stylesheets/hmno_sidebars.scss
@@ -0,0 +1,40 @@
+@import "color_scheme";
+
+@mixin sidebar-headers {
+    padding: 2px;
+    color: $link-fg;
+    background: {
+        color: $header-bg;
+        image: image_url("module-header-bg.jpg");
+        repeat: repeat;
+    }
+}
+
+#left_sidebar, #right_sidebar {
+    position: absolute;
+    width: 200px;
+    top: 0;
+    bottom: $spacing;
+    border: 1px groove $dark-border-fg;
+    padding: 5px;
+    background-color: $bg2;
+    h2 {
+        @include sidebar-headers;
+    }
+}
+
+#left_sidebar {
+    left: $spacing;
+}
+
+#right_sidebar {
+    right: $spacing;
+}
+
+.sidebar_module {
+    padding-bottom: $spacing;
+    h1 {
+        font-size: 12pt;
+        @include sidebar-headers;
+    }
+}