Open main menu
Betting Wiki

MediaWiki:Mobile.css

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
/* 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"