MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 14: / Line 14: @@
 .dxx-navbox-header,
 .dxx-navbox-group,
-.dxx-navbox-list {
+.dxx-navbox-list,
+.dxx-navbox-list-main {
      background: #f8f8f8;
      color: #202020;
@@ Line 43: / Line 44: @@
      padding: 0.3em;
      text-align: left;
+}
+.dxx-navbox-list-main {
+    padding: 0.3em;
+    text-align: center;
 }
@@ Line 54: / Line 60: @@
 .skin-theme-clientpref-night .dxx-navbox-header,
 .skin-theme-clientpref-night .dxx-navbox-group,
-.skin-theme-clientpref-night .dxx-navbox-list {
+.skin-theme-clientpref-night .dxx-navbox-list,
+.skin-theme-clientpref-night .dxx-navbox-list-main {
      background: #111;
      color: #eee;
@@ Line 71: / Line 78: @@
 }
-/* Make navbox lists inline with dot separators */
+/* Completely eliminate empty <p> and <p><br></p> spacing between stacked navboxes */
-.navbox.dxx-navbox .dxx-navbox-list ul {
+.mw-parser-output .navbox.dxx-navbox + p,
-     margin: 0;
+.mw-parser-output .navbox.dxx-navbox + p + p,
-     padding: 0;
+.mw-parser-output .navbox.dxx-navbox + p + p + p {
-     list-style: none;
+    margin-top: 0 !important;
+    margin-bottom: 0 !important;
+    line-height: 0 !important;
+    padding: 0 !important;
+}
+/* Hide any <br> inside those paragraphs */
+.mw-parser-output .navbox.dxx-navbox + p > br,
+.mw-parser-output .navbox.dxx-navbox + p + p > br,
+.mw-parser-output .navbox.dxx-navbox + p + p + p > br {
+    display: none !important;
+}
+/* INFOBOX */
+.dxx-infobox {
+    float: right;
+     margin: 0 0 1em 1em;
+    width: 260px;
+}
+.infobox {
+    width: 100%;
+    border: 1px solid #666;
+    border-collapse: collapse;
+    background: #222;
+    color: #eee;
+    font-size: 90%;
+}
+.infobox-title {
+    background: #333;
+    font-size: 110%;
+    text-align: center;
+    padding: 6px;
+}
+.infobox th,
+.infobox td {
+    padding: 4px;
+    border: 1px solid #444;
+}
+.infobox th {
+    width: 40%;
+    background: #2a2a2a;
+    text-align: left;
+    font-weight: bold;
+}
+.infobox-image {
+    text-align: center;
+     padding: 6px 0;
+     background: #1b1b1b;
+}
+/* Templates ItemFlexList and ItemLinkBox */
+/* Flex container */
+.dxx-item-flexlist {
+    display: flex !important;
+    flex-wrap: wrap;
+    justify-content: space-around;  /* spread items across each row */
+    row-gap: 12px;                   /* vertical gap between rows */
+}
+/* Each tile */
+.dxx-item-flexlist > .dxx-item-linkbox {
+    box-sizing: border-box;
+    flex: 1 0 140px;     /* base 140px, can grow to share extra space */
+    max-width: 180px;    /* don't let tiles get ridiculously wide */
 }
-.navbox.dxx-navbox .dxx-navbox-list li {
+/* Visual styling (as you already had) */
-     display: inline;
+.dxx-item-linkbox {
-     margin-right: 0.35em;
+    margin: 0;
+    padding: 7px 5px;
+    text-align: center;
+     background: #141414;
+     border-radius: 7px;
+    border: 1px solid #444;
 }
-.navbox.dxx-navbox .dxx-navbox-list li + li::before {
+.dxx-item-linkbox img {
-     content: " • ";
+     display: block;
-     margin-right: 0.35em;
+     margin: 0 auto 4px;
 }
-/* 🔹 Hide any header/group/list cells that are completely empty
+.dxx-item-linkbox-name {
-   (i.e. when headerN/groupN/listN were not set in the template). */
+    display: block;
-.dxx-navbox-header:empty,
+    margin-top: 4px;
-.dxx-navbox-group:empty,
+     white-space: nowrap;        /* no wrapping */
-.dxx-navbox-list:empty {
+     overflow: hidden;           /* clip if too long */
-     display: none;
+     text-overflow: ellipsis;    /* optional: "…" on overflow */
-     padding: 0;
-     border: 0;
 }