Better styling of the user menu

This commit is contained in:
2018-02-13 18:44:36 +01:00
parent 24b6af1799
commit 060d37c040
2 changed files with 15 additions and 12 deletions

View File

@@ -68,6 +68,7 @@ nav a {
display: inline-block;
margin: auto;
color: white;
fill: white; /* SVG icon */
text-decoration: none;
margin: 0 .75em;
}
@@ -98,6 +99,13 @@ nav #usermenu li, nav #usermenu li a {
nav #usermenu:target {
display: block;
}
/* Style #login when #usermenu is targeted */
/* Requires #login to appear after #usermenu, directly under nav */
nav #usermenu:target ~ #login {
color: #024;
fill: #024; /* SVG icon */
background: white;
}
@media(max-width: 800px){
nav #menu, nav #menu li.active, nav #menu_toggle, nav #login {