MediaWiki:Monobook.css: Difference between revisions

From the Super Mario Wiki, the Mario encyclopedia
Jump to navigationJump to search
mNo edit summary
No edit summary
(29 intermediate revisions by the same user not shown)
Line 3: Line 3:
/* <h2> All pages </h2> */
/* <h2> All pages </h2> */


#globalWrapper { background: none !important; }
#globalWrapper {
overflow: clip;
background: none !important;
}
.firstHeading { margin-top: 5px; }
.firstHeading { margin-top: 5px; }
p { margin: 0.6em 0 0.7em 0; }
p { margin: 0.6em 0 0.7em 0; }
Line 25: Line 28:
/* <h3> Interface elements </h3> */
/* <h3> Interface elements </h3> */


body {
body { background: #f6f6f6 url(https://mario.wiki.gallery/images/monobook-bg.webp); }
background: #f9f9f9 url(https://mario.wiki.gallery/images/mariowikiheadbg.png) repeat;
}


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


#p-personal a.new {
body.skin-monobook #p-personal a.new {
color: #f00;
color: #f00;
}
}
#p-personal a.new:visited {
body.skin-monobook #p-personal a.new:visited {
color: #c00;
color: #c00;
}
}
Line 52: Line 53:
#localNotice hr { background: #ccc; }
#localNotice hr { background: #ccc; }


body.page-Main_Page.action-view #bodyContent {
/* Main page */
margin-top: -17px;
}
body.page-Main_Page.action-view #siteNotice {
margin-bottom: 32px;
}
body.page-Main_Page .pds-vote {
body.page-Main_Page .pds-vote {
padding-bottom: 2px !important;
padding-bottom: 2px !important;
}
body.anon #mw-content-text > .mw-parser-output {
margin-top: -0.5px !important;
}
}


#p-cactions ul li,
body.skin-monobook #p-cactions ul li,
#p-cactions ul li a,
body.skin-monobook #p-cactions ul li a,
#p-cactions li.selected,
body.skin-monobook #p-cactions li.selected,
#p-cactions li.selected a {
body.skin-monobook #p-cactions li.selected a {
border-top-left-radius: 1em;
border-top-left-radius: 1em;
border-top-right-radius: 1em;
border-top-right-radius: 1em;
}
}


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


input[type="radio"],  
input[type="radio"],  
Line 91: Line 90:


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


Line 100: Line 99:
border-bottom-left-radius: 1em;
border-bottom-left-radius: 1em;
}
}
li#pt-userpage, li#pt-anonuserpage, li#pt-login {
body.skin-monobook li#pt-login,
body.skin-monobook li#pt-userpage,
body.skin-monobook li#pt-anonuserpage {
color: #606060;
color: #606060;
background: url(https://mario.wiki.gallery/images/mushroom.gif) top left no-repeat;
background: url(https://mario.wiki.gallery/images/mushroom.gif) top left no-repeat;
Line 106: Line 107:
line-height: 17px;
line-height: 17px;
}
}
div.pBody {
body.skin-monobook div.pBody {
border-top-right-radius: 1em;
border-top-right-radius: 1em;
border-bottom-right-radius: 1em;
border-bottom-right-radius: 1em;
}
}
#p-cactions li {
body.skin-monobook #p-cactions li {
padding-bottom: 1em;
padding-bottom: 1em;
border-top-left-radius: .72em !important;
border-top-left-radius: .72em !important;
Line 117: Line 118:
}
}


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


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


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


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


.pBody {
body.skin-monobook .pBody {
z-index: 3 !important;
z-index: 3 !important;
}
}
Line 151: Line 152:
a:visited { color: #00c; }
a:visited { color: #00c; }
.mw-parser-output a.extiw { color: #06f; }
.mw-parser-output a.extiw { color: #06f; }
.mw-parser-output a.extiw:visited { color: #3366BB; }
.mw-parser-output a.extiw:visited { color: #36b; }
.mw-parser-output a.external { color: #06f; }
.mw-parser-output a.external { color: #06f; }
.mw-parser-output a.external:visited { color: #0044CC; }
.mw-parser-output a.external:visited { color: #04c; }
 
/* Responsive fixes */
@media all and (max-width: 550px) {
.mw-body-content {
overflow: clip !important;
}
#bodyContent table, .nav-right {
float: none !important;
width: auto !important;
overflow: auto !important;
display: block !important;
max-width: none !important;
margin: 1em 0 !important;
}
#bodyContent table > tbody {
width: 100% !important;
display: table !important;
}
div.thumb {
float: none !important;
max-width: none !important;
margin: 1em 0;
}
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;
}
a.feedlink {
padding-left: 16px !important;
}
}


/* Fix footer spacing */
/* Fix footer spacing */
#f-list {
body.skin-monobook #f-list {
line-height: 17px;
line-height: 17px;
}
}
Line 211: Line 163:
/* Indicator icons */
/* Indicator icons */
.mw-indicators {
.mw-indicators {
height: 0;
top: -10px;
top: -10px;
}
}
Line 226: Line 179:
}
}


/* Advanced search */
/* Responsive fix */
.oo-ui-fieldLayout.oo-ui-fieldLayout-align-left > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field,
@media all and (max-width: 550px) {
.oo-ui-fieldLayout.oo-ui-fieldLayout-align-right > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {
body.skin--responsive #sidebar .portlet[role="navigation"] {
width: 59% !important;
display: none !important;
}
}
}
.mw-advancedSearch-namespaceFilter .oo-ui-tagMultiselectWidget-handle {
 
border: 0 !important;
/* Search up top */
#sidebar {
display: flex;
flex-direction: column;
}
}
.mw-advancedSearch-namespaceFilter {
#p-search {
top: 0 !important;
order: -1;
}
}



Revision as of 17:08, November 18, 2023

/* CSS placed here will affect users of the Monobook skin */

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

#globalWrapper {
	overflow: clip;
	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;
}
.ns-talk p + dl, .ns-110 p + dl,
.rootpage-MarioWiki_Proposals p + dl,
.rootpage-MarioWiki_Featured_articles p + dl,
.rootpage-MarioWiki_Changing_username p + dl {
	margin-top: -0.4em;
}
.ns-talk dl + dl, .ns-110 dl + dl,
.rootpage-MarioWiki_Proposals dl + dl,
.rootpage-MarioWiki_Featured_articles dl + dl,
.rootpage-MarioWiki_Changing_username dl + dl {
	margin-top: -0.2em;
}

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

body { background: #f6f6f6 url(https://mario.wiki.gallery/images/monobook-bg.webp); }

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

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

.mw-dismissable-notice {
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	padding: 3px 2px 2px 2px;
	margin: -2px 0 11px;
}
#siteNotice { padding: 0; }
#localNotice { margin: 0; }
#localNotice hr { background: #ccc; }

/* Main page */
body.page-Main_Page .pds-vote {
	padding-bottom: 2px !important;
}
body.anon #mw-content-text > .mw-parser-output {
	margin-top: -0.5px !important;
}

body.skin-monobook #p-cactions ul li,
body.skin-monobook #p-cactions ul li a,
body.skin-monobook #p-cactions li.selected,
body.skin-monobook #p-cactions li.selected a {
	border-top-left-radius: 1em;
	border-top-right-radius: 1em;
}

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 {
	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) {
	#content {
		border-top-left-radius: 1em;
		border-bottom-left-radius: 1em;
	}
	body.skin-monobook li#pt-login,
	body.skin-monobook li#pt-userpage,
	body.skin-monobook li#pt-anonuserpage {
		color: #606060;
		background: url(https://mario.wiki.gallery/images/mushroom.gif) top left no-repeat;
		padding: 1px 0 2px 20px;
		line-height: 17px;
	}
	body.skin-monobook div.pBody {
		border-top-right-radius: 1em;
		border-bottom-right-radius: 1em;
	}
	body.skin-monobook #p-cactions li {
		padding-bottom: 1em;
		border-top-left-radius: .72em !important;
		border-top-right-radius: .72em !important;
	}
}

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: none;
	text-decoration: underline;
}

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

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

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

/* Links */
a { color: #00f; }
a:active { color: orange; }
a:visited { color: #00c; }
.mw-parser-output a.extiw { color: #06f; }
.mw-parser-output a.extiw:visited { color: #36b; }
.mw-parser-output a.external { color: #06f; }
.mw-parser-output a.external:visited { color: #04c; }

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

/* Indicator icons */
.mw-indicators {
	height: 0;
	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;
}

/* Responsive fix */
@media all and (max-width: 550px) {
	body.skin--responsive #sidebar .portlet[role="navigation"] {
		display: none !important;
	}
}

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

/* <h3> Miscellaneous pages </h3> */

/* Project page borders */
body.rootpage-MarioWiki_Proposals #content,
body.rootpage-MarioWiki_Anniversary #content {
	border-radius: 1em;
	border: 2px solid #000;
}
body.rootpage-MarioWiki_Chat #content {
	border-radius: 1em;
	border: 2px dashed #99f;
}

/* April Fool's */
body[class*="page-MarioWiki_BJAODN_April_Fool_s_2017"] {
	background-image: url(https://mario.wiki.gallery/images/2/2f/Crashwikiheadbg.png);
}