Open main menu

Changes

MediaWiki:Mobile.css

17,462 bytes removed, 20:49, 11 September 2019
Replaced content with " .mediawiki .content table, .mediawiki .infobox { width: auto !important; margin-left: 0 !important; margin-right: 0 !important; } .mediawiki .infobox { displa..."
/* CSS placed here will affect users of the mobile site */
/* Background color */
body, nav, .header-container.header-chrome,
#mw-mf-page-center, footer .minerva-footer {
background-color: #D10200 !important;
}
.header {
border-color: #D10200 !important;
}
/* Border color */
.minerva-footer {
border-top: 1px solid #BC0100 !important;
}
.ns-special .content-header, .page-summary,
.last-modified-bar, footer > .post-content > h2,
form.mw-mf-settings .oo-ui-fieldLayout {
border-bottom: 1px solid #BC0100 !important;
}
.mw-mf-watchlist-selector li.selected a {
border-bottom-color: #BC0100 !important;
}
/* Active color */
nav ul li a:hover {
box-shadow: inset 4px 0 0 0 #AD0401 !important;
}
.last-modified-bar.active, .list-header,
form.mw-mf-settings #beta-field:before {
background-color: #AD0401 !important;
color: #fff !important;
}
.last-modified-bar {
background-color: #AD0401 !important;
color: #fff !important;
}
/* Last modified bar */
.last-modified-bar .content,
.last-modified-bar a {
color: #fff !important;
}
.mw-ui-icon-mf-arrow-gray:before {
background: none !important;
}
.mw-ui-icon-mf-arrow-invert:before{
background: none !important;
}
.mw-ui-icon-minerva-clock-gray:before {
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2217%22 viewBox=%220 0 20 17%22%3E%3Cg fill=%22%23fff%22%3E%3Ctitle xmlns:default=%22http://www.w3.org/2000/svg%22%3Ehistory%3C/title%3E%3Cpath xmlns:default=%22http://www.w3.org/2000/svg%22 d=%22M11.424 0C6.686 0 2.857 3.806 2.857 8.5H0l3.71 3.68.066.136L7.62 8.5H4.76c0-3.65 2.986-6.61 6.667-6.61 3.68 0 6.665 2.96 6.665 6.61 0 3.65-2.985 6.61-6.666 6.61a6.668 6.668 0 0 1-4.71-1.94l-1.35 1.337A8.553 8.553 0 0 0 11.426 17C16.16 17 20 13.194 20 8.5S16.162 0 11.424 0zm-1.037 5v4.524l3.904 2.298.66-1.1-3.192-1.877V5H10.39z%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
 
/* Recent changes icon */
.mw-ui-icon-minerva-recentchanges:before {
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='matrix(1.48 0 0 1.43 0 -401)'%3E%3Cpath d='m0 292 2.48-1.49 3.83-9.97h0.756l1.68 11.3 1.8-6h0.85l1.72 4.18h3.14l-3.47 1.91-1.7-3.97-1.82 9.33-1.96-3e-5 -0.874-13.2-2.55 7.94z' fill='%2354595d'/%3E%3C/g%3E%3C/svg%3E");
}
 
/* White text theme */
.footer-content, footer .hlist li::after,
.branding-box h1 sup, .branding-box a,
nav ul.hlist li a, .footer-content a {
color: #fff !important;
}
.footer-content a, .branding-box a,
nav ul.hlist li a {
font-weight: bold !important;
}
.license a.external {
padding-right: 0 !important;
background-image: none !important;
}
.mw-ui-icon-minerva-mainmenu::before {
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Ctitle%3Emenu%3C/title%3E%3Cpath fill=%22%23fff%22 fill-rule=%22evenodd%22 d=%22M21 19H2v-2h19v2zm0-6H2v-2h19v2zm0-6H2V5h19v2z%22/%3E%3C/svg%3E") !important;
}
.mw-ui-icon-minerva-magnifying-glass::before {
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Ctitle%3Emagnifying glass%3C/title%3E%3Cpath fill=%22%23fff%22 fill-rule=%22evenodd%22 d=%22M16.474 15.44c1.147-1.375 1.835-3.21 1.835-5.16a7.98 7.98 0 0 0-8.03-8.03 7.98 7.98 0 0 0-8.03 8.03 7.98 7.98 0 0 0 8.03 8.03c1.72 0 3.21-.46 4.47-1.378l4.473 4.474c.46.46 1.262.46 1.836 0l.69-.688-5.278-5.277zm-11.93-5.16c0-3.21 2.524-5.735 5.735-5.735 3.21 0 5.732 2.524 5.732 5.735 0 3.212-2.524 5.736-5.736 5.736-3.212 0-5.736-2.638-5.736-5.736z%22/%3E%3C/svg%3E") !important;
}
.mw-ui-icon-mf-overlay-close::before {
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Ctitle%3Eclose%3C/title%3E%3Cpath fill=%22%23000%22 fill-rule=%22evenodd%22 d=%22M19.75 5.592L18.158 4l-6.283 6.283L5.592 4 4 5.592l6.283 6.283L4 18.158l1.592 1.592 6.283-6.283 6.283 6.283 1.592-1.592-6.283-6.283z%22/%3E%3C/svg%3E") !important;
}
.mw-ui-icon-mf-back::before {
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22%3E%3Cpath fill=%22%23000%22 d=%22M24 10.667H5.107l4.78-4.78L8 4l-8 8 8 8 1.887-1.887-4.78-4.78H24z%22/%3E%3C/svg%3E") !important;
}
.mw-ui-icon-minerva-notifications::before {
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22 xmlns:xlink=%22http://www.w3.org/1999/xlink%22%3E%3Ctitle%3Enotification%3C/title%3E%3Cdefs%3E%3Cpath id=%22a%22 d=%22M9.643 21.364c1.234 0 2.235-.956 2.235-2.136h-4.47c0 1.18 1 2.136 2.234 2.136z%22/%3E%3Cmask id=%22b%22 width=%224.471%22 height=%222.136%22 x=%220%22 y=%220%22 fill=%22%23fff%22%3E%3Cuse xlink:href=%22%23a%22/%3E%3C/mask%3E%3C/defs%3E%3Cg fill=%22none%22 fill-rule=%22evenodd%22 transform=%22translate%282 1%29%22%3E%3Cuse stroke=%22%23fff%22 stroke-width=%224%22 mask=%22url%28%23b%29%22 xlink:href=%22%23a%22/%3E%3Cpath fill=%22%23fff%22 d=%22M16.893 9.08v3.998l1.77 3.603v1.098H.623V16.68l1.77-3.603V9.08c0-2.894 1.822-5.41 4.475-6.47C7.13 1.327 8.284.383 9.642.383c1.357 0 2.51.944 2.773 2.227 2.653 1.06 4.477 3.576 4.477 6.47zM10.92 3.974H8.366c-2.438.553-4.255 2.64-4.255 5.14v4.474l-1.7 2.44h14.467l-1.702-2.44V9.114c.024-4.076-3.616-5.09-4.255-5.14z%22/%3E%3C/g%3E%3C/svg%3E") !important;
}
.search-overlay .mw-ui-icon-mf-overlay-close::before {
background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Ctitle%3Eclose%3C/title%3E%3Cpath fill=%22%23fff%22 fill-rule=%22evenodd%22 d=%22M19.75 5.592L18.158 4l-6.283 6.283L5.592 4 4 5.592l6.283 6.283L4 18.158l1.592 1.592 6.283-6.283 6.283 6.283 1.592-1.592-6.283-6.283z%22/%3E%3C/svg%3E") !important;
}
 
/* Standard changes */
.overlay {
z-index: 1000000 !important;
}
.mw-notification-area, .drawer {
z-index: 2000000 !important;
}
.oo-ui-windowManager-modal > .oo-ui-dialog {
z-index: 3000000 !important;
}
.mw-notification, .toast {
margin-bottom: 80px !important;
}
.overlay-content {
background: #fff !important;
}
.search-box .search {
background-size: 26px 26px !important;
background-position: left 3px center !important;
}
.heading-holder {
margin-bottom: 15px !important;
}
.page-Main_Page .heading-holder {
padding-bottom: 0 !important;
}
#content {
padding-bottom: 20px !important;
overflow: hidden !important;
}
.ns-special #content {
background: #FFFFFF !important;
}
.ns-special .heading-holder .tagline {
display: none !important;
}
.ns-special img, .captcha-box img {
image-rendering: auto !important;
}
.editButtons #wpCaptchaWord {
margin-top: 2.5px;
}
#userloginForm .mw-ui-vform-field:nth-of-type(8) {
margin-bottom: 5px;
}
.secondary-action {
border-left: 1px solid #EAECF0 !important;
}
.mw-ui-button {
max-width: none;
}
.content .mw-ui-icon-minerva-edit-enabled {
display: block !important;
}
.collapsible-heading.open-block .mw-ui-icon-minerva-edit-enabled {
top: -2px;
}
.in-block .mw-ui-icon-minerva-edit-enabled {
top: -4px;
}
.mediawiki {
font-size: 15px;
}
.mediawiki table {
min-width: 0 !important;
max-width: 100% !important;
}
.mediawiki .content table {
font-size: 90%;
border-collapse: separate;
margin: 0.5em 0 0.75em;
}
.mediawiki .content table table {
font-size: 100%;
margin: 0;
}
.mediawiki .content table.wikitable {
border-collapse: collapse;
}
.mediawiki .content table tbody {
width: 100% !important;
display: table !important;
}
.noresize + .thumbcaption {
display: none;
}
.mediawiki .content .noresize a > img {
max-width: 100% !important;
}
.mediawiki .content figure,
.mediawiki .content .thumb {
width: auto !important;
}
@media all and (max-width: 719px) {
.mediawiki .content figure,
.mediawiki .content .thumb {
margin: 0.8em 0 0.5em;
margin-left: auto !important;
margin-right: auto !important;
}
.mediawiki .content .in-block + .thumb,
.mediawiki .content .thumb + .thumb {
margin-top: 0.6em;
}
.noresize {
margin-bottom: 0.75em;
}
.thumbimage {
text-align: center;
}
ul.gallery {
text-align: center;
margin-left: auto !important;
margin-right: auto !important;
}
#wpEmail {
margin-bottom: 6px;
}
input[name="captchaWord"] {
margin-top: 9px;
}
.g-recaptcha {
margin-top: 12px;
}
.mediawiki .content table,
.mediawiki .infobox {
.mediawiki .infobox table {
width: 100% !important;
}
.gallery {
margin: 0.8em 0 0 !important;
padding: 0 !important;
}
.in-block + .gallery {
margin-top: 0.6em !important;
}
.gallery + .gallery {
margin-top: 0 !important;
}
.gallerybox, .gallerybox div {
max-width: 100% !important;
}
.gallerybox .thumb {
margin: 0 !important;
}
.gallerybox .mediaContainer {
display: inline-block !important;
}
.gallerytext p {
font-size: 90% !important;
margin: 0.4em 0 0.6em !important;
}
.center {
text-align: center;
}
.center * {
margin-left: auto;
margin-right: auto;
}
.content .floatleft {
margin: 0 1em 0.5em 0 !important;
}
.content .floatright {
margin: 0 0 0.5em 1em !important;
}
.mediawiki .content p,
.mediawiki .content ul,
.mediawiki .content ol {
margin-top: 0.5em;
margin-bottom: 0.75em;
}
.mediawiki .content p + ul,
.mediawiki .content p + ol,
.mediawiki .content ul + p,
.mediawiki .content ol + p {
margin-top: -0.25em;
}
.mediawiki .content ul li,
.mediawiki .content ol li,
.mediawiki .content ul li:last-child,
.mediawiki .content ol li:last-child {
margin-bottom: 2px;
}
.mediawiki .content ul ul,
.mediawiki .content ol ol,
.mediawiki .content ul ol,
.mediawiki .content ol ul {
margin-top: 2px;
margin-bottom: 0;
}
.mediawiki .content ul + ul,
.mediawiki .content ol + ol,
.mediawiki .content ul + ol,
.mediawiki .content ol + ul {
margin-top: 0 !important;
}
.mediawiki .content ol.references {
font-size: 90% !important;
margin: 0 !important;
}
.mediawiki dl {
font-size: 95% !important;
margin-bottom: 0.5em !important;
}
.mediawiki dl dl,
.mediawiki li dl,
.mediawiki dl + dl,
.mediawiki ul + dl,
.mediawiki ol + dl,
.mediawiki p + dl {
font-size: 100% !important;
}
.mediawiki dl dl {
margin-bottom: 0 !important;
}
.mediawiki ul + dl,
.mediawiki ol + dl {
margin-top: -0.5em !important;
}
.mediawiki ul + dl > dd > ul,
.mediawiki ol + dl > dd > ol,
.mediawiki ul + dl > dd > ol,
.mediawiki ol + dl > dd > ul {
margin-top: 0 !important;
}
.ns-talk p + dl,
.ns-4 p + dl,
.ns-110 p + dl,
.content.talk-section p + dl {
margin-top: -0.75em !important;
}
.ns-talk dl + dl,
.ns-4 dl + dl,
.ns-110 dl + dl,
.content.talk-section dl + dl {
margin-top: -0.5em !important;
}
code {
border: none !important;
padding: 0 !important;
background-color: #f9f9f9 !important;
}
small {
font-size: 85% !important;
}
big {
font-size: 115% !important;
}
blockquote {
font-size: 100% !important;
padding: 0 0 0 15px !important;
}
blockquote p:last-of-type {
margin-bottom: 0.5em;
}
/* Text and links */
.content { color: #000; }
.content a { color: #002bb8; }
.content a:active { color: #faa700; }
.content a:visited { color: #5a3696; }
.content a.external, .content a.extiw { color: #36b; }
.content a.external:active, .content a.extiw:active { color: #b63; }
.content a.external:visited, .content a.extiw:visited { color: #636; }
.content a.selflink {
color: #000 !important;
font-weight: bold !important;
text-decoration: none !important;
}
.content a.mw-ui-button,
.content a.mw-ui-button:active,
.content a.mw-ui-button:visited {
color: #222;
}
.content a.mw-ui-button:hover {
color: #444;
}
.content .mw-ui-button.mw-ui-progressive,
.content .mw-ui-button.mw-ui-progressive:active,
.content .mw-ui-button.mw-ui-progressive:hover,
.content .mw-ui-button.mw-ui-progressive:visited {
color: #fff;
}
 
/* Headings */
h3 {
font-size: 1.3em !important;
}
h4 {
font-size: 1.2em !important;
}
h5 {
font-size: 1.1em !important;
font-weight: bold !important;
}
h6 {
font-weight: bold !important;
}
.content h3, .content h4,
.content h5, .content h6 {
padding: 0.3em 0 0.15em !important;
}
 
/* Recent changes options */
.rcoptions {
margin: 22px 0 12px;
}
.rcoptions .mw-changeslist-legend,
.rcoptions legend,
.rcoptions form,
.rcoptions hr {
display: none;
}
 
/* Editing interface */
.editOptions {
margin: 0.5em 0;
}
.mw-editTools {
display: none;
}
 
/* Video widget */
.videoWidget .thumbcaption {
margin-top: -1px;
}
.videoWidget .thumbinner .thumbcaption {
margin-top: 6px;
}
@media all and (max-width: 719px) {
.videoWidget {
display: block !important;
}
.autoResize {
margin: 0 auto !important;
}
}
 
/* Top-right icons */
.content .top-right a img {
height: 28px !important;
width: auto !important;
image-rendering: auto !important;
}
.top-right {
position: absolute;
top: 52.5px;
right: 14px;
}
@media all and (min-width: 720px) {
.top-right {
right: 51px;
}
}
.top-right-text,
.preview .top-right {
display: none !important;
}
 
/* Main Page content */
#mf-welcome {
margin-bottom: -10px;
}
#mf-welcome .floatleft,
#mf-welcome .floatright {
margin: 5px 0 0 !important;
}
#WelcomeDiv {
font-size: 150% !important;
margin: -10px 0 -16px !important;
}
#WithText {
font-size: 90%;
}
#linksRow1 {
margin-top: -2px !important;
}
#mobile-navimg {
display: block !important;
float: right;
}
#mainpage ul {
margin: 0 !important;
}
#mf-nav1, #mf-nav2, #mf-nav3 {
line-height: 24px;
}
#mf-nav2 {
margin-top: -206px;
}
#mf-nav3 {
margin-top: -102px;
}
#mf-niwa1 table {
padding: 0 !important;
}
#mf-niwa1 table, #mf-niwa2 table, #mf-niwa3 table {
margin: -13px 0 !important;
}
@media all and (min-width: 720px) {
#mf-niwa1 table, #mf-niwa2 table, #mf-niwa3 table {
margin-top: -16px !important;
}
}
 
/* Main Page poll */
body.page-Main_Page .pds-vote {
padding-bottom: 0 !important;
}
body.page-Main_Page .pds-box {
width: 100% !important;
max-width: none !important;
}
body.page-Main_Page .pds-question-top {
padding-left: 0 !important;
}
body.page-Main_Page .pds-question-top,
body.page-Main_Page .pds-answer-span,
body.page-Main_Page .pds-feedback-label {
font-size: 15px !important;
line-height: 1.65 !important;
}
body.page-Main_Page .pds-view-results,
body.page-Main_Page .pds-total-votes,
body.page-Main_Page .pds-return-poll {
font-size: 13px !important;
}
body.page-Main_Page .pds-vote-button {
font-size: 17px !important;
padding: 5px 36px !important;
border-radius: 16px !important;
}
body.page-Main_Page .awardsPolls {
display: none;
}
body.page-Main_Page .crowdsignal {
padding: 0 !important;
}
 
/* Who's Online */
a.whoprop, #whoprop a {
color: #F26500 !important;
}
a.whocrat, #whocrats a {
color: #9932CC !important;
}
a.whoadmin, #whoadmins a {
color: #048204 !important;
}
a.whopatrol, #whopatrollers a {
color: #6495ED !important;
}
#whosonline a:visited {
color: #002BB8;
}
#whosonline {
margin-bottom: 8px;
}
 
/* Multiple image template */
.multiFloat {
margin: 0 auto 6px !important;
}
.multiVert + .multiVert {
margin-top: 0.6em !important;
}
@media all and (max-width: 719px) {
.multiFloat {
float: none !important;
}
.multiFloat + .multiFloat {
margin-top: 0.6em !important;
}
}
@media all and (min-width: 720px) {
.multiFloat + .multiFloat {
margin-left: 0.6em !important;
}
.content .thumb .thumbinner .multiFloat {
float: left !important;
clear: none !important;
}
}
 
/* Notice templates */
.notice-template {
width: auto !important;
font-size: 90% !important;
text-align: center !important;
justify-content: center;
margin: 10px 0 !important;
}
.notice-template#stub {
font-size: 100% !important;
text-align: left !important;
}
.notice-template#disambig,
.notice-template#aboutfile,
.notice-template.copyright {
width: 100% !important;
text-align: left !important;
}
.notice-template#delete {
background: #333;
color: #fff;
}
.notice-template#delete a:not(.new) {
color: yellow;
}
.notice-template p {
margin-bottom: 0.5em !important;
}
.content .notice-template a > img {
max-width: none !important;
}
@media all and (max-width: 719px) {
.notice-template:not(#stub) img {
display: none;
}
.notice-template > tbody > tr > td:first-child {
padding-right: 0 !important;
}
}
/* Misc. */
.infobox > tbody > tr:first-child > th:first-child {
font-size: 125% !important;
}
ul.gallery {
text-align: center;
margin-left: auto !important;
margin-right: auto !important;
}
.quote {
font-size: 95% !important;
font-family: inherit !important;
}
#rc-staff {
padding-left: 0 !important;
}
.content .mediaAudio,
.content .mediaVideo {
width: 100% !important;
margin: 0 !important;
}
.games {
background: silver;
border: 1px solid #000;
}
.games tr:not(:first-child) {
background: #fff;
}
#pgod {
font-size: 6em !important;
}
 
/* DK tables */
table.dktable,
table.dktable-brown {
color: #000;
background: #fff;
margin: 1em 0;
border: 1pt solid #000;
border-collapse: collapse;
}
table.dktable > * > tr > td,
table.dktable > * > tr > th,
table.dktable-brown > * > tr > td,
table.dktable-brown > * > tr > th {
border: 1pt solid #000;
padding: 0.2em 0.4em;
}
table.dktable-brown > * > tr > th {
background: #BB8855;
}
table.dktable-brown > * > tr:nth-child(odd) > td {
background: #FFF8DC;
}
table.dktable-brown > * > tr:nth-child(even) > td {
background: wheat;
}