MediaWiki:FandomMobile.css

/* */ @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 */

/*** mobile-specific style classes ***/ .nomobile { display: none; }

.topschedule { display:none; }

.mobileleft { text-align: left; }

.mobilecenter { text-align: center; }

.mobileright { text-align: right; } /********** interface /* hide title in header bar */ .header .branding-box { width: 100%; }

.header .branding-box h1 span { display: none }

/*** text colors ***/ .skin-fandommobile #mw-mf-diffview #mw-mf-userinfo, .skin-fandommobile #mw-mf-diffview #mw-mf-userinfo .mw-mf-edit-count, .skin-fandommobile #mw-mf-diffview #mw-mf-userinfo .mw-mf-edit-count div, .skin-fandommobile #mw-mf-page-center, .skin-fandommobile .globalNotice .ambox, .skin-fandommobile .header-container.header-chrome, .skin-fandommobile .last-modified-bar a, .skin-fandommobile .last-modified-bar a:visited, .skin-fandommobile .last-modified-bar.active a, .skin-fandommobile .last-modified-bar.active a:visited, .skin-fandommobile .list-header, .skin-fandommobile .fandommobile-footer, .skin-fandommobile .mw-mf-user, .skin-fandommobile .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button, .skin-fandommobile .overlay-footer-container, .skin-fandommobile .overlay-header-container, .skin-fandommobile .page-list .component, .skin-fandommobile .page-list .info, .skin-fandommobile .page-list li > a, .skin-fandommobile .page-list.side-list .list-thumb, .skin-fandommobile .page-summary h2, .skin-fandommobile .search-overlay, .skin-fandommobile .search-overlay .results, .skin-fandommobile .search-overlay .search-content, .skin-fandommobile .search-overlay .search-feedback, .skin-fandommobile .site-link-list .component, .skin-fandommobile .site-link-list .info, .skin-fandommobile .site-link-list li, .skin-fandommobile .site-link-list li > a, .skin-fandommobile .site-link-list.side-list .list-thumb, .skin-fandommobile .topic-title-list .component, .skin-fandommobile .topic-title-list .info, .skin-fandommobile .topic-title-list li > .skin-fandommobile .topic-title-list.side-list .list-thumb, .skin-fandommobile footer .last-modified-bar, .skin-fandommobile footer .last-modified-bar.active, .skin-fandommobile.navigation-enabled #mw-mf-page-center, .skin-fandommobile.primary-navigation-enabled, .skin-fandommobile.secondary-navigation-enabled, a, a:not([href]), body { color: var(--body-text-color); }

.action-edit #editpage-copywarn, .action-edit #mw-anon-edit-warning, .action-edit #section_0, .action-edit .diff-ntitle, .action-edit .diff-otitle, .action-edit .mw-editTools, .action-edit .mw-editnotice, .action-edit .preview-limit-report-wrapper, .action-submit #editpage-copywarn, .action-submit #mw-anon-edit-warning, .action-submit #section_0, .action-submit .diff-ntitle, .action-submit .diff-otitle, .action-submit .mw-editTools, .action-submit .mw-editnotice, .action-submit .preview-limit-report-wrapper, .skin-fandommobile .heading-holder .tagline, .skin-fandommobile .mw-echo-ui-notificationItemWidget-content-message-body, .skin-fandommobile .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover{ color: var(--body-text-color); }

.skin-fandommobile .mw-ui-anchor.mw-ui-progressive, .skin-fandommobile .mw-ui-anchor.mw-ui-progressive:active, .skin-fandommobile .mw-ui-anchor.mw-ui-progressive:focus, a, a.external, a.extiw, a:visited { color: var(--link); }

a.new { color: var(--link-new); } /** code/pre tags **/ .mw-code, code, kbd, pre, samp, tt { font-family: monospace; font-size: 110%; }

.mw-highlight { background: transparent; }

.mw-code a, code a { text-decoration: underline double; } /*** interface colors ***/ .skin-fandommobile #mw-mf-diffview #mw-mf-userinfo, .skin-fandommobile .globalNotice, .skin-fandommobile .header-container.header-chrome, .skin-fandommobile .list-header, .skin-fandommobile .mw-echo-ui-bundleNotificationItemWidget-group, .skin-fandommobile .mw-echo-ui-crossWikiNotificationItemWidget-group, .skin-fandommobile .notifications-overlay .overlay-content, .skin-fandommobile .overlay-header-container, .skin-fandommobile .search-overlay .results, .skin-fandommobile .search-overlay .search-content, .skin-fandommobile .search-overlay .search-feedback { background-color: var(--wiki-color); color: var(--accent-text-color); }

.mw-echo-ui-menuItemWidget > .oo-ui-labelElement-label, .mw-echo-ui-notificationsListWidget:not(:hover) a, .skin-fandommobile .mw-echo-ui-notificationItemWidget-content-actions-timestamp, .skin-fandommobile .mw-echo-ui-notificationItemWidget-content-message-header, .skin-fandommobile .notifications-overlay .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button, .skin-fandommobile nav ul li a, .skin-fandommobile nav ul.hlist li a, .skin-fandommobile nav ul li a:visited { color: var(--accent-text-color); }
 * 1) p-personal .mw-echo-ui-notificationsListWidget:not(:hover) a.new,

.client-js .skin-fandommobile .toc-mobile { background: var(--interface-background); }

.skin-fandommobile .fandommobile-footer, .skin-fandommobile .overlay-footer-container, .skin-fandommobile nav { background-color: var(--wiki-color); color: var(--accent-text-color); }

.client-js .skin-fandommobile .toc-mobile, .skin-fandommobile #mw-mf-diffview #mw-mf-userinfo, .skin-fandommobile .header-container, .skin-fandommobile .fandommobile-footer, .skin-fandommobile .mw-echo-ui-bundleNotificationItemWidget-separator, .skin-fandommobile .mw-echo-ui-crossWikiNotificationItemWidget-separator, .skin-fandommobile .mw-echo-ui-notificationItemWidget, .skin-fandommobile .mw-echo-ui-notificationItemWidget:last-child, .skin-fandommobile .overlay-footer-container, .skin-fandommobile .page-list li, .skin-fandommobile .search-overlay .search-content, .skin-fandommobile .site-link-list li, .skin-fandommobile .topic-title-list li, .skin-fandommobile footer .last-modified-bar, .skin-fandommobile footer > .post-content > .skin-fandommobile nav .secondary-action, .skin-fandommobile nav ul li, .skin-fandommobile.ns-special .content-header, h2 { border-color: var(--interface-border); }

.skin-fandommobile .header { border-width: 1px 0 5px; border-color: var(--wiki-accent); }

.skin-fandommobile .page-summary h3, .skin-fandommobile .search-overlay, .skin-fandommobile.search-overlay { background: var(--wiki-color); color: var(--accent-text-color); }

.skin-fandommobile #mw-mf-page-center, .skin-fandommobile.navigation-enabled #mw-mf-page-center, .skin-fandommobile.primary-navigation-enabled, .skin-fandommobile.secondary-navigation-enabled, body { background-color: var(--bg-color); background-image: var(--bg-image); background-size: contain; background-attachment: fixed; background-position: top center; background-repeat: no-repeat; }

.skin-fandommobile #content, .skin-fandommobile .mw-echo-ui-notificationsInboxWidget-toolbarWrapper, .skin-fandommobile.ns-special #content, .skin-fandommobile.ns-special #content form, .skin-fandommobile.ns-special .pre-content { background: transparent; }

background: var(--content-bg-color); padding: 1em; border-radius: 3px; }
 * 1) bodyContent {

border-bottom: 0; } /*** basics ***/ .center { text-align: center; }
 * 1) page-actions {

.skin-fandommobile .content h1, .skin-fandommobile .content h2, .skin-fandommobile .pre-content h1, body { font-family: sans-serif; } /*** header and footer ***/ .header { border-width: 1px 0; border-style: solid; }

.header-container.header-chrome { box-shadow: 0 1px 1px rgba(100,100,100,0.2); } @supports (position:sticky) { .header-container.header-chrome { position: sticky; top: 0; z-index: 1000; }

.overlay-enabled .header-container.header-chrome { position: static; }

.navigation-enabled .header-container.header-chrome { z-index: 0; } }

.skin-fandommobile .globalNotice { overflow: hidden; padding: 0 0.5em 0.25em; }

.skin-fandommobile .notification-count { background: transparent; } /*** notifications ***/ .skin-fandommobile .mw-echo-ui-bundleNotificationItemWidget-separator, .skin-fandommobile .mw-echo-ui-crossWikiNotificationItemWidget-separator, .skin-fandommobile .mw-echo-ui-notificationItemWidget, .skin-fandommobile .mw-echo-ui-notificationItemWidget:last-child { background: rgba(0,0,0,0.1); }

.skin-fandommobile .mw-echo-ui-notificationItemWidget-unread { background: rgba(0,0,0,0.3); }

.skin-fandommobile .mw-echo-ui-notificationItemWidget:hover { background: rgba(0,0,0,0.2); }

.skin-fandommobile .mw-echo-ui-notificationItemWidget-unread:hover { background: rgba(0,0,0,0.4); } /*** search ***/ .skin-fandommobile .page-list li .watch-this-article, .skin-fandommobile .site-link-list li .watch-this-article, .skin-fandommobile .topic-title-list li .watch-this-article { top: 50%; margin-top: -0.75em; } /*** navigation ***/ .skin-fandommobile.navigation-enabled .transparent-shield { background: rgba(50,50,50,0.9); }

.skin-fandommobile nav ul li { background: var(--wiki-color); width: 100%; }

.skin-fandommobile nav ul li a:hover { box-shadow: inset 4px 0 0 0 var(--wiki-accent); } /*** last-modified bar ***/ .skin-fandommobile footer .last-modified-bar { background-color: #ddd; } /* recently changed page last-modified bar*/ .skin-fandommobile footer .last-modified-bar.active { background: #00af89; } /*** page history and diffs ***/ .skin-fandommobile .minoredit { color: #808080; }

.skin-fandommobile #mw-mf-diffview #mw-mf-userinfo { z-index: 100; box-shadow: 0 -1px 3px rgba(0,0,0,0.6); opacity: 0.95; } /*** editor ***/ .skin-fandommobile .editor-overlay-ve { color: #000; }

.skin-fandommobile .editor-overlay .wikitext-editor { background: rgba(0,0,0,0.1); } /********** content

/* copyright images tweak */ .copyright-icon { background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22200%22 height=%22200%22%3E%3Cpath d=%22M100 200C44.772 200 0 155.228 0 100S44.772 0 100 0s100 44.772 100 100-44.772 100-100 100zm0-179.115c-43.694 0-79.115 35.421-79.115 79.115 0 43.694 35.421 79.115 79.115 79.115 43.694 0 79.115-35.421 79.115-79.115 0-43.694-35.421-79.115-79.115-79.115zm0 108.599c20.627 0 27.518-18.427 27.518-18.427h26.536s-7.847 43.734-54.054 43.734c-30.532 0-55.283-24.751-55.283-55.282 0-30.532 24.751-55.283 55.283-55.283 45.365 0 53.317 41.769 53.317 41.769h-26.781S118.966 69.533 100 69.533c-16.555 0-29.975 13.421-29.975 29.976s13.42 29.975 29.975 29.975z%22/%3E%3C/svg%3E%0A"); background-size: 100%; width: 32px; height: 32px; filter:invert(var(--invert-icons,0)); } /*** invert icons for dark theme ***/

.header .mw-ui-icon:before, .navigation-drawer .mw-ui-icon:before, .overlay .mw-ui-icon:before { filter:brightness(calc(2 * var(--invert-icons,0))); } /*** misc ***/ /* hide legends on mobile */ .legend-table { display: none; } /* dynamictabs */ div.tabs-dynamic, div.tabs-static { overflow-x: hidden; min-width: calc(320px - 2em); }

/* infobox centering for mobile */ .skin-fandommobile .infobox { margin: 0 auto; float: none; }

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

.sprite.role-sprite { width: 23px; height: 23px; background-image:url(https://static.wikia.nocookie.net/rlesports_gamepedia_en/images/1/10/RoleSprite.png/revision/latest?cb=20210516151100); }

/* */