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

Template:Main menu/styles.css (view source)

120 bytes added , 1 year ago

no edit summary

1,278

edits

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