This commit is contained in:
James 2020-03-28 10:14:18 +00:00
parent 3460f93d46
commit 2c65c10241

View File

@ -37,38 +37,47 @@ body::before {
} }
*/ */
/*
.navigation ul{
background-color: rgba(255,255,255,0) !important;
}
.navigation ul.level0{
background-color: rgba(255,255,255,0.75) !important;
}
*/
.navigation ul ul ul{
box-shadow: none !important;
border: none !important;
}
.navigation li.level1>a{
font-weight: bold;
}
/* desktop */ /* desktop */
@media (min-width: 768px) { /* desktop */ @media (min-width: 768px) { /* desktop */
/* transparent background */
.navigation ul{
background-color: rgba(255,255,255,0) !important;
}
.navigation ul.level0{
background-color: rgba(255,255,255,0.75) !important;
}
/* remove borders and shadow */
.navigation ul ul ul{
box-shadow: none !important;
border: none !important;
}
/* bold 1st level (headers) */
.navigation li.level1>a{
font-weight: bold;
}
/* make all parents static so absolute positions work */
.navigation, .navigation,
.navigation>ul, .navigation>ul,
.navigation>ul>.level0{ .navigation>ul>.level0{
position: static !important; position: static !important;
} }
/* put the sub menus into the layout columns */
.submenu.level1{
position: static !important;
display: block !important;
}
/* make the level 0 a flex layout so sub menus become columns */
/* and center it */
.submenu.level0[aria-expanded="true"]{ .submenu.level0[aria-expanded="true"]{
display: flex !important; display: flex !important;
left: 50% !important; left: 50% !important;
transform: translateX(-50%); transform: translateX(-50%);
} }
.submenu.level1{
position: static !important;
display: block !important;
}
} }