MediaWiki:Mobile.css

@import url(https://commons-esports.gamepedia.com/index.php?title=MediaWiki:Global.css&action=raw&ctype=text/css); @font-face { font-family: 'Raleway'; font-style: normal; font-weight: 500; src: local('Raleway Medium'), local('Raleway-Medium'), url("https://themes.googleusercontent.com/static/fonts/raleway/v6/CcKI4k9un7TZVWzRVT-T8xsxEYwM7FgeyaSgU71cLG0.woff") format('woff'); } @font-face { font-family: 'Oxygen'; font-style: normal; font-weight: 400; src: local('Oxygen'), local('Oxygen-Regular'), url("https://themes.googleusercontent.com/static/fonts/oxygen/v3/RzoNiRR1p2Mqyyz2RwqSMw.woff") format('woff'); } /*** 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-minerva #mw-mf-diffview #mw-mf-userinfo, .skin-minerva #mw-mf-diffview #mw-mf-userinfo .mw-mf-edit-count, .skin-minerva #mw-mf-diffview #mw-mf-userinfo .mw-mf-edit-count div, .skin-minerva #mw-mf-page-center, .skin-minerva .globalNotice .ambox, .skin-minerva .header-container.header-chrome, .skin-minerva .last-modified-bar a, .skin-minerva .last-modified-bar a:visited, .skin-minerva .last-modified-bar.active a, .skin-minerva .last-modified-bar.active a:visited, .skin-minerva .list-header, .skin-minerva .minerva-footer, .skin-minerva .mw-mf-user, .skin-minerva .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button, .skin-minerva .overlay-footer-container, .skin-minerva .overlay-header-container, .skin-minerva .page-list .component, .skin-minerva .page-list .info, .skin-minerva .page-list li > a, .skin-minerva .page-list.side-list .list-thumb, .skin-minerva .page-summary h2, .skin-minerva .search-overlay, .skin-minerva .search-overlay .results, .skin-minerva .search-overlay .search-content, .skin-minerva .search-overlay .search-feedback, .skin-minerva .site-link-list .component, .skin-minerva .site-link-list .info, .skin-minerva .site-link-list li, .skin-minerva .site-link-list li > a, .skin-minerva .site-link-list.side-list .list-thumb, .skin-minerva .topic-title-list .component, .skin-minerva .topic-title-list .info, .skin-minerva .topic-title-list li > .skin-minerva .topic-title-list.side-list .list-thumb, .skin-minerva footer .last-modified-bar, .skin-minerva footer .last-modified-bar.active, .skin-minerva.navigation-enabled #mw-mf-page-center, .skin-minerva.primary-navigation-enabled, .skin-minerva.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-minerva .heading-holder .tagline, .skin-minerva .mw-echo-ui-notificationItemWidget-content-message-body, .skin-minerva .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover{ color: var(--body-text-color); }

.skin-minerva .mw-ui-anchor.mw-ui-progressive, .skin-minerva .mw-ui-anchor.mw-ui-progressive:active, .skin-minerva .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-minerva #mw-mf-diffview #mw-mf-userinfo, .skin-minerva .globalNotice, .skin-minerva .header-container.header-chrome, .skin-minerva .list-header, .skin-minerva .mw-echo-ui-bundleNotificationItemWidget-group, .skin-minerva .mw-echo-ui-crossWikiNotificationItemWidget-group, .skin-minerva .notifications-overlay .overlay-content, .skin-minerva .overlay-header-container, .skin-minerva .search-overlay .results, .skin-minerva .search-overlay .search-content, .skin-minerva .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-minerva .mw-echo-ui-notificationItemWidget-content-actions-timestamp, .skin-minerva .mw-echo-ui-notificationItemWidget-content-message-header, .skin-minerva .notifications-overlay .oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button, .skin-minerva nav ul li a, .skin-minerva nav ul.hlist li a, .skin-minerva nav ul li a:visited { color: var(--accent-text-color); }
 * 1) p-personal .mw-echo-ui-notificationsListWidget:not(:hover) a.new,

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

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

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

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

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

.skin-minerva #mw-mf-page-center, .skin-minerva.navigation-enabled #mw-mf-page-center, .skin-minerva.primary-navigation-enabled, .skin-minerva.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-minerva #content, .skin-minerva .mw-echo-ui-notificationsInboxWidget-toolbarWrapper, .skin-minerva.ns-special #content, .skin-minerva.ns-special #content form, .skin-minerva.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-minerva .content h1, .skin-minerva .content h2, .skin-minerva .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-minerva .globalNotice { overflow: hidden; padding: 0 0.5em 0.25em; }

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

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

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

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

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

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

.skin-minerva #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-minerva .editor-overlay-ve { color: #000; }

.skin-minerva .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: hidden; min-width: calc(320px - 2em); }

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

.sprite.champion-sprite { width: 60px; height: 60px; }