Projects/nettsiden-old
Projects
/
nettsiden-old
Archived
8
0
Fork 0

Make navbar darker and have fancy underline hover-effect

This commit is contained in:
Yorin Anne De Jong 2018-02-13 14:53:51 +01:00
parent 0d0305cf04
commit 2d850c719d
1 changed files with 6 additions and 5 deletions

View File

@ -28,23 +28,24 @@ nav ul {
right: 0; right: 0;
margin: .1em auto 0 auto; margin: .1em auto 0 auto;
text-align: center; text-align: center;
background: rgba(255,255,255,.8); background: #024;
margin: 0; margin: 0;
z-index: 3; z-index: 3;
} }
nav li { nav li {
display: inline-block; display: inline-block;
line-height: 3em; line-height: 3em;
margin: auto 1em; margin: auto .5em;
} }
nav a { nav a {
display: inline-block; display: inline-block;
margin: auto; margin: auto;
color: gray; color: white;
text-decoration: none; text-decoration: none;
margin: 0 .5em;
} }
nav li.active a { nav li.active, nav li:hover {
color: #048; border-bottom: 2px solid white;
} }
nav .login{ nav .login{
position: fixed; position: fixed;