Toggle menu
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
No edit summary
No edit summary
Line 1: Line 1:
/* ============================================================
/* ============================================================
   SpiritVale Wiki – Site CSS
   SpiritVale Wiki – Site CSS
   ============================================================ */
   ============================================================ */
Line 414: Line 414:
     height: 16px;
     height: 16px;
     border-radius: 999px;
     border-radius: 999px;
     display: block;
     display: inline-flex;
     line-height: 16px;
    align-items: center;
    justify-content: center;
     line-height: 1;
     text-align: center;
     text-align: center;
     font-weight: 800;
     font-weight: 800;
Line 436: Line 438:
     transform: none;
     transform: none;
     margin-right: 6px;
     margin-right: 6px;
    margin-bottom: 4px;
    align-self: flex-start;
}
}
.module-icon-name .sv-pill--req {
.module-icon-name .sv-pill--req {
     display: inline-flex;
     display: inline-flex;
     align-items: center;
     align-items: center;
    gap: 6px;
}
     padding: 2px 8px;
 
     border-radius: 999px;
.sv-pill--req::after {
     font-size: 12px;
     content: " ▼";
    line-height: 1.4;
     font-weight: normal;
    border: 1px solid rgba(255,255,255,.12);
     font-size: 0.8em;
    background: rgba(255,255,255,.06);
}
}


Line 470: Line 473:
   - Desktop pills shrink (width:auto)
   - Desktop pills shrink (width:auto)
   - Mobile keeps its own padding overrides below */
   - Mobile keeps its own padding overrides below */
table.spiritvale-skill-infobox :where(.sv-type-label, .sv-source-pill, .sv-m4-label, .sv-sm-label, .sv-sm-flag) {
table.spiritvale-skill-infobox :where(.sv-type-label, .sv-source-pill, .sv-m4-label, .sv-sm-label, .sv-sm-flag, .sv-pill, .sv-pill--req) {
     width: auto;
     width: auto;
     display: inline-block;
     display: inline-block;
Line 806: Line 809:


     /* Pills shrink by width (not font size) */
     /* Pills shrink by width (not font size) */
    table.spiritvale-skill-infobox :where(.sv-type-label, .sv-source-pill, .sv-m4-label, .sv-sm-label, .sv-sm-flag) {
table.spiritvale-skill-infobox :where(.sv-type-label, .sv-source-pill, .sv-m4-label, .sv-sm-label, .sv-sm-flag, .sv-pill, .sv-pill--req) {
         width: auto !important;
         width: auto !important;
         display: inline-block !important;
         display: inline-block !important;