Toggle search
Toggle menu
115
248
25
2.7K
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

Template:PatchHighlights/styles.css: Difference between revisions

Template page
More actions
← Older editNewer edit →
No edit summary
No edit summary
Tags: Mobile edit Mobile web edit
Line 1: Line 1:
/* outer padding inside the table cell */
/* Template:PatchHighlights/styles.css
.sv-highlights-pad{padding:.75rem}
TemplateStyles-safe (NO var()) */
 
.sv-ph-wrap{width:100%;max-width:700px;margin:1em auto}
/* grid: fixed cols; rtl so newest appears leftmost while preserving source order */
.sv-ph-head{text-align:center;font-weight:800;padding:10px 12px;margin:10px}
.sv-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;align-items:start;width:100%;direction:rtl}
.sv-ph-pad{padding:.75rem}
 
.sv-ph-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;align-items:start;width:100%;direction:rtl}
/* empty state */
.sv-ph-empty{grid-column:1/-1;opacity:.75;text-align:center;padding:1rem;direction:ltr}
.sv-empty{grid-column:1/-1;opacity:.75;text-align:center;padding:1rem;direction:ltr}
.sv-ph-item{text-align:left;direction:ltr;padding:1rem 1.1rem .85rem;min-width:0;word-break:break-word}
 
.sv-ph-item__title{font-size:1.25em;font-weight:800;line-height:1.2;margin:-.1em 0 .35em 0}
/* remove duplicate chrome; table provides border/radius/shadow */
.sv-ph-item__date{margin:.1em 0;font-size:.85em;font-style:italic;opacity:.9}
.sv-highlights-wrap{border:0;border-radius:0;padding:0;background:transparent}
.sv-ph-item__blurb{font-size:.92em;line-height:1.65em;margin:.35em 0 0 0;opacity:.95}
 
.sv-ph-item__divider{height:1px;margin:.35rem 0 .55rem 0;background:rgba(0,0,0,0.18)}
/* card */
.skin-theme-clientpref-night .sv-ph-item__divider{background:rgba(255,255,255,0.16)}
.sv-card{text-align:left;padding:1rem 1.5rem .75rem;direction:ltr;border-radius:8px;min-width:0;word-wrap:break-word}
@media (prefers-color-scheme:dark){.skin-theme-clientpref-os .sv-ph-item__divider{background:rgba(255,255,255,0.16)}}
 
@media (prefers-color-scheme:light){.skin-theme-clientpref-os .sv-ph-item__divider{background:rgba(0,0,0,0.18)}}
/* bits */
@media (max-width:1024px){.sv-ph-grid{grid-template-columns:repeat(2,1fr)}.sv-ph-grid>.sv-ph-item:nth-of-type(n+3){display:none}}
.sv-card__title{font-size:1.4em;font-weight:700;line-height:1.2;margin:-.2em 0 .3em 0}
@media (max-width:640px){.sv-ph-grid{grid-template-columns:1fr;direction:ltr}.sv-ph-grid>.sv-ph-item:nth-of-type(n+2){display:none}}
.sv-card__divider{height:1px;background:rgba(55,43,84,.25);margin:.35rem 0 .5rem 0}
.sv-card__date{margin:.1em 0;font-size:.85em;font-style:italic;color:var(--text-color)}
.sv-card__blurb{font-size:.9em;line-height:1.75em;color:var(--text-color);margin:.3em 0 0 0}
 
/* tablet: 2 cols, hide 3rd+ */
@media (max-width:1024px){
  .sv-highlights{grid-template-columns:repeat(2,1fr)}
  .sv-highlights>.sv-card:nth-of-type(n+3){display:none}
}
 
/* mobile: 1 col, show newest only and restore LTR */
@media (max-width:640px){
  .sv-highlights{grid-template-columns:1fr;direction:ltr}
  .sv-highlights>.sv-card:nth-of-type(n+2){display:none}
}
Retrieved from "https://spiritvale.info/wiki/Template:PatchHighlights/styles.css"