diff options
| author | Harald Eilertsen <haraldei@anduin.net> | 2017-12-16 13:32:02 +0100 |
|---|---|---|
| committer | Harald Eilertsen <haraldei@anduin.net> | 2017-12-16 13:32:02 +0100 |
| commit | e48585aa7e6070e9a103c29d853b0e8c9a38d23d (patch) | |
| tree | e72270d39e4e8f26cf7318b8f2176e2229a4cd48 | |
| parent | cb2a7a5cee50d6aafe427483c3b8e575bd91eb9a (diff) | |
| download | hmnoweb-e48585aa7e6070e9a103c29d853b0e8c9a38d23d.tar.gz hmnoweb-e48585aa7e6070e9a103c29d853b0e8c9a38d23d.tar.bz2 hmnoweb-e48585aa7e6070e9a103c29d853b0e8c9a38d23d.zip | |
Fixup page header.
Changes menu bckground and font size, and adds a bit of space below header.
| -rw-r--r-- | app/assets/stylesheets/_color_scheme.scss | 10 | ||||
| -rw-r--r-- | app/assets/stylesheets/hmno_header.scss | 9 |
2 files changed, 14 insertions, 5 deletions
diff --git a/app/assets/stylesheets/_color_scheme.scss b/app/assets/stylesheets/_color_scheme.scss index 63e3058..c64d2bf 100644 --- a/app/assets/stylesheets/_color_scheme.scss +++ b/app/assets/stylesheets/_color_scheme.scss @@ -19,11 +19,11 @@ $link-fg: $primary-5; //lighten($primary-4, 5%); $link-visited-fg: $link-fg; $link-hover-fg: lighten($link-fg, 5%); -$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; +$hover-menu-bg: $primary-4; +$hover-menu-fg: $primary-2; +$selected-menu-bg: darken($hover-menu-bg, 10%); +$selected-menu-fg: $hover-menu-fg; +$menu-bg: rgba(0,0,0,0.4); $menu-fg: $primary-5; $header-bg: black; diff --git a/app/assets/stylesheets/hmno_header.scss b/app/assets/stylesheets/hmno_header.scss index 5c83a21..8d822c0 100644 --- a/app/assets/stylesheets/hmno_header.scss +++ b/app/assets/stylesheets/hmno_header.scss @@ -9,6 +9,7 @@ height: 100px; border-bottom: 1px solid $fg; + margin-bottom: $spacing; #logo { width: 200px; @@ -22,11 +23,19 @@ img { display: block; + margin-top: 0; + } + + a { + color: #ddf; + font-weight: bold; } } #menu { text-align: center; + font-size: 120%; + font-weight: bold; ul { padding: 0; |