User:Ondo/vector-2022.css: Difference between revisions

Latest revision as of 03:12, 21 July 2024

.navbox {
  --accent: #dbb6e6;
}

.navbox .mw-collapsed {
  width: 100%;
}

.navbox {
  border: 1px solid var(--accent);
}

table.navbox-inner  {
  border-spacing: 2px;
}

.navbox .navbox-title {
  background: var(--accent);
}

.navbox .navbar li {
  display: inline-block;
  padding-left:1px;
}

.navbox .navbox-list li {
  display: inline-block;
}
.navbox .navbox-list ul {
  margin: 0px !important;
}

.navbox .navbox-list li::after {
  content: " · ";
}
.navbox .navbox-list li:last-of-type:after {
  content: none;
}

.navbox .navbox-group {
  background: var(--accent);
  padding: 5px 10px !important;
}

.navbox .navbox-abovebelow {
  background: var(--accent) !important;
  font-size: 80%;
  padding: 3px 5px !important;
}


.vector-search-box {
	background: red !important;
}

@@ Line 1: / Line 1: @@
-.main-page-header {
+.navbox {
-	grid-area: header;
+  --accent: #dbb6e6;
 }
-.main-page-about {
-	grid-area: about;
+.navbox .mw-collapsed {
+  width: 100%;
 }
-.main-page-whatsnonbinary {
-	grid-area: whatsnonbinary;
+.navbox {
+  border: 1px solid var(--accent);
 }
-.main-page-getinvolved {
-	grid-area: getinvolved;
+table.navbox-inner  {
+  border-spacing: 2px;
 }
-.main-page-featuredarticle {
-	grid-area: featuredarticle;
+.navbox .navbox-title {
+  background: var(--accent);
 }
-.main-page-grid {
-   display: grid;
+.navbox .navbar li {
-   grid-template-columns: repeat(auto-fit, 49%);
+  display: inline-block;
-   grid-template-rows: auto auto auto;
+  padding-left:1px;
-   grid-template-areas:
+}
-    'header header'
-    'about whatsnonbinary'
+.navbox .navbox-list li {
-    'getinvolved featuredarticle';
+   display: inline-block;
-  grid-gap: 10px;
+}
+.navbox .navbox-list ul {
+   margin: 0px !important;
+}
+.navbox .navbox-list li::after {
+  content: " · ";
+}
+.navbox .navbox-list li:last-of-type:after {
+  content: none;
+}
+.navbox .navbox-group {
+  background: var(--accent);
+   padding: 5px 10px !important;
+}
+.navbox .navbox-abovebelow {
+  background: var(--accent) !important;
+  font-size: 80%;
+   padding: 3px 5px !important;
+}
+.vector-search-box {
+	background: red !important;
 }