Jump to content

Template:Infobox/styles.css

From Spike Wiki
Revision as of 23:48, 14 September 2025 by >Kypho (Created page with "Spike Wiki – Infobox (TemplateStyles): .infobox{ float:right; max-width:340px; background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:12px; margin:0 0 12px 16px; font-size:14px; box-shadow:0 1px 0 rgba(0,0,0,.02) } .infobox .ib-title{font-weight:600;font-size:18px;margin:4px 0 8px} .infobox .ib-img{margin:6px 0;border-radius:10px;overflow:hidden} .infobox .ib-row{ display:flex; justify-content:space-between; gap:12px; padding:6px 0; borde...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
/* Spike Wiki – Infobox (TemplateStyles) */
.infobox{
  float:right; max-width:340px; background:#fff; border:1px solid #e5e7eb;
  border-radius:12px; padding:12px; margin:0 0 12px 16px; font-size:14px;
  box-shadow:0 1px 0 rgba(0,0,0,.02)
}
.infobox .ib-title{font-weight:600;font-size:18px;margin:4px 0 8px}
.infobox .ib-img{margin:6px 0;border-radius:10px;overflow:hidden}
.infobox .ib-row{
  display:flex; justify-content:space-between; gap:12px;
  padding:6px 0; border-top:1px solid #f1f5f9; line-height:1.35
}
.infobox .ib-label{color:#64748b;white-space:nowrap}
.infobox a{ text-decoration:none }
.infobox a:hover{ text-decoration:underline }

/* Minerva / narrow screens: stack and remove float */
@media (max-width: 900px){
  .infobox{ float:none; max-width:100%; margin:0 0 12px 0 }
}