MediaWiki:Common.css

/* ######################################################################## */ /* ### CSS placed here will be applied to all skins on the entire site. ### */ /* ######################################################################## */ /* */ @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 400; src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url("https://fonts.gstatic.com/s/robotocondensed/v16/ieVl2ZhZI2eCN5jzbjEETS9weq8-19K7DQk6YvM.woff2") format('woff2'); } @font-face { font-family: 'Roboto Condensed'; font-style: normal; font-weight: 700; src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url("https://fonts.gstatic.com/s/robotocondensed/v16/ieVi2ZhZI2eCN5jzbjEETS9weq8-32meGCQYb9lecyU.woff2") format('woff2'); } @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 500; src: local('Raleway Medium'), local('Raleway-Medium'), url("https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwN4rWqZPANqczVs.woff2") format('woff2'); } @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 700; src: local('Raleway Bold'), local('Raleway-Bold'), url("https://fonts.gstatic.com/s/raleway/v12/1Ptrg8zYS_SKggPNwJYtWqZPANqczVs.woff2") format('woff2'); } @font-face { font-family: 'Oxygen'; font-style: normal; font-weight: 400; src: local('Oxygen Regular'), local('Oxygen-Regular'), url("https://fonts.gstatic.com/s/oxygen/v7/2sDfZG1Wl4LcnbuKjk0mRUe0Aw.woff2") format('woff2'); } @font-face { font-family: 'Oxygen'; font-style: normal; font-weight: 700; src: local('Oxygen Bold'), local('Oxygen-Bold'), url("https://fonts.gstatic.com/s/oxygen/v7/2sDcZG1Wl4LcnbuCNWgzaGW5Kb8VZA.woff2") format('woff2'); } @font-face { font-family: 'Spectral'; font-style: normal; font-weight: 600; src: local('Spectral SemiBold'), local('Spectral-SemiBold'), url("https://fonts.gstatic.com/s/spectral/v4/rnCs-xNNww_2s0amA9vmtm3BafaPWnII.woff2") format('woff2'); } @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url("https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0bf8pkAg.woff2") format('woff2'); } @font-face { font-family: "FontAwesome"; font-weight: normal; font-style: normal; src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.7.0"); src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg"); } @font-face{ font-family: "FontAwesome 5"; font-style: normal; font-weight: 400; src: url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-regular-400.eot); src: url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"), url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-regular-400.woff2) format("woff2"), url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-regular-400.woff) format("woff"), url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-regular-400.ttf) format("truetype"), url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-regular-400.svg#fontawesome) format("svg"); } @font-face{ font-family: "FontAwesome 5"; font-style: normal; font-weight: 900; src: url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-solid-900.eot); src: url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"), url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-solid-900.woff2) format("woff2"), url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-solid-900.woff) format("woff"), url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-solid-900.ttf) format("truetype"), url(https://use.fontawesome.com/releases/v5.6.3/webfonts/fa-solid-900.svg#fontawesome) format("svg"); }

/*  */ .sprite.country-sprite, .sprite.flag-sprite { width: 16px; height: 11px; background-image:url(https://static.wikia.nocookie.net/ucp-internal-test-commons-esports/images/1/14/FlagSprite.png/revision/latest?cb=20200819101622); }

/* End Global Sync */

/* For elements which only display in the mobile view */

.mobileonly { display: none; }

.sprite.role-sprite { width: 23px; height: 23px; }

.sprite.league-sprite { width: 25px; height: 25px; background-image:url(https://static.wikia.nocookie.net/fifa_esports_gamepedia_en/images/1/16/LeagueSprite.png?version=20210513211135); }

/* End Sprites */

.tnl-sedate { float: left; min-width: 30%; max-height: 25px; }

/* Brackets */ .bracket { font-size: 11px; background: transparent; display: table; }

.bracket-column { float: left; position: relative; }

.bracket-header { border-radius: 2px; border: 1px solid var(--interface-border); padding: 2px 0; position: relative; left: 0; right: 0; line-height: 18px; margin-bottom: 20px; text-align: center; background: var(--interface-background); }

.bracket-header-oldschool { border: 1px solid var(--interface-border); padding: 2px 0; position: relative; left: 0; right: 0; line-height: 18px; margin-bottom: 20px; text-align: center; background: var(--interface-background); }

.bracket-cell-r1 { height: 36px; }

.bracket-cell-r2 { height: 72px; }

.bracket-cell-r3 { height: 144px; }

.bracket-cell-r4 { height: 288px; }

.bracket-cell-r5 { height: 576px; }

.bracket-cell-r6 { height: 1152px; }

.bracket-cell-r7 { height: 2304px; }

.bracket-cell-r1, .bracket-cell-r2, .bracket-cell-r3, .bracket-cell-r4, .bracket-cell-r5, .bracket-cell-r6, .bracket-cell-r7 { position: relative; }

.bracket-team-bottom, .bracket-team-top { border-radius: 0 0 2px 2px; border: solid var(--interface-border) 1px; position: absolute; padding: 1px; min-height: 20px; line-height: 18px; background: var(--interface-background); left: 0; right: 0; }

.bracket-team-bottom-oldschool, .bracket-team-top-oldschool { border: solid var(--interface-border) 1px; position: absolute; padding: 1px; min-height: 20px; line-height: 18px; background: var(--interface-background); left: 0; right: 0; }

.bracket-team-top { bottom: 0; border-radius: 2px 2px 0 0; }

.bracket-team-top-oldschool { bottom: 0; }

.bracket-score { text-align: center; background: var(--interface-background); border-left: 1px solid #aaa; position: absolute; line-height: 22px; right: 0; top: 0; bottom: 0; }

.bracket-score-oldschool { text-align: center; background: var(--interface-background); border-left: 2px solid var(--interface-border); position: absolute; line-height: 22px; right: 0; top: 0; bottom: 0; }

.bracket-team-bottom .bracket-score { border-bottom-right-radius: 2px; }

.bracket-team-top .bracket-score { border-top-right-radius: 2px; }

div.ib-sr { border-bottom: 1px solid var(--interface-border); }

div.ib-sr:last-child { border-bottom: 0 hidden; }

div.ib-sr div { display: inline-block; padding: 1px 0; border-left: 1px solid var(--interface-border); text-align: center; }

div.ib-sr div#title { display: inline-block; padding: 1px 0 1px 1px; border: none; width: 83px; text-align: left; }

div.ib-sr div#lvl1 { width: 66%; }

div.ib-sr div#lvl2 { width: 33%; }

div.ib-sr div#lvl3 { width: 22%; }

div.ib-sr div#lvl4 { width: 16.3%; } /* End Brackets*/ /* Match summary */ .bracket-game-details div.match-row { letter-spacing: -3px; min-height: 21px; padding-top: 1px; position: relative; }

.bracket-game-details .left div.draft { left: 2px; }

.bracket-game-details .right div.draft { right: 2px; }

.bracket-game-details div.draft { position: absolute; width: 90px; }

.bracket-game-details .left .check { left: 115px; position: absolute; }

.bracket-game-details .right .check { right: 115px; position: absolute; }

.bracket-game-details .left .gold { left: 120px; width: 35px; position: absolute; letter-spacing: normal; text-align: center; }

.bracket-game-details .right .gold { right: 120px; position: absolute; width: 35px; letter-spacing: normal; text-align: center; }

.bracket-game-details .left .kills { left: 90px; width: 30px; position: absolute; letter-spacing: normal; text-align: center; }

.bracket-game-details .right .kills { right: 90px; width: 30px; position: absolute; letter-spacing: normal; text-align: center; }

.bracket-game-details div.game-length { font-size: 10px; letter-spacing: 0; text-align: center; top: 3px; }

.bracket-game-details div.draft a img { border: 2px solid; margin: -2px; display: inline block; }

.bracket-game-details div.draft.red a img { border-color: var(--ambox-red); }

.bracket-game-details div.draft.blue a img { border-color: var(--ambox-blue); }

.bracket-game-details div.date { border-bottom: 1px dotted var(--interface-border); line-height: 1.8em; font-size: 85%; text-align: center; }

div.bracket-game-details { width: 390px; text-align: center; border: 1px solid var(--interface-border); display: none; background: var(--interface-background); border-radius: 5px 5px 5px 5px; box-shadow: 4px 4px 6px var(--interface-border); z-index: 100; position: absolute; }

div.header { display: table-row; font-weight: bold; padding: 2px 5px; }

.bracket-game-details .header div { display: table-cell; line-height: 26px; width: 195px; padding-bottom: 0; border-bottom: 1px solid var(--interface-border); }

.bracket-game-details .header div.left { text-align: right; padding-right: 2px; }

.bracket-game-details .header div.right { text-align: left; padding-left: 2px; }

.bracket-game-details div.icons { margin-top: 2px; border-top: 1px solid var(--interface-border); padding: 2px; }

.bracket-game .icon, .match-row-icon { height: 12px; width: 12px; background: url("https://static.wikia.nocookie.net/lolesports_gamepedia_en/images/c/c5/Bracketinfoicon.png/revision/latest") no-repeat transparent; z-index: 50; position: absolute; }

.bracket-game .icon { right: 16px; }

.match-row-icon { left: -11.5px; top: 4px; }

.match-row div.bracket-game-details { font-size: 85%; font-weight: normal; }

.bracket-line-left-top-r1 { height: 37px; }

.bracket-line-left-top-r2 { height: 73px; }

.bracket-line-left-top-r3 { height: 145px; }

.bracket-line-left-top-r4 { height: 289px; }

.bracket-line-left-top-r5 { height: 577px; }

.bracket-line-left-mid-r1 { height: 16px; }

.bracket-line-left-mid-r2 { height: 52px; }

.bracket-line-left-mid-r3 { height: 124px; }

.bracket-line-left-mid-r4 { height: 268px; }

.bracket-line-left-mid-r5 { height: 556px; }

.bracket-line-left-bot-r1 { height: 33px; }

.bracket-line-left-bot-r2 { height: 69px; }

.bracket-line-left-bot-r3 { height: 141px; }

.bracket-line-left-bot-r4 { height: 285px; }

.bracket-line-left-bot-r5 { height: 573px; }

.bracket-line-right-top-r1 { height: 55px; }

.bracket-line-right-top-r2 { height: 127px; }

.bracket-line-right-top-r3 { height: 271px; }

.bracket-line-right-top-r4 { height: 559px; }

.bracket-line-right-top-r5 { height: 1135px; }

.bracket-line-right-bot-r1 { height: 51px; }

.bracket-line-right-bot-r2 { height: 123px; }

.bracket-line-right-bot-r3 { height: 267px; }

.bracket-line-right-bot-r4 { height: 555px; }

.bracket-line-right-bot-r5 { height: 1131px; }

.bracket-line-left-bot-r1, .bracket-line-left-bot-r2, .bracket-line-left-bot-r3, .bracket-line-left-bot-r4, .bracket-line-left-bot-r5, .bracket-line-left-mid-r1, .bracket-line-left-mid-r2, .bracket-line-left-mid-r3, .bracket-line-left-mid-r4, .bracket-line-left-mid-r5, .bracket-line-left-top-r1, .bracket-line-left-top-r2, .bracket-line-left-top-r3, .bracket-line-left-top-r4, .bracket-line-left-top-r5, .bracket-line-right-bot-r1, .bracket-line-right-bot-r2, .bracket-line-right-bot-r3, .bracket-line-right-bot-r4, .bracket-line-right-bot-r5, .bracket-line-right-top-r1, .bracket-line-right-top-r2, .bracket-line-right-top-r3, .bracket-line-right-top-r4, .bracket-line-right-top-r5 { width: 9px; } /* End match summary */

/* */