Masticationpedia

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

Template Discussion
< Template:Main menu
 
(One intermediate revision 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 > div {
.padded {
position: relative;
  padding: 0.5rem 1.5rem;
display: inline-block;
padding: 0.5rem 2rem;
}
.main-menu-container > div:hover {
text-decoration: none;
background-color: #e0e0e0;
}
}


.main-menu-dropdown-link {
.padded:hover {
padding: 0.5rem 2rem;
  background-color: #e0e0e0;
background-color: #f1f1f1;
}
.main-menu-dropdown-link:hover {
background-color: #e0e0e0;
}
}


.main-menu-change-language span {
.main-menu-dropdown-trigger {
display: block;
  position: relative;
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;
}
}

Latest revision as of 12:20, 16 February 2024

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

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

.padded {
  padding: 0.5rem 1.5rem;
}

.padded:hover {
  background-color: #e0e0e0;
}

.main-menu-dropdown-trigger {
  position: relative;
}

.main-menu-dropdown-content {
  display: none;
  position: absolute;
  z-index: 101;
  min-width: 180px;
  background-color: #f1f1f1;
  transition: .5s;
}

.main-menu-dropdown-trigger:hover .main-menu-dropdown-content {
  display: block;
}
Retrieved from "https://www.masticationpedia.org/index.php?title=Template:Main_menu/styles.css&oldid=18010"