Difference between revisions of "Template:Main menu/styles.css"
Line 1: | Line 1: | ||
.main-menu-container { | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
} | |||
.main-menu-container > * { | .main-menu-container > * { | ||
position: relative; | position: relative; | ||
display: inline-block; | display: inline-block; | ||
padding: 0.5rem 2rem; | |||
background-color: #f1f1f1; | |||
} | } | ||
.main-menu- | |||
.main-menu-container > *:hover { | |||
background-color: #e0e0e0; | |||
} | } | ||
.main-menu-dropdown-content { | .main-menu-dropdown-content { | ||
display: none ; | display: none ; | ||
Line 11: | Line 21: | ||
z-index: 1; | z-index: 1; | ||
min-width: 180px; | min-width: 180px; | ||
background-color: #f1f1f1; | |||
} | } | ||
.main-menu-dropdown-content a { | .main-menu-dropdown-content a { | ||
display: block; | display: block; | ||
} | |||
.main-menu-dropdown-content a:hover { | |||
background-color: #e0e0e0; | |||
} | } | ||
.main-menu-home:hover > *, .main-menu-our-network:hover > * { | .main-menu-home:hover > *, .main-menu-our-network:hover > * { | ||
display: block; | display: block; | ||
} | } |
Revision as of 10:38, 8 January 2024
.main-menu-container {
display: flex;
justify-content: center;
align-items: center;
}
.main-menu-container > * {
position: relative;
display: inline-block;
padding: 0.5rem 2rem;
background-color: #f1f1f1;
}
.main-menu-container > *:hover {
background-color: #e0e0e0;
}
.main-menu-dropdown-content {
display: none ;
position: absolute;
z-index: 1;
min-width: 180px;
background-color: #f1f1f1;
}
.main-menu-dropdown-content a {
display: block;
}
.main-menu-dropdown-content a:hover {
background-color: #e0e0e0;
}
.main-menu-home:hover > *, .main-menu-our-network:hover > * {
display: block;
}