Difference between revisions of "Template:Main menu/styles.css"
Tag: Reverted |
Tag: Reverted |
||
Line 17: | Line 17: | ||
position: relative; | position: relative; | ||
display: inline-block; | display: inline-block; | ||
padding: 0.5rem 2rem; | |||
} | } | ||
.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; | ||
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 38: | Line 38: | ||
.main-menu-dropdown-content a, .language-link { | .main-menu-dropdown-content a, .language-link { | ||
display: inline-block; | display: inline-block; | ||
} | } | ||
.main-menu-dropdown-content a:hover, .language-link:hover { | .main-menu-dropdown-content a:hover, .language-link:hover { |
Revision as of 14:25, 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;
padding: 0.5rem 2rem;
}
.main-menu-container > a, .main-menu-change-language span, .language-link {
display: block;
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;
}
.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;
}