diff options
Diffstat (limited to 'app/assets/stylesheets/hmno_main.scss')
-rw-r--r-- | app/assets/stylesheets/hmno_main.scss | 144 |
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; } + |