diff --git a/app/assets/stylesheets/_settings.scss b/app/assets/stylesheets/_settings.scss index a4a83db..e69909c 100644 --- a/app/assets/stylesheets/_settings.scss +++ b/app/assets/stylesheets/_settings.scss @@ -56,7 +56,8 @@ $global-font-size: 100%; $global-width: rem-calc(1200); $global-lineheight: 1.5; $foundation-palette: ( - primary: #2199e8, + primary: $debian-color, + // primary: #2199e8, secondary: #777, success: #3adb76, warning: #ffae00, @@ -146,7 +147,8 @@ $code-font-weight: $global-weight-normal; $code-background: $light-gray; $code-border: 1px solid $medium-gray; $code-padding: rem-calc(2 5 1); -$anchor-color: $primary-color; +// $anchor-color: $primary-color; +$anchor-color: #fefefe; $anchor-color-hover: scale-color($anchor-color, $lightness: -14%); $anchor-text-decoration: none; $anchor-text-decoration-hover: none; @@ -385,7 +387,8 @@ $mediaobject-image-width-stacked: 100%; $menu-margin: 0; $menu-margin-nested: 1rem; -$menu-item-padding: 0.7rem 1rem; +// $menu-item-padding: 0.7rem 1rem; +$menu-item-padding: 0.5rem 1rem; $menu-item-color-active: $white; $menu-item-background-active: map-get($foundation-palette, primary); $menu-icon-spacing: 0.25rem; @@ -566,7 +569,8 @@ $tooltip-radius: $global-radius; // ----------- $topbar-padding: 0.5rem; -$topbar-background: $light-gray; +// $topbar-background: $light-gray; +$topbar-background: #2e3436; $topbar-submenu-background: $topbar-background; $topbar-title-spacing: 1rem; $topbar-input-width: 200px; @@ -576,27 +580,12 @@ $topbar-unstack-breakpoint: medium; // -------------- debshots --------------------------- // --------------------------------------------------- -// Hover colors of links in top bar -$topbar-link-bg-hover: $primary-color; -$topbar-dropdown-link-bg-hover: $primary-color; - -// Larger top bar -// $topbar-height: rem-calc(60); -// Larger font in top bar -// $topbar-link-font-size: rem-calc(15); $topbar-padding: 0; -// $topbar-button-font-size: rem-calc(3); -// $topbar-button-top: rem-calc(5); - -// $topbar-link-padding: rem-calc(8); // At which width the top navigation bar should be switched to // mobile mode because otherwise it would wrap into two lines. -$topbar-breakpoint: 800px; -$topbar-media-query: "only screen and (min-width: #{$topbar-breakpoint})"; - -// Import Google font -// @import url(//fonts.googleapis.com/css?family=Droid+Sans:400,700); +// $topbar-breakpoint: 800px; +// $topbar-media-query: "only screen and (min-width: #{$topbar-breakpoint})"; // Use fonts from out own site. Do not load from Google for privacy reasons. @font-face { @@ -658,7 +647,7 @@ body } } -.top-bar-title +.top-bar-left .sitename { // Display the site name in a larger font font-size: 26px; @@ -672,10 +661,27 @@ body } } -header +.top-bar-right .menu li a +{ + padding-top: 1.3rem; + padding-bottom: 1.3rem; +} + +.top-bar { // Draw a colored line below the navigation topbar border-bottom: 5px solid $debian_color; + color: #8a8a8a; + + a + { + color: #8a8a8a; + } + + a.active + { + color: #fefefe; + } } // ------- Footer - format as table cell to allow vertical centering