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

 
(38 intermediate revisions by the same user not shown)
Line 1: Line 1:
.main-menu-container > * {
.main-menu-container {
position: relative;
  display: flex;
display: inline-block;
  justify-content: center;
  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 a {
  text-decoration: none;
}
}
.dropdown-content {
 
display: none ;
.padded {
position: absolute;
  padding: 0.5rem 1.5rem;
z-index: 1;
}
}
.dropdown-content a {
 
display: block;
.padded:hover {
  background-color: #e0e0e0;
}
}
.main-menu-home:hover > *, .main-menu-our-network:hover > *  {
 
display: block;
.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;
}
}

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;
}