MediaWiki:Gadget-ResponsiveDesktop.css

/* Some fixes for responsive desktop skins */

body { font-family:Arial,Verdana,Tahoma; font-size:10px; background:#226 url(/images/2/26/Background.png); color:white}


 * 1) content, #content table {color:white;background:#060669 }

.usermessage { background: #393999; border: 1px dashed white; }

/* Text indicators */ @media all and (max-width: 850px) { #mw-indicator-shortcut { display: none; } }

/* Standard changes */ @media all and (max-width: 550px) { .mw-body-content { overflow: visible !important; }	.infobox { margin: 1em 0 !important; }	.infobox, .nav-right, #mw-content-text table { float: none !important; width: auto !important; overflow: auto !important; display: block !important; margin-left: 0 !important; margin-right: 0 !important; max-width: 100% !important; min-width: 0 !important; }	#mw-content-text table > tbody { width: 100% !important; display: table !important; }	body div.thumb { float: none !important; width: auto !important; max-width: none !important; margin: 1em 0; }	div.thumb, div.thumbinner { overflow: auto !important; }	div.noresize > map ~ img { max-width: none !important; }	div.thumbinner > div { float: none !important; margin-left: auto !important; margin-right: auto !important; }	div.thumbcaption { margin-top: 3px !important; }	div.thumbimage { max-width: max-content; }	ul.gallery { text-align: center; }	div.gallerytext { text-align: left; }	center div.gallerytext, .gallery.center div.gallerytext, .gallery[style*="center"] div.gallerytext { text-align: center; }	caption { display: block; }	a.feedlink { padding-left: 16px; }	body.skin-monobook .mobileonly { display: revert; }	.skin--responsive #sidebar .portlet[role="navigation"] { display: none !important; } }

@media all and (max-width: 850px) { body.skin-timeless .mobileonly { display: revert; } }

@media screen and (min-width: 551px) { body.skin--responsive li#ca-talk { margin-right: .5em; } }

/* main page responsive fixes */ @media all and (max-width:850px) { body.page-Main_Page #welcome > tbody > tr > td { display: block !important; } body.page-Main_Page #mp-body > tbody > tr > td { display: block !important; width: 100% !important; } body.page-Main_Page #mp-body > tbody > tr > td + td { margin-top: 5px !important; }   width: 95% !important; } body.page-Main_Page #mw-content-text { overflow: clip !important; } .mainpagebox#welcome { padding: 2px 1px 1px 0 !important; } display:block !important; }   padding-right: 0 !important; padding-bottom: 0 !important; }   max-width: none !important; margin-left: -9px !important; margin-right: -7px !important; } display:block !important; width:100% !important; } margin-top:5px !important; } }
 * 1) mp-body input.mw-ui-input {
 * 1) welcome > tbody > tr > td {
 * 1) welcome > tbody > tr > td:last-of-type {
 * 1) mw-content-text #mp-body {
 * 1) mp-body > tbody > tr > td {
 * 1) mp-body > tbody > tr > td + td {

/* Custom changes */ @media all and (max-width: 550px) { /* Tabber boxes */ .tabber { display: block; float: none !important; width: 100% !important; margin-left: 0 !important; margin-right: 0 !important; }	.tabber.goleft, .tabber.goright { margin-bottom: 1em !important; }	.tabber.goleft .tabbertab, .tabber.goright .tabbertab { text-align: center !important; }	.tabber.info { margin: 0 0 1em !important; } }