Improve login/logout buttons

This commit is contained in:
2018-02-13 16:46:01 +01:00
parent fe1e012db3
commit e7f11aee54
2 changed files with 40 additions and 5 deletions

View File

@@ -43,7 +43,7 @@ nav #login {
margin: 0;
}
nav ul {
nav #menu {
margin: .1em auto 0 auto;
text-align: center;
margin: 0;
@@ -71,6 +71,30 @@ nav a {
nav li.active, nav li:hover {
border-bottom: 2px solid white;
}
nav #usermenu {
display: none;
position: absolute;
top: 0;
right: 0;
margin: 0;
background: #fff;
padding: 0;
}
nav #usermenu li:first-child, nav #usermenu li:first-child a {
line-height: 3em;
height: 3em;
margin: 0;
}
nav #usermenu li, nav #usermenu li a {
line-height: 2em;
height: 2em;
color: #024;
border: none;
display: block;
}
nav #usermenu:target {
display: block;
}
@media(max-width: 800px){
nav #menu, nav #menu li.active, nav #menu_toggle, nav #login {