MediaWiki:Mobile.css

/** CSS placed here will affect users of the mobile Minerva skin */

/* Variable declarations for important, widely used elements */
 * root {--color-bg-primary:#111;--color-bg-secondary:#222;--color-bg-tertiary:#333;--color-border-primary:#4e4e4e;--color-font-secondary:#d5d4d4;--color-font-redlink:#cc2200;--color-highlight-blue:#229dff;--color-highlight-green:#33ff22;--color-highlight-red:#f00;--color-highlight-orange:#ff9900;}

body {font-family:sans-serif;} .nomobile {display:none;}

/* UI icons */ .mw-ui-icon-mainmenu::before {background-image:linear-gradient(transparent,transparent),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48dGl0bGU+aWNvbi1leHBvcnQ8L3RpdGxlPjxnIGlkPSJQYWdlLTEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgaWQ9Imljb24tZXhwb3J0IiBmaWxsPSIjZDVkNGQ0Ij48ZyBpZD0ibWVudUljb24iPjxwYXRoIGQ9Ik0yMSAxOUgydi0yaDE5djJ6bTAtNkgydi0yaDE5djJ6bTAtNkgyVjVoMTl2MnoiIGlkPSJDb21iaW5lZC1TaGFwZSIvPjwvZz48L2c+PC9nPjwvc3ZnPg==);} .mw-ui-icon-magnifying-glass::before {background-image:linear-gradient(transparent,transparent),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48dGl0bGU+aWNvbi1leHBvcnQ8L3RpdGxlPjxnIGlkPSJQYWdlLTEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgaWQ9Imljb24tZXhwb3J0IiBmaWxsPSIjZDVkNGQ0Ij48ZyBpZD0iU2VhcmNoSWNvbiI+PHBhdGggZD0iTTE2LjQ3NCAxNS40NDFjMS4xNDctMS4zNzYgMS44MzUtMy4yMTIgMS44MzUtNS4xNjJhNy45OCA3Ljk4IDAgMCAwLTguMDMtOC4wMjkgNy45OCA3Ljk4IDAgMCAwLTguMDI5IDguMDMgNy45OCA3Ljk4IDAgMCAwIDguMDMgOC4wMjljMS43MiAwIDMuMjExLS40NTkgNC40NzMtMS4zNzdsNC40NzMgNC40NzRjLjQ2LjQ1OSAxLjI2Mi40NTkgMS44MzYgMGwuNjg4LS42ODgtNS4yNzYtNS4yNzd6TTQuNTQ0IDEwLjI4YzAtMy4yMTEgMi41MjQtNS43MzUgNS43MzUtNS43MzUgMy4yMTIgMCA1LjczNiAyLjUyNCA1LjczNiA1LjczNSAwIDMuMjEyLTIuNTI0IDUuNzM2LTUuNzM2IDUuNzM2LTMuMjExIDAtNS43MzUtMi42MzgtNS43MzUtNS43MzZ6IiBpZD0iUGFnZS0xIi8+PC9nPjwvZz48L2c+PC9zdmc+);} .mw-ui-icon-notifications::before {background-image:linear-gradient(transparent,transparent),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHRpdGxlPmljb24tZXhwb3J0PC90aXRsZT48ZGVmcz48cGF0aCBkPSJNOS42NDMgMjEuMzY0YzEuMjM0IDAgMi4yMzUtLjk1NiAyLjIzNS0yLjEzNmgtNC40N2MwIDEuMTggMSAyLjEzNiAyLjIzNCAyLjEzNnoiIGlkPSJwYXRoLTEiLz48bWFzayBpZD0ibWFzay0yIiB4PSIwIiB5PSIwIiB3aWR0aD0iNC40NzEiIGhlaWdodD0iMi4xMzYiIGZpbGw9IiNmZmYiPjx1c2UgeGxpbms6aHJlZj0iI3BhdGgtMSIvPjwvbWFzaz48L2RlZnM+PGcgaWQ9IlBhZ2UtMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBpZD0iaWNvbi1leHBvcnQiPjxnIGlkPSJub3RpZmljYXRpb25JY29uIj48ZyBpZD0iQmVsbCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMiAxKSI+PHVzZSBpZD0iUGFnZS0xLUNvcHkiIHN0cm9rZT0iI2Q1ZDRkNCIgbWFzaz0idXJsKCNtYXNrLTIpIiBzdHJva2Utd2lkdGg9IjQiIHhsaW5rOmhyZWY9IiNwYXRoLTEiLz48cGF0aCBkPSJNMTYuODkzIDkuMDh2My45OThsMS43NjkgMy42MDN2MS4wOTZILjYyM1YxNi42OGwxLjc2OS0zLjYwM1Y5LjA4YzAtMi44OTQgMS44MjQtNS40MSA0LjQ3Ny02LjQ3QzcuMTMgMS4zMjcgOC4yODUuMzgzIDkuNjQzLjM4M2MxLjM1NyAwIDIuNTExLjk0NCAyLjc3MyAyLjIyNyAyLjY1MyAxLjA2IDQuNDc3IDMuNTc2IDQuNDc3IDYuNDd6TTEwLjkyIDMuOTc0SDguMzY2Yy0yLjQzOC41NTMtNC4yNTUgMi42NC00LjI1NSA1LjE0djQuNDc0bC0xLjcwMiAyLjQ0aDE0LjQ2N2wtMS43MDItMi40NFY5LjExNGMuMDI0LTQuMDc2LTMuNjE2LTUuMDktNC4yNTUtNS4xNHoiIGlkPSJDb21iaW5lZC1TaGFwZSIgZmlsbD0iI2Q1ZDRkNCIvPjwvZz48L2c+PC9nPjwvZz48L3N2Zz4=);} .mw-ui-icon-overlay-close::before {background-image:linear-gradient(transparent,transparent),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48dGl0bGU+aWNvbi1leHBvcnQ8L3RpdGxlPjxnIGlkPSJQYWdlLTEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgaWQ9Imljb24tZXhwb3J0IiBmaWxsPSIjZDVkNGQ0Ij48ZyBpZD0iY2xvc2UiPjxwYXRoIGlkPSJQYWdlLTEiIGQ9Ik0xOS43NSA1LjU5MkwxOC4xNTggNGwtNi4yODMgNi4yODNMNS41OTIgNCA0IDUuNTkybDYuMjgzIDYuMjgzTDQgMTguMTU4bDEuNTkyIDEuNTkyIDYuMjgzLTYuMjgzIDYuMjgzIDYuMjgzIDEuNTkyLTEuNTkyLTYuMjgzLTYuMjgzeiIvPjwvZz48L2c+PC9nPjwvc3ZnPg==);} .mw-ui-icon-arrow::before {background-image:linear-gradient(transparent,transparent),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgLTQwNyAyNCAyNCI+PGcgaWQ9Imc0Ij48cGF0aCBmaWxsPSIjZDVkNGQ0IiBkPSJNMjEuMzQ4LTQwMS4yNjhxLjk0IDAgMS42MS42NjhsLjkyLjkyMi0xMS44NTggMTEuODZMLjE5OC0zOTkuNjZsLjkyMi0uOTRxLjY1LS42ODYgMS41OS0uNjg2Ljk0IDAgMS42MS42NjhsNy43MTggNy43IDcuNy03LjY4MnEuNjctLjY2OCAxLjYxLS42Njh6IiBpZD0icGF0aDYiLz48L2c+PC9zdmc+);}

/* Special highlighting */ .newpage,.mw-plusminus-pos,.mw-search-result-data {color:var(--color-highlight-green);} .mw-plusminus-neg {color:var(--color-highlight-orange);}

/* List bullets */ .content ul {list-style:disc inside;}

/* Header and footer*/ .header-container,footer {background-color:var(--color-bg-primary)!important;color:white;border:none;} footer .last-modified-bar {border:none;background-color:var(--color-bg-primary);}

/* Search */ .search-box .search {background-color:var(--color-bg-secondary)!important;border:1px solid var(--color-border-primary)!important;color:white;} .search-overlay {background:var(--color-bg-secondary)!important;} .search-overlay .search-content {border-color:var(--color-border-primary);} .search-overlay .results,.search-overlay .search-feedback {background:var(--color-bg-secondary)!important;} .page-list li,.topic-title-list li,.site-link-list li {border-color:var(--color-border-primary);} .page-summary h2,.page-summary h3 {color:var(--color-font-secondary);}

/* Dropdown menu */ nav .secondary-action {border-color:var(--color-border-primary);} nav ul li a {color:var(--color-font-secondary)!important;} nav ul li a:hover,nav ul.hlist li a:hover {color:var(--color-highlight-blue)!important;box-shadow:inset 4px 0 0 0 var(--color-highlight-blue)!important;}
 * 1) mw-mf-page-left {background:var(--color-bg-primary);}
 * 2) mw-mf-page-left ul {background:transparent;}
 * 3) mw-mf-page-left ul:first-child {border-bottom:12px solid var(--color-border-primary);}
 * 4) mw-mf-page-left ul li {border-top:1px solid var(--color-border-primary);border-bottom:1px solid var(--color-border-primary);background:transparent;}
 * 1) mw-mf-page-left ul.hlist li {border:none;}
 * 2) mw-mf-page-left ul li:hover {background:var(--color-bg-tertiary);}
 * 3) mw-mf-page-left ul.hlist li:hover {border:none;}

/* Content space */ .overlay-enabled,#content {background:var(--color-bg-secondary);color:white;} @media screen and (min-width:720px) {#page-actions {border:none;} } div#mobileatfmrec,div#mobilebtfmrec {border:none!important;} .client-js .toc-mobile {background:var(--color-bg-primary)!important;border:none!important;}
 * 1) content h1,#content h2 {font-family:sans-serif!important;color:white;border-bottom:1px solid var(--color-border-primary)!important;}
 * 2) page-actions {border-top:none;border-bottom:1px solid var(--color-border-primary);}

/* Buttons */ .mw-ui-button,.last-modified-bar #mw-mf-last-modified,.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);color:white;}

/* Anchors */ a,a:visited,a.external,.mw-ui-button.mw-ui-quiet {color:var(--color-highlight-blue);}

/* Article images */ .thumb {float:none!important;margin:0 auto!important;border:1px solid transparent;background:var(--color-bg-primary);text-align: center;width:300px;padding:5px;} .content .thumb .thumbinner {max-width:100%;} .content .thumb .thumbcaption {float:none!important;width:auto!important;clear:both!important;margin:5px 10px 0;color:white;} .content .floatright,.content .floatleft,.content .floatnone {float:none!important;margin:15px 0 15px 0!important;text-align:center;} .mf-section-0 .thumb.tright {margin-top:10px !important;}

/* Tables */ .content table th {background-color:var(--color-bg-tertiary);} .content table td {background:var(--color-bg-primary);border:1px solid var(--color-border-primary);padding:3px;} .content table th {background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);padding:3px;} .content table.wikitable {background-color:var(--color-bg-primary);margin:auto;margin-bottom:1em;} .content table.wikitable > tr > th,.content table.wikitable > tr > td,.content table.wikitable > * > tr > th,.content table.wikitable > * > tr > td {border:1px solid var(--color-border-primary);} .content table.wikitable > tr > th,.content table.wikitable > * > tr > th {background-color:var(--color-bg-tertiary);padding:3px;} .page-Special_RecentChanges table td,.page-Special_RecentChanges table th {background-color:transparent;border:none;}

/* Main page */ .mp-column-left,.mp-column-right {width:initial;float:initial;padding:0;} .mp-intro {text-align:center;}

.reddit-content-renderer,.reddit-content-renderer-stickied {display:flex;flex-direction:row;padding: 10px 10px 10px 0;border-bottom:1px solid var(--color-border-primary);} .reddit-content-renderer {font-size:90%;} .reddit-content-renderer:hover,.reddit-content-renderer-stickied:hover {background-color:var(--color-bg-secondary);} .reddit-content-renderer:last-child,.reddit-content-renderer-stickied:last-child {border-bottom:none;} .reddit-content-thumbnail {display:inline-block;position:relative;margin-right:8px;} .content .reddit-content-thumbnail a img {width:50px;max-width:none!important;} .reddit-content-info {display:inline-block;position:relative;} .reddit-content-title {font-size:initial;line-height:0;} .reddit-content-renderer-stickied a {font-weight:bold;} .upvotes {color:var(--color-highlight-green);}

/* Contentbox */ .contentbox {background:var(--color-bg-primary);margin-top:10px;padding:7px 15px 12px 15px;border-radius:0.5em;overflow:auto;} .contentbox h3 {border-bottom:1px solid var(--color-border-primary);margin:0.5ex 0;padding:0.4ex 0;}

/* Infobox */ .notaninfobox {float:none;margin:0 auto;margin-top:10px;width:300px;padding:5px;background-color:var(--color-bg-primary);font-size:90%;} .infobox-imagearea {background:transparent;margin-top:5px;} .infobox-caption {font-style:italic;} .infobox-title {background-repeat:repeat-x!important;background-color:var(--color-bg-tertiary);padding:4px;font-size:larger;font-weight:bold;text-align:center;} .infobox-rows {width:100%;} table.infobox-rows td {border: none;} .infobox-label {border:none;font-weight:bold;padding:3px;text-align:center;vertical-align:top;width:100px; }

/* Slideshow */ .ss-captionarea {padding:10px;text-align:center;} .ss-arrow {display:inline-block;outline:0;padding:6px 11px;vertical-align:middle;overflow:hidden;text-decoration:none;color:#fff;background-color:#000;opacity:0.5;text-align:center;cursor:pointer;white-space:nowrap;} .ss-arrow:hover {opacity:0.9;} .ss-bulletarea {position:absolute;left:0;bottom:0;width:100%;text-align:center;} .ss-bullet {cursor:pointer;height:7px;width:7px;padding:0;margin:5px;background-color:#fff;border-radius:50%;display:inline-block;text-align:center;} .ss-bullet-active {height:9px;width:9px;} .ss-bullet:hover, .ss-bullet-active {background-color:var(--color-highlight-blue);}
 * 1) slideshow {position:relative;max-width:300px;}
 * 1) ss-arrow-left {position:absolute;top:50%;left:0;transform:translate(0%,-50%);}
 * 2) ss-arrow-right {position:absolute;top:50%;right:0;transform:translate(0%,-50%);}

img.scalable { max-width: 100%; height:auto; } .globalNotice .globalNoticeDismiss { display: none; }