Welcome to Mariopedia! If you want to request an account, please do so at Mario Wiki or Fanonpedia.

MediaWiki:Monobook.css

From Mariopedia, a wiki on Mario, Yoshi, Wario, Donkey Kong, Super Smash Bros., and more!
Jump to navigationJump to search

Note: After publishing, 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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* All CSS here will be loaded for users of the MonoBook skin */

/* <h2> All pages </h2> */

#globalWrapper { background: none !important; }
.firstHeading { margin-top: 5px;}
p { margin: 0.6em 0 0.7em 0; }
h1 { font-size: 193%; }
h3 + dl, h4 + dl, h5 + dl {
	margin-top: -0.1em;
}
body { background: #f9f9f9 url(https://www.mariopedia.org/w/images/Mariopediabg.png) repeat; }

/* Default font (excluding headings and monospaced text) */
body {
  font-family: verdana;
}

/* <h3> MediaWiki headings </h3> */
#content h1, 
#content h2 {
  font-family: verdana;
}

/* <h3> Interface elements </h3> */

body.skin-monobook .pBody, 
body.skin-monobook .portlet h3, 
body.skin-monobook #footer #f-list {
	font-family: verdana;
}

body.skin-monobook #p-personal a.new {
	color: #f00;
}
body.skin-monobook #p-personal a.new:visited {
	color: #c00;
}

#siteNotice {
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	padding: 3px 2px 2px 2px;
	margin: -2px 0 11px;
}

#localNotice { margin: 0; }
#localNotice hr { background: #ccc; }

body.skin-monobook input.searchButton {
	color: #000;
	cursor: pointer;
	background-color: #fff;
	border: 1px solid #2f6fab;
	padding: 0 0.4em !important;
}
body.skin-monobook #searchButton,
body.skin-monobook #searchGoButton {
	font-weight: normal;
}
body.skin-monobook #searchInput {
	border: 1px solid #2f6fab;
	padding-right: 0;
}

input[type="radio"], 
input[type="checkbox"] {
	border: none;
}

select {
	color: #000;
	border: 1px solid #2f6fab;
}

@media all and (min-width: 551px) {
	body.skin-monobook li#pt-login,
	body.skin-monobook li#pt-userpage,
	body.skin-monobook li#pt-anonuserpage {
		color: #606060;
		background: url(https://www.mariopedia.org/w/images/Mushroom_icon.png) top left no-repeat;
		padding: 1px 0 2px 20px;
		line-height: 20px;
	}
	body.skin-monobook #p-cactions li {
		padding-bottom: 1em;
	}
}

@media all and (min-width: 551px) {
	body.skin-monobook #p-personal ul {
		background: #FFFFFF;
		border-left: 1px solid #aaa;
		border-bottom: 1px solid #aaa;
		width: auto;
		display: inline;
		position: absolute;
		right: 0;
		padding-left: 0px;
		padding-bottom: 0px;
		margin-top: -1px;
	}
}

body.skin-monobook #p-cactions {
	left: 11.7em;
}

body.skin-monobook .portlet {
	width: 11.8em;
}

body.skin-monobook #p-personal li a {
	color: #00f;
}

body.skin-monobook #p-personal li a:hover {
	background-color: transparent;
	text-decoration: underline;
}

body.skin-monobook #p-cactions li a {
	color: #00c;
}
body.skin-monobook #p-cactions .new a {
	color: #c00;
}

body.skin-monobook li#pt-betafeatures {
    display:none;
}

body.skin-monobook .pBody {
	z-index: 3 !important;
}

/* <h3> Page content </h3> */

/* Fix footer spacing */
body.skin-monobook #f-list {
	line-height: 17px;
}

/* Indicator icons */
.mw-indicators {
	top: -10px;
}
.anon .mw-indicators {
	top: -5px;
}
#mw-indicator-shortcut {
	top: 16px;
}

/* Multimedia viewer */
.mw-mmv-reuse-dialog .mw-mmv-reuse-tabs .oo-ui-iconedElement-icon.oo-ui-icon-check,
.mw-mmv-reuse-dialog .mw-mmv-reuse-tabs .oo-ui-iconElement-icon.oo-ui-icon-check {
	display: none !important;
}

/* put search bar up top */
#sidebar {
    display: flex;
    flex-direction: column;
}
#p-search {
    order: -1;
}

/* Echo extension */
#pt-notifications-notice .mw-echo-notifications-badge.oo-ui-widget, #pt-notifications-alert .mw-echo-notifications-badge.oo-ui-widget,
#pt-notifications-notice .mw-echo-notifications-badge, #pt-notifications-alert .mw-echo-notifications-badge {
	height: 16px;
    top: 0px;
}

/* 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;
	}
    body.skin--responsive #p-personal-toggle {
        background-image: url(https://www.mariopedia.org/w/images/Mushroom_icon.png);
    }
    .mw-changeslist-legend {
        width:98%;
    }
}

@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;
 }
 #mp-body input.mw-ui-input {
    width: 95% !important;
 }
 body.page-Main_Page #mw-content-text {
    overflow: clip !important;
 }
 .mainpagebox#welcome {
    padding: 2px 1px 1px 0 !important;
 }
 #welcome > tbody > tr > td {
  display:block !important;
 }
 #welcome > tbody > tr > td:last-of-type {
    padding-right: 0 !important;
    padding-bottom: 0 !important;
 }
 #mw-content-text #mp-body {
    max-width: none !important;
    margin-left: -9px !important;
    margin-right: -7px !important;
 }
 #mp-body > tbody > tr > td {
  display:block !important;
  width:100% !important;
 }
 #mp-body > tbody > tr > td + td {
  margin-top:5px !important;
 }
}

/* notice template fix */
@media all and (max-width: 550px) {
	.notice-template .image {
	     float: left;
	     display: flex;
	     align-items: center;
	}
}

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

/* Tab images */
li#ca-nstab-main > a,
li#ca-talk > a,
li#ca-nstab-image > a,
li#ca-nstab-category > a,
li#ca-nstab-foro > a {
 background:#fff url('https://www.mariopedia.org/w/images/MonobookSprite.png') no-repeat;
 padding-right:25px !important;
 padding-left:10px !important;
}
	
li#ca-nstab-main > a {background-position:right 0px;}
li#ca-talk > a {background-position:right -24px;}
li#ca-nstab-image > a {background-position:right -48px;}
li#ca-nstab-category > a {background-position:right -72px;}
li#ca-nstab-foro > a {background-position:right -96px;}
	
li#ca-edit > a,
li#ca-history > a,
li#ca-delete > a,
li#ca-move > a,
li#ca-protect > a, li#ca-unprotect > a,
li#ca-watch > a, li#ca-unwatch > a,
li#ca-listing-refresh-tab > a {
		background-image:url('https://www.mariopedia.org/w/images/MonobookSprite.png');
		background-repeat:no-repeat;
		padding-right:7px !important;
		padding-left:22px !important;
}

li#ca-edit > a {background-position:left -120px;}
li#ca-history > a {background-position:left -144px;}
li#ca-delete > a {background-position:left -168px;}
li#ca-move > a {background-position:left -192px;}
li#ca-protect > a, li#ca-unprotect > a {background-position:left -216px;}
li#ca-watch > a, li#ca-unwatch > a {background-position:left -240px;}
li#ca-listing-refresh-tab > a {background-position:left -264px;}

body.skin--responsive #p-cactions ul { line-height: 1.8em; }
body.skin--responsive li#ca-talk { margin-right: .7em; }

.mw-editsection-bracket { display:none; }
#bodyContent .mw-editsection a {
	background: url('https://www.mariopedia.org/w/images/MonobookSprite.png') no-repeat 2px -118px;
	color:#191509;
	text-decoration:none;
	padding:5px 10px 3px 25px;
	font-size:90%;
}

body.skin--responsive #p-cactions li a { z-index: 3; }
#bodyContent .mw-editsection a:hover, body.skin--responsive #p-cactions li a:hover { text-decoration:underline; }