From 2d850c719d1214eb2a32696ce8cad31d567a1d73 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?J=C3=B8rn=20A=CC=8Ane?= Date: Tue, 13 Feb 2018 14:53:51 +0100 Subject: [PATCH] Make navbar darker and have fancy underline hover-effect --- www/css/style.css | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/www/css/style.css b/www/css/style.css index 235ae10..0499c9b 100644 --- a/www/css/style.css +++ b/www/css/style.css @@ -28,23 +28,24 @@ nav ul { right: 0; margin: .1em auto 0 auto; text-align: center; - background: rgba(255,255,255,.8); + background: #024; margin: 0; z-index: 3; } nav li { display: inline-block; line-height: 3em; - margin: auto 1em; + margin: auto .5em; } nav a { display: inline-block; margin: auto; - color: gray; + color: white; text-decoration: none; + margin: 0 .5em; } -nav li.active a { - color: #048; +nav li.active, nav li:hover { + border-bottom: 2px solid white; } nav .login{ position: fixed;