Difference between revisions of "Template:Main menu/styles.css"

Line 11: Line 11:


.main-menu-container a {
.main-menu-container a {
display: block;
padding: 0.5rem 2rem;
padding: 0.5rem 2rem;
background-color: #f1f1f1;
background-color: #f1f1f1;
}
}
.main-menu-container a:hover {
.main-menu-container a:hover {
padding: 0.5rem 2rem;
background-color: #e0e0e0;
background-color: #e0e0e0;
}
}

Revision as of 11:21, 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 {
	display: block;
	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;
}