Spike Wiki

Template:Tournament/styles.css: Difference between revisions

Maintenance script (talk | contribs)
1,381 edits
>Kypho
Created page with "→Chip nav for divisions: .chips{ display:flex; flex-wrap:wrap; gap:6px; margin:6px 0 10px } .chip{ display:inline-block; padding:3px 10px; border-radius:999px; background:#eef2ff; font-size:13px } .chip a{ text-decoration:none } .chip a:hover{ text-decoration:underline } →Tighter section spacing: #content h2 { margin-top: 1.1em; }"
 
Make tournament header render as clear infobox
 
(5 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* Chip nav for divisions */
.mw-parser-output .infobox-tournament {
.chips{ display:flex; flex-wrap:wrap; gap:6px; margin:6px 0 10px }
  float: right;
.chip{ display:inline-block; padding:3px 10px; border-radius:999px; background:#eef2ff; font-size:13px }
  clear: right;
.chip a{ text-decoration:none }
  width: 22em;
.chip a:hover{ text-decoration:underline }
  max-width: 100%;
  margin: 0 0 1em 1.4em;
  border: 1px solid #a2a9b1;
  background: #f8f9fa;
}


/* Tighter section spacing */
.mw-parser-output .infobox-tournament .infobox-title {
#content h2 { margin-top: 1.1em; }
  background: #cedff2;
  text-align: center;
}
 
.mw-parser-output .infobox-tournament .infobox-image,
.mw-parser-output .infobox-tournament .infobox-caption,
.mw-parser-output .infobox-tournament td {
  background: #ffffff;
}
 
.mw-parser-output .infobox-tournament th,
.mw-parser-output .infobox-tournament td {
  border-color: #a2a9b1;
}
 
.mw-parser-output .infobox-tournament th {
  width: 34%;
}
 
@media (max-width: 980px) {
  .mw-parser-output .infobox-tournament {
    float: none;
    width: 100%;
    margin: 0 0 1em;
  }
}
Retrieved from "https://spikewiki.com/wiki/Template:Tournament/styles.css"