Basic simple styling.

2 files changed, 90 insertions, 0 deletions

diff --git a/app/assets/images/logo.png b/app/assets/images/logo.png
new file mode 100644
index 0000000..001e257
--- /dev/null
+++ b/app/assets/images/logo.png
diff --git a/app/assets/stylesheets/hmno_main.scss b/app/assets/stylesheets/hmno_main.scss
new file mode 100644
index 0000000..006de53
--- /dev/null
+++ b/app/assets/stylesheets/hmno_main.scss
@@ -0,0 +1,90 @@
+body {
+    background-color: black;
+    color: lightgray;
+    font: {
+        family: Helvetica, "Sans Seriff";
+        size: 10pt;
+    }
+}
+
+h1, h2, h3 {
+    color: green;
+}
+
+#menu {
+    text-align: center;
+
+    ul {
+        padding: 0;
+
+        li {
+            list-style: none;
+            display: inline-block;
+            background-color: darkgreen;
+
+            padding: {
+                left: 1em;
+                right: 1em;
+                top: 0.3em;
+                bottom: 0.3em;
+            }
+
+            &.selected {
+                background-color: green;
+                font-weight: 600;
+            }
+
+            &:hover {
+                background-color: green;
+            }
+
+            a {
+                text-decoration: none;
+                color: white;
+            }
+        }
+    }
+}
+
+#page_container {
+    margin: {
+        left: 5em;
+        right: 5em;
+    }
+
+    #page {
+        position: relative;
+
+        #left_sidebar, #right_sidebar {
+            position: absolute;
+            width: 10em;
+            top: 0;
+            border: 1px dotted lightgray;
+            padding: 5px;
+            height: 100%;
+        }
+
+        #right_sidebar {
+            right: 0;
+        }
+
+        #body_content {
+            margin: {
+                left: 11em;
+                right: 11em;
+            }
+            padding: {
+                left: 0.5em;
+                right: 0.5em;
+            }
+        }
+    }
+}
+
+#left_img {
+    float: left;
+}
+
+#right_img {
+    float: right;
+}