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
Line 262: Line 262:
}
}


/* 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;
     }
     }


     /* Force table-cell to defeat any responsive-table stacking behavior */
     body.skin-citizen table.spiritvale-passive-infobox > tbody {
     table.spiritvale-passive-infobox > tbody > tr.spiritvale-infobox-main > th,
        display: table-row-group !important;
     table.spiritvale-passive-infobox > tbody > tr.spiritvale-infobox-main > td {
     }
 
    body.skin-citizen table.spiritvale-passive-infobox > tbody > tr.spiritvale-infobox-main {
        display: table-row !important;
    }
 
    body.skin-citizen table.spiritvale-passive-infobox > tbody > tr.spiritvale-infobox-main > th,
     body.skin-citizen 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"