Toggle search
Toggle menu
110
215
16
2K
SpiritVale Wiki
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Join the Playtest on Steam Now: SpiritVale

MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
More actions
← Older editNewer edit →
No edit summary
No edit summary
(3 intermediate revisions by the same user not shown)
Line 193: Line 193:
   ========================================================== */
   ========================================================== */


:root {
/* Desktop tooltip width knob */
    --sv-passive-width: 360px; /* one knob */
:root { --sv-passive-width: 540px; }
}


/* Consistent tooltip footprint for ALL passives (desktop) */
/* Consistent tooltip footprint for ALL passives (desktop) */
table.spiritvale-passive-infobox {
table.spiritvale-passive-infobox {
     width: var(--sv-passive-width);
     width: var(--sv-passive-width);
     max-width: 100%;
     max-width: var(--sv-passive-width); /* <-- important: makes desktop actually widen */
     margin: 1em auto;
     margin: 1em auto;
     table-layout: fixed;
     table-layout: fixed;
Line 262: Line 261:
}
}


/* Mobile: full width, KEEP hero row side-by-side, allow it to grow taller */
/* Mobile / portrait / small tablets (Citizen): keep hero row side-by-side */
@media (max-width: 480px) {
@media (max-width: 768px) {
     table.spiritvale-passive-infobox {
     body.skin-citizen table.spiritvale-passive-infobox {
         width: 100%;
         width: 100%;
         max-width: 100%;
         max-width: 100%;
        display: table !important;
    }
    body.skin-citizen table.spiritvale-passive-infobox > tbody {
        display: table-row-group !important;
    }
    body.skin-citizen table.spiritvale-passive-infobox > tbody > tr.spiritvale-infobox-main {
        display: table-row !important;
     }
     }


     /* Force table-cell to defeat any responsive-table stacking behavior */
     body.skin-citizen table.spiritvale-passive-infobox > tbody > tr.spiritvale-infobox-main > th,
    table.spiritvale-passive-infobox > tbody > tr.spiritvale-infobox-main > th,
     body.skin-citizen table.spiritvale-passive-infobox > tbody > tr.spiritvale-infobox-main > td {
     table.spiritvale-passive-infobox > tbody > tr.spiritvale-infobox-main > td {
         display: table-cell !important;
         display: table-cell !important;
        float: none !important;
         box-sizing: border-box;
         box-sizing: border-box;
        vertical-align: middle;
         text-align: center;
         text-align: center;
         vertical-align: middle;
 
         white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
     }
     }


     /* Give the icon+name a bit more room so it doesn’t clip */
     body.skin-citizen table.spiritvale-passive-infobox > tbody > tr.spiritvale-infobox-main > th {
    table.spiritvale-passive-infobox > tbody > tr.spiritvale-infobox-main > th {
         width: 46% !important;
         width: 46% !important;
         padding: 0.75em 0.75em;
         padding: 0.75em 0.75em;
     }
     }
     table.spiritvale-passive-infobox > tbody > tr.spiritvale-infobox-main > td {
 
     body.skin-citizen table.spiritvale-passive-infobox > tbody > tr.spiritvale-infobox-main > td {
         width: 54% !important;
         width: 54% !important;
         padding: 0.75em 0.75em;
         padding: 0.75em 0.75em;
     }
     }


     /* Slightly smaller icon on phones */
     body.skin-citizen table.spiritvale-passive-infobox > tbody > tr.spiritvale-infobox-main > th .image img {
    table.spiritvale-passive-infobox > tbody > tr.spiritvale-infobox-main > th .image img {
         width: 64px !important;
         width: 64px !important;
         height: auto !important;
         height: auto !important;
     }
     }


     /* Ensure hero title/description wrap instead of overflowing */
     body.skin-citizen table.spiritvale-passive-infobox .spiritvale-infobox-title,
    table.spiritvale-passive-infobox .spiritvale-infobox-title,
     body.skin-citizen table.spiritvale-passive-infobox .spiritvale-infobox-description {
     table.spiritvale-passive-infobox .spiritvale-infobox-description {
         white-space: normal;
         white-space: normal;
         overflow-wrap: anywhere;
         overflow-wrap: anywhere;
Retrieved from "https://spiritvale.info/wiki/MediaWiki:Common.css"