|
|
| (5 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| .main-menu-container { | | .main-menu-container { |
| display: flex;
| | display: flex; |
| justify-content: center;
| | justify-content: center; |
| align-items: center;
| | background-color: #f1f1f1; |
| background-color: #f1f1f1;
| |
| } | | } |
|
| |
|
| .main-menu-container p { | | .main-menu-container a { |
| margin: 0;
| | text-decoration: none; |
| } | | } |
|
| |
|
| .main-menu-container a:hover { | | .padded { |
| text-decoration: none;
| | padding: 0.5rem 1.5rem; |
| } | | } |
|
| |
|
| .main-menu-container > * { | | .padded:hover { |
| position: relative;
| | background-color: #e0e0e0; |
| display: inline-block;
| |
| padding: 0.5rem 2rem;
| |
| } | | } |
|
| |
|
| .main-menu-dropdown-link { | | .main-menu-dropdown-trigger { |
| padding: 0.5rem 2rem;
| | position: relative; |
| background-color: #f1f1f1;
| |
| }
| |
| .main-menu-dropdown-link:hover {
| |
| background-color: #e0e0e0;
| |
| }
| |
| | |
| .main-menu-change-language span {
| |
| display: block;
| |
| padding: 0.5rem 2rem;
| |
| background-color: #f1f1f1;
| |
| }
| |
| .main-menu-change-language span:hover {
| |
| background-color: #e0e0e0;
| |
| } | | } |
|
| |
|
| .main-menu-dropdown-content { | | .main-menu-dropdown-content { |
| display: none ;
| | display: none; |
| position: absolute;
| | position: absolute; |
| z-index: 101;
| | z-index: 101; |
| min-width: 180px;
| | min-width: 180px; |
| background-color: #f1f1f1;
| | background-color: #f1f1f1; |
| transition: .5s;
| | transition: .5s; |
| }
| |
| .language-link {
| |
| display: block;
| |
| padding: 0.5rem 2rem;
| |
| }
| |
| | |
| .main-menu-dropdown-content a {
| |
| display: inline-block;
| |
| padding: 0;
| |
| } | | } |
|
| |
|
| .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 {
| | .main-menu-dropdown-trigger:hover .main-menu-dropdown-content { |
| display: block;
| | display: block; |
| } | | } |