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-home, .main-menu-scientific-community, .main-menu-book-index, .main-menu-our-network, .main-menu-contact {
 
display: inline-block;
.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;
}