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

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

77 bytes removed , 1 year ago

no edit summary

1,278

edits

@@ Line 1: / Line 1: @@
 .main-menu-container {
-	display: flex;
+  display: flex;
-	justify-content: center;
+  justify-content: center;
-	align-items: center;
+  background-color: #f1f1f1;
 }
-.main-menu-container > * {
+.main-menu-container a {
-	position: relative;
+  text-decoration: none;
-	display: inline-block;
-	padding: 0.5rem 2rem;
-	background-color: #f1f1f1;
 }
-.main-menu-container > *:hover {
+.padded {
-	background-color: #e0e0e0;
+  padding: 0.5rem 1.5rem;
 }
-.main-menu-dropdown-content {
+.padded:hover {
-	display: none ;
+  background-color: #e0e0e0;
-	position: absolute;
-	z-index: 1;
-	min-width: 180px;
-	background-color: #f1f1f1;
 }
-.main-menu-dropdown-content a {
-	display: block;
+.main-menu-dropdown-trigger {
+  position: relative;
 }
-.main-menu-dropdown-content a: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-home:hover > *, .main-menu-our-network:hover > *  {
-	display: block;
+.main-menu-dropdown-trigger:hover .main-menu-dropdown-content {
+  display: block;
 }