aboutsummaryrefslogtreecommitdiffstats
path: root/app/assets/stylesheets/hmno_main.scss
diff options
context:
space:
mode:
Diffstat (limited to 'app/assets/stylesheets/hmno_main.scss')
-rw-r--r--app/assets/stylesheets/hmno_main.scss144
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;
}
+