MediaWiki:Common.css: Difference between revisions

← Older edit

@@ Line 78: / Line 78: @@
 }
-/* Kill the big gap created by stray <p> and <br> between navboxes */
+/* Completely eliminate empty <p> and <p><br></p> spacing between stacked navboxes */
+.mw-parser-output .navbox.dxx-navbox + p,
+.mw-parser-output .navbox.dxx-navbox + p + p,
+.mw-parser-output .navbox.dxx-navbox + p + p + p {
+    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 */
+}
-/* Any paragraph directly after a navbox: no margin */
+/* Visual styling (as you already had) */
-.mw-parser-output .navbox.dxx-navbox + p {
+.dxx-item-linkbox {
-     margin-top: 0;
+     margin: 0;
-     margin-bottom: 0;
+    padding: 7px 5px;
+    text-align: center;
+    background: #141414;
+     border-radius: 7px;
+    border: 1px solid #444;
 }
-/* Hide lone <br> inside that paragraph */
+.dxx-item-linkbox img {
-.mw-parser-output .navbox.dxx-navbox + p > br {
+     display: block;
-     display: none;
+    margin: 0 auto 4px;
 }
-/* And if there is a second paragraph after that, kill its margin too */
+.dxx-item-linkbox-name {
-.mw-parser-output .navbox.dxx-navbox + p + p {
+    display: block;
-     margin-top: 0;
+     margin-top: 4px;
-     margin-bottom: 0;
+     white-space: nowrap;        /* no wrapping */
+    overflow: hidden;           /* clip if too long */
+    text-overflow: ellipsis;    /* optional: "…" on overflow */
 }