Open main menu
Betting Wiki

Difference between revisions of "MediaWiki:Mobile.css"

(Created page with "/** You are editing the global css file for all mobile site users. With Great Power Comes Great Responsibility. Some words of caution: * Avoid any changes which impact layout...")
 
 
(23 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
/**
+
/* CSS placed here will affect users of the mobile site */
−
You are editing the global css file for all mobile site users.
 
−
With Great Power Comes Great Responsibility.
 
  
−
Some words of caution:
+
/* Background color */
−
* Avoid any changes which impact layout on a mobile device.
 
−
** Please be careful not to introduce any margin / padding rules. These should be done inside the template itself via an inline style.
 
−
** Be especially cautious when a template is likely to be used within the top 480px of the screen (the content that the user will see first on a mobile device).
 
−
* Do not use display:none. Instead edit the template and markup the element you want to hide with the `nomobile` class.
 
−
* Try to keep rules as generic and minimal as possible. Do not have 2 selectors doing the same thing. Introduce a common class and use that instead.
 
−
* For big changes consult the [https://grafana.wikimedia.org/dashboard/db/mobile-2g grafana dashboard] to ensure you don't introduce any performance regressions.
 
−
* Group common css rules together where possible.
 
  
−
Do not put specific styles for the following into this file:
+
body, nav, .header-container.header-chrome,
 +
#mw-mf-page-center, footer .minerva-footer {
 +
background-color: !important;
 +
}
  
−
== Template:Navbar (.navbar) ==
+
.header {
−
See [[Template:Navbar/styles.css]] ([[Template_talk:Navbar#Request%3A_Add_template_styles_to_existing_stylesheet]])
+
border-color: #666565 !important;
 +
}
 +
/* Border color */
 +
.minerva-footer {
 +
border-top: 1px solid #666565 !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 #666565 !important;
 +
}
 +
.mw-mf-watchlist-selector li.selected a {
 +
border-bottom-color: #666565 !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: #B7BAF0 !important;
 +
color: #fff !important;
 +
}
 +
.last-modified-bar {
 +
background-color: #B7BAF0 !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;
 +
}
  
−
== Template:Hlist (.hlist) ==
+
/* Recent changes icon */
−
See [[Template:Hlist/styles.css]]
+
.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 */
  
−
/* Mobile template hacks (see phab T56176)
+
.footer-content a, .branding-box a,
−
If you are looking for the following, please update your template to use TemplateStyles:
+
nav ul.hlist li a {
−
.mobile-float-reset {
+
font-weight: !important;
−
float: none !important;
+
}
−
width: 100% !important;
+
.license a.external {
 +
padding-right: 0 !important;
 +
background-image: none !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;
 +
}
  
−
/* Hide the images */
+
/* Standard changes */
−
.geo-nondefault, .geo-multi-punct,
+
.overlay {
−
/* Hide stuff meant for accounts with special permissions. Made visible again in
+
z-index: 1000000 !important;
−
  [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-patroller.css]] and
+
}
−
  [[MediaWiki:Group-autoconfirmed.css]]. */
+
.mw-notification-area, .drawer {
−
.checkuser-show,
+
z-index: 2000000 !important;
−
.sysop-show,
+
}
−
.templateeditor-show,
+
.oo-ui-windowManager-modal > .oo-ui-dialog {
−
.extendedmover-show,
+
z-index: 3000000 !important;
−
.patroller-show,
+
}
−
.extendedconfirmed-show,
+
.mw-notification, .toast {
−
.autoconfirmed-show,
+
margin-bottom: 80px !important;
−
/* Copied from Common.css - allow for hiding text in compact form e.g. clean up templates */
+
}
−
.hide-when-compact,
+
.overlay-content {
−
/* portal pages are badly formatted. Until this changes these should be hidden. (see https://phabricator.wikimedia.org/T86495) */
+
background: #fff !important;
−
.noprint.portal {
+
}
 +
.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;
 
display: none;
 
}
 
}
−
 
+
.mediawiki .content .noresize a > img {
−
/* For linked citation numbers and document IDs, where
+
max-width: 100% !important;
−
  the number need not be shown on a screen or a handheld,
+
}
−
  but should be included in the printed version
+
.mediawiki .content figure,
−
TODO: Move to Citation template when templates have stylesheets
+
.mediawiki .content .thumb {
−
See https://www.mediawiki.org/wiki/Requests_for_comment/Allow_styling_in_templates
+
width: auto !important;
−
*/
+
}
−
@media screen, handheld {
+
@media all and (max-width: 719px) {
−
.citation *.printonly {
+
.mediawiki .content figure,
−
display: none;
+
.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 {
 +
width: auto !important;
 +
margin-left: 0 !important;
 +
margin-right: 0 !important;
 +
}
 +
.mediawiki .infobox {
 +
display: block !important;
 +
float: none !important;
 +
margin: 15px 0 15.5px !important;
 +
}
 +
}
 +
@media all and (min-width: 720px) {
 +
.mediawiki .infobox {
 +
max-width: 315px !important;
 +
float: right !important;
 +
margin: 0 0 7px 15px !important;
 
}
 
}
 
}
 
}
−
/*
+
.mediawiki .infobox {
−
Should be moved into Template:Cite_web
+
font-size: 85% !important;
−
Styling for citations (CSS3). Breaks long urls, etc., rather than overflowing box */
+
font-family: inherit !important;
−
.citation {
+
}
−
word-wrap: break-word;
+
.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,
−
.infobox
+
.mediawiki .content ul ol,
−
DO NOT style infobox's here. That should be taken care of in the associated templates via template styles. Styles here will lead to flash of unstyled content on mobile.
+
.mediawiki .content ol ul {
−
*/
+
margin-top: 2px;
−
 
+
margin-bottom: 0;
−
/* Default styling for Navbar template
+
}
−
TODO: Move to Navbar template ASAP
+
.mediawiki .content ul + ul,
−
*/
+
.mediawiki .content ol + ol,
−
.navbar {
+
.mediawiki .content ul + ol,
−
display: inline;
+
.mediawiki .content ol + ul {
−
font-size: 88%;
+
margin-top: 0 !important;
−
font-weight: normal;
+
}
 +
.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;
 
}
 
}
−
.navbar ul {
+
.ns-talk p + dl,
−
display: inline;
+
.ns-4 p + dl,
−
white-space: nowrap;
+
.ns-110 p + dl,
 +
.content.talk-section p + dl {
 +
margin-top: -0.75em !important;
 
}
 
}
−
.navbar li {
+
.ns-talk dl + dl,
−
word-spacing: -0.125em;
+
.ns-4 dl + dl,
 +
.ns-110 dl + dl,
 +
.content.talk-section dl + dl {
 +
margin-top: -0.5em !important;
 
}
 
}
−
.navbar.mini li span {
+
code {
−
font-variant: small-caps;
+
border: none !important;
 +
padding: 0 !important;
 +
background-color: #f9f9f9 !important;
 
}
 
}
−
/* Navbar styling when nested in infobox and navbox */
+
small {
−
.navbox .navbar,
+
font-size: 85% !important;
−
.infobox .navbar {
 
−
font-size: 100%;
 
 
}
 
}
−
.navbox .navbar {
+
big {
−
display: block;
+
font-size: 115% !important;
 
}
 
}
−
.navbox-title .navbar {
+
blockquote {
−
/* @noflip */
+
font-size: 100% !important;
−
float: left;
+
padding: 0 0 0 15px !important;
−
/* @noflip */
 
−
text-align: left;
 
−
/* @noflip */
 
−
margin-right: 0.5em;
 
−
width: 6em;
 
 
}
 
}
−
/* Unbulleted lists e.g. Barack Obama page*/
+
blockquote p:last-of-type {
−
.plainlist ul {
+
margin-bottom: 0.5em;
−
list-style: none;
 
−
padding-left: 0; /* Reset Minerva defaults */
 
 
}
 
}
  
−
.visualhide {
+
/* Text and links */
−
position: absolute;
+
.content { color: #000; }
−
left: -10000px;
+
.content a { color: #002bb8; }
−
top: auto;
+
.content a:active { color: #faa700; }
−
width: 1px;
+
.content a:visited { color: #5a3696; }
−
height: 1px;
+
.content a.external, .content a.extiw { color: #36b; }
−
overflow: hidden;
+
.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;
 
}
 
}
  
−
/* Geographical coordinates hidden in mobile. Any styles relating to them should be put inside
+
/* Headings */
−
.[[Template:Coord/link]]
+
h3 {
−
*/
+
font-size: 1.3em !important;
−
 
+
}
−
/* Prevent line breaks in silly places:
+
h4 {
−
  1) Where desired
+
font-size: 1.2em !important;
−
  2) Links when we don't want them to
+
}
−
  3) Bold "links" to the page itself
+
h5 {
−
  4) Ref tags with group names <ref group="Note"> --> "[Note 1]"
+
font-size: 1.1em !important;
−
Please document here what pages use this
+
font-weight: bold !important;
−
Enabled
 
−
*/
 
−
.mw-parser-output .nowrap,
 
−
.nowraplinks a,
 
−
.nowraplinks .selflink,
 
−
sup.reference a {
 
−
white-space: nowrap;
 
 
}
 
}
−
.mw-parser-output .infobox .nowrap {
+
h6 {
−
white-space: normal !important;
+
font-weight: bold !important;
 
}
 
}
−
/* But allow wrapping where desired: */
+
.content h3, .content h4,
−
.wrap,
+
.content h5, .content h6 {
−
.wraplinks a {
+
padding: 0.3em 0 0.15em !important;
−
white-space: normal;
 
 
}
 
}
  
−
/* Generic class for Times-based serif, texhtml class for inline math */
+
/* Recent changes options */
−
.times-serif,
+
.rcoptions {
−
span.texhtml {
+
margin: 22px 0 12px;
−
font-family: serif;
 
 
}
 
}
−
span.texhtml {
+
.rcoptions .mw-changeslist-legend,
−
white-space: nowrap;
+
.rcoptions legend,
 +
.rcoptions form,
 +
.rcoptions hr {
 +
display: none;
 
}
 
}
  
−
/* Enable custom list style types for lists of references */
+
/* Editing interface */
−
.reflist ol.references {
+
.editOptions {
−
list-style-type: inherit;
+
margin: 0.5em 0;
 +
}
 +
.mw-editTools {
 +
display: none;
 
}
 
}
  
−
/* Hanging indentation for Template:Refbegin */
+
/* Video widget */
−
.refbegin-hanging-indents > ul,
+
.videoWidget .thumbcaption {
−
.refbegin-hanging-indents > dl {
+
margin-top: -1px;
−
list-style-type: none;
 
−
margin-left: 0;
 
 
}
 
}
−
.refbegin-hanging-indents > ul > li,
+
.videoWidget .thumbinner .thumbcaption {
−
.refbegin-hanging-indents > dl > dd {
+
margin-top: 6px;
−
margin-left: 0;
+
}
−
padding-left: 1.0em;
+
@media all and (max-width: 719px) {
−
text-indent: -1.0em;
+
.videoWidget {
−
list-style: none;
+
display: block !important;
 +
}
 +
.autoResize {
 +
margin: 0 auto !important;
 +
}
 
}
 
}
  
−
/* Prevent flags in tables from collapsing
+
/* Top-right icons */
−
Fix for T116318
+
.content .top-right a img {
−
*/
+
height: 28px !important;
−
.flagicon img {
+
width: auto !important;
−
min-width: 25px;
+
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;
 
}
 
}
  
−
/* Prevent unnecessary margin at the bottom of centralnotices */
+
/* Main Page content */
−
.cnotice {
+
#mf-welcome {
−
margin-bottom: 0 !important;
+
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;
 +
}
  
−
/* The message body cell(s), such as for {{Commonscat}}.
+
/* Who's Online */
−
* this is a very small subset of the styles from Common.css
+
a.whoprop, #whoprop a {
−
* just to make sure the box isn't squashed without any spacing
+
color: #F26500 !important;
−
* which looks out of place with visuals of other nearby elements
+
}
−
*/
+
a.whocrat, #whocrats a {
−
.mbox-text {
+
color: #9932CC !important;
−
/* @noflip */
+
}
−
padding: 0.25em 0.9em;
+
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 */
−
******************DEPRECATED STYLES ************************************
+
.multiFloat {
−
These styles will be removed shortly. Please see inline comments.
+
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 {
−
Generate interpuncts
+
width: auto !important;
−
FIXME: Move to template.
+
font-size: 90% !important;
−
*/
+
text-align: center !important;
−
/* Can be removed when T169315 is resolved */
+
justify-content: center;
−
#content .hlist-separated li:after {
+
margin: 10px 0 !important;
−
font-size: 0.8em;
+
}
−
color: #333;
+
.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) {
−
FIXME: DUPLICATES Template:Hlist/styles.css
+
color: yellow;
−
Note the mobile skin provides a `hlist-separated` class for this purpose. Use this class name alongside the hlist class instead as this will result in a FOUC.
 
−
Should be removed and moved to templates.
 
−
*/
 
−
/* Counter hlist indenting of Minerva*/
 
−
.mw-parser-output .hlist ul,
 
−
.mw-parser-output .hlist ol {
 
−
padding-left: 0;
 
 
}
 
}
−
/* reset hlist margins of Minerva */
+
.notice-template p {
−
.mw-parser-output .hlist li,
+
margin-bottom: 0.5em !important;
−
.mw-parser-output .hlist dd,
 
−
.mw-parser-output .hlist dt {
 
−
margin-right: 0;
 
 
}
 
}
−
.mw-parser-output .hlist li:after,
+
.content .notice-template a > img {
−
.mw-parser-output .hlist dd:after {
+
max-width: none !important;
−
content: " · ";
 
−
font-weight: bold;
 
 
}
 
}
−
.mw-parser-output .hlist dt:after {
+
@media all and (max-width: 719px) {
−
content: ": ";
+
.notice-template:not(#stub) img {
 +
display: none;
 +
}
 +
.notice-template > tbody > tr > td:first-child {
 +
padding-right: 0 !important;
 +
}
 
}
 
}
−
/* Should be removed and moved to templates once TemplateStyles is live */
 
  
−
.heading-holder hlist li:after,
+
/* Misc. */
−
.mw-parser-output .hlist dd:last-child:after,
+
img {
−
.mw-parser-output .hlist dt:last-child:after,
+
image-rendering: optimizeSpeed;
−
.mw-parser-output .hlist li:last-child:after {
+
image-rendering: -moz-crisp-edges;
−
content: none;
+
image-rendering: -o-crisp-edges;
 +
image-rendering: -webkit-optimize-contrast;
 +
image-rendering: optimize-contrast;
 +
image-rendering: crisp-edges;
 +
image-rendering: pixelated;
 +
}
 +
.infobox > tbody > tr:nth-child(2) img {
 +
image-rendering: auto !important;
 
}
 
}
−
/* Add parentheses around nested lists */
+
.infobox > tbody > tr:first-child > td:first-child,
−
/* Should be removed and moved to templates once TemplateStyles is live */
+
.infobox > tbody > tr:first-child > th:first-child {
−
.mw-parser-output .hlist dd dd:first-child:before, .mw-parser-output .hlist dd dt:first-child:before, .mw-parser-output .hlist dd li:first-child:before,
+
font-size: 125% !important;
−
.mw-parser-output .hlist dt dd:first-child:before, .mw-parser-output .hlist dt dt:first-child:before, .mw-parser-output .hlist dt li:first-child:before,
 
−
.mw-parser-output .hlist li dd:first-child:before, .mw-parser-output .hlist li dt:first-child:before, .mw-parser-output .hlist li li:first-child:before {
 
−
content: " (";
 
−
font-weight: normal;
 
 
}
 
}
−
/* Should be removed and moved to templates once TemplateStyles is live */
+
ul.gallery {
−
.mw-parser-output .hlist dd dd:last-child:after, .mw-parser-output .hlist dd dt:last-child:after, .mw-parser-output .hlist dd li:last-child:after,
+
text-align: center;
−
.mw-parser-output .hlist dt dd:last-child:after, .mw-parser-output .hlist dt dt:last-child:after, .mw-parser-output .hlist dt li:last-child:after,
+
margin-left: auto !important;
−
.mw-parser-output .hlist li dd:last-child:after, .mw-parser-output .hlist li dt:last-child:after, .mw-parser-output .hlist li li:last-child:after {
+
margin-right: auto !important;
−
content: ") ";
 
−
font-weight: normal;
 
 
}
 
}
−
/* Put ordinals in front of ordered list items */
+
.quote {
−
/* Should be removed and moved to templates once TemplateStyles is live */
+
font-size: 95% !important;
−
.mw-parser-output .hlist ol {
+
font-family: inherit !important;
−
counter-reset: listitem;
 
 
}
 
}
−
/* Should be removed and moved to templates once TemplateStyles is live */
+
#rc-staff {
−
.mw-parser-output .hlist ol > li {
+
padding-left: 0 !important;
−
counter-increment: listitem;
 
 
}
 
}
−
/* Should be removed and moved to templates once TemplateStyles is live */
+
.content .mediaAudio,
−
.mw-parser-output .hlist ol > li:before {
+
.content .mediaVideo {
−
content: " " counter(listitem) " ";
+
width: 100% !important;
−
white-space: nowrap;
+
margin: 0 !important;
 
}
 
}
−
/* Should be removed and moved to templates once TemplateStyles is live */
+
.games {
−
.mw-parser-output .hlist dd ol > li:first-child:before,
+
background: silver;
−
.mw-parser-output .hlist dt ol > li:first-child:before,
+
border: 1px solid #000;
−
.mw-parser-output .hlist li ol > li:first-child:before {
+
}
−
content: " (" counter(listitem) " ";
+
.games tr:not(:first-child) {
 +
background: #fff;
 +
}
 +
#pgod {
 +
font-size: 6em !important;
 
}
 
}
  
−
/* https://phabricator.wikimedia.org/T180396#5317728 */
+
/* 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;
 +
}
  
−
@media print {
+
#ca-viewsource { display:none!important; }
−
  .navbox, .hatnote, .ambox { display: none; }
+
#ca-history { display:none!important; }
−
}
 

Latest revision as of 18:48, 22 October 2019

/* 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: !important;
}

.header {
	border-color: #666565 !important;
}
/* Border color */
.minerva-footer {
	border-top: 1px solid #666565 !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 #666565 !important;
}
.mw-mf-watchlist-selector li.selected a {
	border-bottom-color: #666565 !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: #B7BAF0 !important;
	color: #fff !important;
}
.last-modified-bar {
	background-color: #B7BAF0 !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 a, .branding-box a,
nav ul.hlist li a {
	font-weight: !important;
}
.license a.external {
	padding-right: 0 !important;
	background-image: none !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 {
		width: auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	.mediawiki .infobox {
		display: block !important;
		float: none !important;
		margin: 15px 0 15.5px !important;
	}
}
@media all and (min-width: 720px) {
	.mediawiki .infobox {
		max-width: 315px !important;
		float: right !important;
		margin: 0 0 7px 15px !important;
	}
}
.mediawiki .infobox {
	font-size: 85% !important;
	font-family: inherit !important;
}
.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. */
img {
	image-rendering: optimizeSpeed;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: optimize-contrast;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
}
.infobox > tbody > tr:nth-child(2) img {
	image-rendering: auto !important;
}
.infobox > tbody > tr:first-child > td:first-child,
.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;
}

#ca-viewsource { display:none!important; }
#ca-history { display:none!important; }
Retrieved from "https://bettingwiki.org/index.php?title=MediaWiki:Mobile.css&oldid=9894"