MediaWiki:Common.css: Difference between revisions

← Older edit Newer edit →

@@ Line 255: / Line 255: @@
 /* Mobile: full width */
+@media (max-width: 480px) {
+    table.spiritvale-passive-infobox {
+        width: 100%;
+        max-width: 100%;
+    }
+}
+/* ============================================================
+   SpiritVale: Passives – consistent tooltip width + no wrapper outline
+   (Place at VERY BOTTOM so it wins)
+   ========================================================== */
+:root {
+    /* Pick your final tooltip width here */
+    --sv-passive-width: 380px;
+}
+/* Exact same width for every passive box */
+table.spiritvale-passive-infobox {
+    width: var(--sv-passive-width);
+    max-width: 100%;
+    margin: 1em auto;
+    /* Keep layout stable and wrapping predictable */
+    table-layout: fixed;
+}
+/* If the skin wraps tables in a “scroll/overflow” container,
+   remove the container outline ONLY for passive lists. */
+.spiritvale-passive-list .mw-table-wrapper,
+.spiritvale-passive-list .table-overflow,
+.spiritvale-passive-list .table-scroll,
+.spiritvale-passive-list .citizen-table {
+    border: none !important;
+    box-shadow: none !important;
+    background: transparent !important;
+    padding: 0 !important;
+    margin: 0 !important;
+}
+/* Keep your “center everything” rule for body rows */
+table.spiritvale-passive-infobox tbody tr:not(.spiritvale-infobox-main) th,
+table.spiritvale-passive-infobox tbody tr:not(.spiritvale-infobox-main) td {
+    text-align: center;
+    vertical-align: middle;
+    white-space: normal;
+    overflow-wrap: anywhere;
+    word-break: break-word;
+}
+/* Mobile: still consistent (all are full width on small screens) */
 @media (max-width: 480px) {
      table.spiritvale-passive-infobox {