Difference between revisions of "Template:Main menu/styles.css"
Line 8: | Line 8: | ||
position: relative; | position: relative; | ||
display: inline-block; | display: inline-block; | ||
} | |||
.main-menu-container > a { | |||
padding: 0.5rem 2rem; | padding: 0.5rem 2rem; | ||
background-color: #f1f1f1; | background-color: #f1f1f1; | ||
} | } | ||
.main-menu-container > a:hover { | |||
.main-menu-container > | |||
background-color: #e0e0e0; | background-color: #e0e0e0; | ||
} | } |
Revision as of 10:53, 8 January 2024
.main-menu-container {
display: flex;
justify-content: center;
align-items: center;
}
.main-menu-container > * {
position: relative;
display: inline-block;
}
.main-menu-container > a {
padding: 0.5rem 2rem;
background-color: #f1f1f1;
}
.main-menu-container > a: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;
}