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

Tag: Reverted
Line 19: Line 19:
}
}


.main-menu-container a, .main-menu-change-language span, .language-link {
.main-menu-container > a, .main-menu-change-language span, .language-link {
display: block;
display: block;
padding: 0.5rem 2rem;
padding: 0.5rem 2rem;
background-color: #f1f1f1;
background-color: #f1f1f1;
}
}
.main-menu-container a:hover, .main-menu-change-language span:hover {
.main-menu-container > a:hover, .main-menu-change-language span:hover {
background-color: #e0e0e0;
background-color: #e0e0e0;
}
}
Line 37: Line 37:
}
}
.main-menu-dropdown-content a, .language-link {
.main-menu-dropdown-content a, .language-link {
display: block;
display: inline-block;
margin-right: 5px;
}
}
.main-menu-dropdown-content a:hover, .language-link:hover {
.main-menu-dropdown-content a:hover, .language-link:hover {

Revision as of 13:08, 14 February 2024

.main-menu-container {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #f1f1f1;
}

.main-menu-container p {
	margin: 0;
}

.main-menu-container a:hover {
	text-decoration: none;
}

.main-menu-container > * {
	position: relative;
	display: inline-block;
}

.main-menu-container > a, .main-menu-change-language span, .language-link {
	display: block;
	padding: 0.5rem 2rem;
	background-color: #f1f1f1;
}
.main-menu-container > a:hover, .main-menu-change-language span:hover {
	background-color: #e0e0e0;
}

.main-menu-dropdown-content {
	display: none ;
	position: absolute;
	z-index: 101;
	min-width: 180px;
	background-color: #f1f1f1;
	transition: .5s;
}
.main-menu-dropdown-content a, .language-link {
	display: inline-block;
	margin-right: 5px;
}
.main-menu-dropdown-content a:hover, .language-link:hover {
	background-color: #e0e0e0;
}
.main-menu-home:hover .main-menu-dropdown-content, .main-menu-our-network:hover .main-menu-dropdown-content, .main-menu-change-language:hover .main-menu-dropdown-content {
	display: block;
}