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 913: Line 913:
     margin: 1em auto;
     margin: 1em auto;
     table-layout: fixed;
     table-layout: fixed;
}
table.spiritvale-passive-infobox tr.sv-slot-row > td.sv-slot-cell {
    padding: 0 !important;
    background: var(--sv-base) !important;
    color: #fff;
}
table.spiritvale-passive-infobox .sv-slot-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row dense;
    gap: 0.55em;
    width: 100%;
    box-sizing: border-box;
    background: var(--sv-base);
    padding: 0.80em;
}
table.spiritvale-passive-infobox .sv-slot-grid > .sv-slot.sv-slot--full {
    grid-column: 1 / -1;
}
table.spiritvale-passive-infobox .sv-slot {
    min-width: 0;
    display: flex;
    box-sizing: border-box;
    background: var(--sv-surface) !important;
    color: #fff !important;
    border: 1px solid var(--sv-gridline);
    border-radius: 8px;
}
table.spiritvale-passive-infobox .sv-slot__body {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 0.85em;
    box-sizing: border-box;
}
table.spiritvale-passive-infobox .module-level-selector .sv-level-ui {
    width: 90%;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 0.3em;
}
table.spiritvale-passive-infobox .module-level-selector .sv-level-label {
    font-weight: 600;
}
table.spiritvale-passive-infobox .module-level-selector .sv-level-slider input[type="range"] {
    width: 90%;
    box-sizing: border-box;
    margin: 0;
}
table.spiritvale-passive-infobox .module-level-selector .sv-level-ui-single .sv-level-slider-single {
    min-height: 0.45em;
}
}


table.spiritvale-passive-infobox .module-passive-effects .sv-passive-effects {
table.spiritvale-passive-infobox .module-passive-effects .sv-passive-effects {
     width: 100%;
     width: 100%;
    display: block;
}
}


Line 932: Line 997:
table.spiritvale-passive-infobox .module-passive-effects .sv-pe-row {
table.spiritvale-passive-infobox .module-passive-effects .sv-pe-row {
     display: grid;
     display: grid;
     grid-template-columns: 1fr 1fr;
     grid-template-columns: minmax(9em, 1fr) minmax(6em, 1fr);
     gap: 0.35em;
     gap: 0.45em 0.70em;
     align-items: center;
     align-items: center;
     padding: 0.45em 0.65em;
    justify-items: stretch;
     padding: 0.55em 0.85em;
}
}


Line 946: Line 1,012:
     text-align: left;
     text-align: left;
     text-transform: none;
     text-transform: none;
    letter-spacing: 0.01em;
    opacity: 0.95;
}
}


Line 953: Line 1,021:
     overflow-wrap: anywhere;
     overflow-wrap: anywhere;
     word-break: break-word;
     word-break: break-word;
    font-size: 1.02em;
}
}


@media (max-width: 560px) {
@media (max-width: 560px) {
    table.spiritvale-passive-infobox .sv-slot-grid {
        grid-template-columns: 1fr;
        gap: 0.50em;
        padding: 0.70em;
    }
     table.spiritvale-passive-infobox .module-passive-effects .sv-pe-row {
     table.spiritvale-passive-infobox .module-passive-effects .sv-pe-row {
         grid-template-columns: 1fr;
         grid-template-columns: 1fr;
         text-align: center;
         text-align: center;
        align-items: stretch;
        justify-items: center;
        row-gap: 0.25em;
     }
     }