MediaWiki:Gadget-tournamentDisplay.css

/* Teams vs align */ .vs-align-left .team-object, .vs-align-right .team-object { display:inline-flex; align-items:baseline; gap:2px; }

.vs-align-left .team-object { flex-direction:row-reverse; }

.vs-align-left .team-object img, .vs-align-right .team-object img { align-self:center; }

/* chrome needs this because reasons */ .vs-align-outer .team { display:flex; }

/* start standings */ table.standings { text-align:center; margin-top:0px; white-space:nowrap; }

.standings-place { font-weight:bold; }

.standings-team { text-align:left; }

td.standings-clinch-up, .standings-clinch-up .standings-team .teamname, .standings-clinch-up .timeline-score { text-decoration:underline; }

td.standings-clinch-down, .standings-clinch-down .standings-team .teamname, .standings-clinch-down .timeline-score { text-decoration:overline; }

.timeline-score { white-space:nowrap; }

/* end standings */

/* start legends */ .legend-header { text-align:center; width:250px; font-weight:bold; }

.legend-table { text-align:center; width:100%; color:var(--body-text-color); background: var(--interface-background); border: 1px solid var(--table-border); border-radius: 3px; box-shadow: 0.25em 0.25em 2px var(--box-shadow-color); } .legend-icon.popup-button .popup-content-inner { z-index: 101; } /* end legends */

/* start circuitpoints */ table.wikitable.circuitpoints > * > tr > th { color:var(--zebra-heading-text); background-color:var(--zebra-heading-background); }

.circuitpoints > * > tr > th > a { color:var(--zebra-heading-text); }

.circuitpoints { text-align:center; }

.circuitpoints-team { text-align:left; } /* end circuitpoints */

/* matchlist */

.matchlist-tab-wrapper { display:inline-block; vertical-align:top; }

table.matchlist { text-align:center; margin: 1em 1em 1em 0; }

.matchlist-winner-team { font-weight:bold; background-color:var(--color-up); }

.matchlist-winner-score { font-weight:bold; background-color:var(--color-up); }

.matchlist-tied-team { background-color:var(--color-stay); font-weight:bold; }

.matchlist-tied-score { background-color:var(--color-stay); font-weight:bold; }

.matchlist-team1 { text-align:right; }

.matchlist-team2 { text-align:left; }

.matchlist .matchlist-date { padding-top:1px; padding-bottom:1px; font-size:80%; }

padding-left:0; padding-right:0; }
 * 1) matchlist td.matchlist-time-cell,
 * 2) matchlist td.matchlist-score {

.prizepool-currency-hidden, .matchlist-rs-hidden, .matches-hiddentab, .matchlist-results-hidden { display:none!important; }

.matchlist-toggler-results { color:var(--link); cursor:pointer; }

.matchlist-toggler-results.active { color:var(--body-text-color); cursor:default; font-weight:bold; }

margin-top:-40px; }
 * 1) matchlist .toggler-eyes {

.matchlist-daterange { font-style:italic; }

table.matchlist > * > tr.matchlist-newday > td { border-bottom:4px solid var(--table-border); }

.matchlist-streamlink-icon::before { font-family:"FontAwesome"; content:"\f04b"; }

.matchlist-flex .matchlist-team1 .teamname, .matchlist-flex .matchlist-team2 .teamname, .ambox .matchlist-flex { text-decoration: underline; font-style: italic !important; font-weight: bold; }

.matchlist-patch-number + .matchlist-patch-disabled { margin-left:.25em; }

.popup-button-matchlist .table-header-showhide { display:none; }

.popup-button-matchlist .matchlist { margin:0; }

.teamimage-left, .teamimage-right { display:inline-flex; align-items:center; }

/* end matchlist */

/* mvp-standings */

table + table.mvp-standings-more, .ooui-theme-fandomooui table.mvp-standings-more, .article-table-wrapper table.mvp-standings-more { margin-top:-15px; }

table.mvp-standings, table.mvp-standings td, table.mvp-standings th { box-sizing: border-box; }

table.mvp-standings-more, table.mvp-standings-more td, table.mvp-standings-more th { box-sizing: border-box; }

/* end mvp standings */

/* crossbox */ .crossbox-outer { overflow:auto; }

.crossbox-firstcol { position:sticky; left:0; background-clip: padding-box; z-index:1; }

table.crossbox { text-align:center; margin-top:0px; }

.crossbox-teamvs { opacity:.7; width:60px; }

.crossbox-mirror { background-color:var(--color-crossbox-neutral); }

.crossbox-total { font-weight:bold; text-align:center; background-color:var(--table-header); width:60px; white-space:nowrap; }

.crossbox-toggler { font-weight:bold; }

.crossbox-match-link a:before { content: '\f14c'; font-family: 'FontAwesome'; }

.crossbox-win { background-color:var(--color-winner); }

.crossbox-loss { background-color:var(--color-loser); }

.crossbox-draw { background-color:var(--color-draw); }

.crossbox-total-win { background-color:var(--color-winner-dark); }

.crossbox-total-loss { background-color:var(--color-loser-dark); }

.crossbox-total-draw { background-color:var(--color-draw-dark); }

.crossbox-cell { white-space: nowrap; }

/* end crossbox */

/* start timelines */ .timeline-section table.timeline { border-width:2px; display:inline-table; text-align:center; box-sizing: border-box; margin:0px 0px 8px -2px; }

.timeline .timeline-place, .timeline .timeline-team { padding-left:0; padding-right:0; }

.timeline-place { font-weight:bold; width:1em; }

.timeline .stat-diff { padding-left:0; padding-right:0; }

.timeline-toggler { font-weight:bold; }

.timeline-recordwithpoints { width:5em; padding-left:0; padding-right:0; }

.timeline-points { width:1.5em; }

.timeline-record { width:3em; }

/* End timelines */

/* Match Details */ .md-winner { background-color:var(--color-up); font-weight:bold; }

.md-table { white-space:nowrap; }

.written-summary-outer { width:30em; }

.written-summary-inner { padding:.5em; max-width:100%; white-space:normal; overflow-y: auto; }

/* End Match Details */

/* Start pools */ .pools { display:table; }

.tournament-rosters.maxteams-3, .pools.maxteams-3 .pool-participants { max-width: 600px; }

.tournament-rosters.maxteams-4, .pools.maxteams-4 .pool-participants { max-width: 700px; }

.tournament-rosters.maxteams-5, .pools.maxteams-5 .pool-participants { max-width: 900px; }

.tournament-rosters.maxteams-6, .pools.maxteams-6 .pool-participants { max-width: 1010px; }

.tournament-rosters.maxteams-7, .pools.maxteams-7 .pool-participants { max-width: 1180px; }

.tournament-rosters.maxteams-8, .pools.maxteams-8 .pool-participants { max-width: 1350px; }

.pool { border: 1px dashed var(--strong-border-color); margin-bottom:.5em; border-radius:1em; }

.rotated-text { width: 1em; position:relative; vertical-align:middle; } .rotated-text-inner { width:100%; position:absolute; transform:rotate(-90deg); white-space:nowrap; left:0; } .pool .rotated-text { display: table-cell; font-size:2em; padding-left:.5em; font-weight:bold; } .pool-participants { display: table-cell; } /* End pools */

/* Pick-ban history */

/* the min-content width is needed for the column show-hide labels */ margin-right:15px; display:inline-block; max-width:calc(100% - 70px); width: min-content; }
 * 1) pbh-outer {

/* Main table */

text-align:center; white-space:nowrap; margin-right:0; }
 * 1) pbh-table {

table.wikitable > * > tr > td.pbh-ban { opacity:.75; }

table.wikitable > * > tr > td.pbh-blue { background-color:var(--color-mhside1); }

table.wikitable > * > tr > td.pbh-red { background-color:var(--color-mhside2); }

table.wikitable > * > tr > td.pbh-winner { font-weight:bold; background-color:var(--color-up); }

/* cn is short for pbh-champion */ .pbh-cn .sprite.champion-sprite { height:25px; width:25px; }

.pbh-tournament { text-align:left; }

/* toolbox */

display:inline-block; position:-webkit-sticky; position:sticky; vertical-align:top; top:calc(10px + var(--sticky-header-height)); margin-top:13px; }
 * 1) pbh-setcolor-box {

cursor:pointer; width:20px; height:20px; text-align:center; border: 1px solid #a2a9b1; }
 * 1) pbh-setcolor-box > div {

content:"\f12d"; font-family:FontAwesome; }
 * 1) pbh-remove::after {

content:"\f00d"; font-family:FontAwesome; }
 * 1) pbh-removeall::after {

content:"\f0e2"; font-family:FontAwesome; }
 * 1) pbh-undo:after {

.pbh-current-tool { outline: 3px solid #000; border: 1px solid #000!important; }

.pbh-divider { border-right: 5px solid var(--table-border) !important; }

/* end pick-ban history */

/* spoiler-free schedule */

.sfs-date1 { text-decoration:underline; }

.sfs-date2 { font-style:italic; }

.sfs-tbd { text-align:center; }

table.wikitable > * > tr > td.upcoming-matches-match { padding-left:1em; padding-right:1em; }

/* end spoiler-free schedule */

/* extended rosters */ .extended-rosters { table-layout:fixed; }

.extended-rosters-id { font-weight:bold; }

.extended-rosters th, .extended-rosters td { background-clip: padding-box!important; }

.extended-rosters th.extended-rosters-res, .extended-rosters th.extended-rosters-country, .extended-rosters th.extended-rosters-role, .extended-rosters th.extended-rosters-round { padding-left:0!important; padding-right:0!important; }

th.extended-rosters-res { width:26px; }

th.extended-rosters-country { width:28px; }

th.extended-rosters-role { width:27px; }

/* These selectors are ridiculous because of a bad rule in FandomDesktop styling that's also incredibly specific. I didn't want to !important the position:sticky; so... */ .wide-content-scroll .extended-rosters.wikitable .extended-rosters-res, .wide-content-scroll .extended-rosters.wikitable .extended-rosters-country, .wide-content-scroll .extended-rosters.wikitable .extended-rosters-role, .wide-content-scroll .extended-rosters.wikitable .extended-rosters-id { position:sticky; background-clip: padding-box; background-color:var(--table-background); z-index:1; }

.extended-rosters-res { left:0; }

.extended-rosters-country { left:26px; }

.extended-rosters-role { left:54px; }

.extended-rosters-id { left:81px; }

.extended-rosters-nores .extended-rosters-country { left:0; }

.extended-rosters-nores .extended-rosters-role { left:26px; }

.extended-rosters-nores .extended-rosters-id { left:55px; }

.extended-rosters-name, .extended-rosters-id, .extended-rosters-round { white-space:nowrap; }

.extended-rosters-round { text-align:center; }

/* end extended rosters */

/* start trl */

.tournament-results { text-align:center; }

.tournament-results-place { font-weight:bold; }

.tournament-results-player, .tournament-results-team { text-align:left; }

.toggle-button + .tournament-results { margin-top:0; }

/* end trl */

/* Picks and Bans classes */

/* flex champion objects in picks and bans */ .pb .champion-object { display:inline-flex; }

.pb .markup-object .sprite { align-self:center; }

.pb .team-object { font-weight:bold; }

@supports (gap: 3px) { .pb .champion-object { gap:3px; }   /* override the normal margin-right rule that we have in regular markup-object land */ .pb .champion-object .sprite.champion-sprite { margin-right:0; } }

.pb-blue .champion-object { flex-direction:row-reverse; } /* end flex champion objects in picks and bans */

.wikitable .pb-ban { background-color:var(--color-red); font-weight:700; }

.wikitable .pb-pick { background-color:var(--color-green); font-weight:700; }

.wikitable .pb-blue { text-align:right; padding-left:0; }

.wikitable .pb-red { text-align:left; padding-right:0; }

.wikitable .pb-border { border-bottom:4px solid var(--table-border-emphasized); }

.pb { width:320px; table-layout:fixed; text-align:center; }

.pb-winner { background-color:var(--color-green); }

table.wikitable.pb-game-2 { margin-top:-14px; }

.pb-day-label + .pb { margin-top:1px; }

/* End picks and bans classes */

/* compress in featured leagues box*/ .fl-content-inner-container .standings-outer-div{ display: inline-block; width: 100%; padding:0 0.5em; box-sizing: border-box } .fl-content-inner-container .standings-outer-div .standings{ width:100%; } @media screen and (min-width:415px){ .fl-content-inner-container .standings-outer-div{ min-width:22em; width:50%; } } /* end featured leagues box */

.seasonaward-team-and-player { white-space:nowrap; }

.diff-up { color:green; }

.diff-down { color:red; }

.diff-neutral { font-size:10px; font-weight:bold; }

table.wikitable.spstats:not(.nested-table) { text-align:center; margin-bottom:0.25em; }

.spstats-player, .spstats-subject { text-align:left; }

.spstats-bold { font-weight:bold; }

.mhgame, .mhplayer { font-size:90%; }

.mhgame-headings, .mhplayer-headings { font-size:80%; }

.mhgame-bans, .mhplayer-championvs { opacity:.7; }

.mhplayer-winner, .mhgame-winner { background-color:var(--color-winner); }

/* .mhplayer-winner, .mhgame-winner { font-weight:bold; font-style:italic; } */

.mhgame-blue { background-color:var(--color-mhside1); }

.mhgame-red { background-color:var(--color-mhside2); }

.mhplayer-loser, .mhgame-loser { background-color:var(--color-mhgame-loser); }

.perfectgames .mhgame-winner .mhgame-result { background-color:transparent; }

.mhplayer-record-kills .mhplayer-k, .mhplayer-record-deaths .mhplayer-d, .mhplayer-record-assists .mhplayer-a, .mhplayer-record-cs .mhplayer-cs, .mhplayer-record-gold .mhplayer-g { font-weight:bold; }

.mhgame-record-length .mhgame-len { font-weight:bold; }

.mhgame-thth-outer { display:flex; }

.mhgame-thth-team1, .mhgame-thth-team2 { flex-basis:50%; }

.mhgame-thth-team1 { background-color:var(--color-up); }

.mhgame-thth-team2 { background-color:var(--color-mhside1); }

.spstats td, .mhgame td, .mhplayer td { white-space:nowrap; }

/* tournament rosters start */

table.tournament-roster { margin-top: 2px; width: 150px; }

.tournament-roster-caption { font-weight: 700; }

.tournament-roster-header { line-height: 130%; font-size: 80%; padding: 0; }

.tournament-roster-logo-cell { text-align: center; line-height: 133px; width: 150px; padding: 0 3px; }

.tournament-roster-role { height: 0; overflow: visible; position: relative; z-index: 98; opacity: 0.5; float: right; }

.tournament-roster-player { position: relative; z-index: 99; }

/* tournament rosters end */

.point-system { text-align:center; }

table.point-system > * > tr > th { color:var(--zebra-heading-text); background-color:var(--zebra-heading-background); }

/* prospective participant timeline qualification classes */ .qualifiedToEvent { border: solid 1px black; display: inline-block; }

td > .qualifiedToEvent { width: 100%; }

.qualifiedToMainEvent { border: solid 1px black; display: inline-block; font-weight: bold; font-style: italic; }

td > .qualifiedToMainEvent { width: 100%; } /* end prospective participant timeline qualification classes */

/* RedX and GreenCheck for Extended Roster Line */

div.redx { display: inline-block; width:14px; height:10px; background-image: var(--red-x); background-repeat:no-repeat; background-position: center; }

div.greencheck { display: inline-block; width: 14px; height:10px; background-image: var(--green-check); background-repeat:no-repeat; background-position: center; }

/* End RedX and GreenCheck */

.as-thousands::after { content:'k'; }

.runedata-header th { position: sticky; top: 0; background-clip: padding-box; }

.skin-fandomdesktop .runedata-header th { top: var(--sticky-header-height); }

/* most-recent-game styles */

.recentgame-wrapper + div > table { margin-top:0; }

.recentgame-wrapper { margin-bottom:.2em; }

.recentgame { display:flex; }

.recentgame-team-1, .recentgame-team-2 { display:flex; }

.recentgame-team-1 { margin-right:.3em; }

.recentgame-team-2 { flex-direction:row-reverse; margin-left:.3em; }

.recentgame-champions, .recentgame-team { display:flex; }

.recentgame-team-1 .recentgame-team { display:flex; flex-direction:row-reverse; }

.recentgame-team-1 .recentgame-team { margin-left:.3em; }

.recentgame-team-2 .recentgame-team { margin-right:.3em; }

.recentgame-winner { border: 3px solid var(--color-winner-dark); }

/* end most-recent-game styles */

/* distribution stuff */

.distribution-cell, .distribution-heading { font-weight:bold; text-align:center; }

/* unofficial world championship belt */

.uwc-date { text-align: center; white-space: nowrap; }