MediaWiki:Monobook.css: Difference between revisions

From the Super Mario Wiki, the Mario encyclopedia
Jump to navigationJump to search
No edit summary
mNo edit summary
 
(112 intermediate revisions by 5 users not shown)
Line 2: Line 2:


/* <h2> All pages </h2> */
/* <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%; }
h2 { font-size: 21px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
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> */
/* <h3> Interface elements </h3> */


body {
body { background: #f6f6f6 url(https://mario.wiki.gallery/images/monobook-bg.webp); }
background: #f9f9f9 url(/images/Crashwikiheadbg.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;
font-family: verdana, sans-serif;
}
}


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


li#pt-userpage,
.mw-dismissable-notice {
li#pt-anonuserpage,
li#pt-login {
color: #606060;
background: url(/images/mushroom.gif) top left no-repeat;
padding: 1px 0 2px 20px;
line-height: 17px;
}
 
li#pt-createaccount {
text-transform: none;
}
 
#siteNotice {
border-top: 2px solid #ccc;
border-top: 2px solid #ccc;
border-bottom: 2px solid #ccc;
border-bottom: 2px solid #ccc;
padding: 3px 2px 2px 2px;
padding: 3px 2px 2px 2px;
margin: -2px 0 11px 0;
margin: -2px 0 11px;
}
 
#firstHeading {
margin-top: -5px;
}
}
#siteNotice { padding: 0; }
#localNotice { margin: 0; }
#localNotice hr { background: #ccc; }


body.page-Main_Page.action-view #bodyContent {
/* Main page */
margin-top: -30px;
body.page-Main_Page .pds-vote {
padding-bottom: 2px !important;
}
}
body.page-Main_Page.action-view #siteNotice {
body.anon #mw-content-text > .mw-parser-output {
margin-bottom: 28px;
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 {
-moz-border-radius-topleft: 1em;
-moz-border-radius-topright: 1em;
-webkit-border-top-left-radius: 1em;
-webkit-border-top-right-radius: 1em;
border-top-left-radius: 1em;
border-top-left-radius: 1em;
border-top-right-radius: 1em;
border-top-right-radius: 1em;
khtml-border-top-left-radius: 1em;
khtml-border-top-right-radius: 1em;
-icab-border-top-left-radius: 1em;
-icab-border-top-right-radius: 1em;
}
}


div.pBody {
body.skin-monobook input.searchButton {
-moz-border-radius-topright: 1em;
color: #000;
-moz-border-radius-bottomright: 1em;
cursor: pointer;
-webkit-border-top-right-radius: 1em;
background-color: #fff;
-webkit-border-bottom-right-radius: 1em;
border: 1px solid #2f6fab;
border-top-right-radius: 1em;
padding: 0 0.4em !important;
border-bottom-right-radius: 1em;
khtml-border-top-right-radius: 1em;
khtml-border-bottom-right-radius: 1em;
-icab-border-top-right-radius: 1em;
-icab-border-bottom-right-radius: 1em;
}
}
 
body.skin-monobook #searchButton {
#p-cactions li {
padding-bottom: 1em;
-moz-border-radius-topleft: .72em !important;
-moz-border-radius-topright: .72em !important;
-webkit-border-top-left-radius: .72em !important;
-webkit-border-top-right-radius: .72em !important;
border-top-left-radius: .72em !important;
border-top-right-radius: .72em !important;
khtml-border-top-left-radius: .72em !important;
khtml-border-top-right-radius: .72em !important;
-icab-border-top-left-radius: .72em !important;
-icab-border-top-right-radius: .72em !important;
}
 
input.searchButton {
padding: 0 0.4em !important;
cursor: pointer;
background-color: white;
border: 1px solid #2f6fab;
font-weight: normal;
}
 
#searchGoButton {
font-weight: normal;
font-weight: normal;
}
}
 
body.skin-monobook #searchInput {
#searchInput {
border: 1px solid #2f6fab;
border: 1px solid #2f6fab;
}  
padding-right: 0;
}


input[type="radio"],  
input[type="radio"],  
Line 119: Line 94:


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


#content {
@media all and (min-width: 551px) {
margin: 2.8em 0 0 12.2em;
#content {
-moz-border-radius-topleft: 1em;
border-top-left-radius: 1em;
-moz-border-radius-bottomleft: 1em;
border-bottom-left-radius: 1em;
-webkit-border-top-left-radius: 1em;
}
-webkit-border-bottom-left-radius: 1em;
body.skin-monobook li#pt-login,
border-top-left-radius: 1em;
body.skin-monobook li#pt-userpage,
border-bottom-left-radius: 1em;
body.skin-monobook li#pt-anonuserpage {
khtml-border-top-left-radius: 1em;
color: #606060;
khtml-border-bottom-left-radius: 1em;
background: url(https://mario.wiki.gallery/images/mushroom.gif) top left no-repeat;
-icab-border-top-left-radius: 1em;
padding: 1px 0 2px 20px;
-icab-border-bottom-left-radius: 1em;
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;
}
}
}


#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:hover {
body.skin-monobook #p-personal li a {
background-color: none;
color: #00f;
}
body.skin-monobook #p-personal li a:hover {
background: none;
text-decoration: underline;
text-decoration: underline;
}
}


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


.pBody {
body.skin-monobook .pBody {
z-index: 3 !important;
z-index: 3 !important;
}
}
Line 164: Line 151:
/* <h3> Page content </h3> */
/* <h3> Page content </h3> */


a {
/* Links */
color: #00f;
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;
}
}


a:visited {
/* Indicator icons */
color: #00c;
.mw-indicators {
height: 0;
top: -10px;
}
.anon .mw-indicators {
top: -5px;
}
#mw-indicator-shortcut {
top: 16px;
}
}


a:active {
/* Multimedia viewer */
color: orange;
.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;
}
}


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


h1 {
/* Search up top */
font-size: 193%;
#column-one #sidebar {
display: flex;
flex-direction: column;
}
}
 
#p-search {
#bodyContent a.extiw {
order: -1;
color: #06f;
}
}


#bodyContent a.extiw:visited {
/* <h3> Miscellaneous pages </h3> */
color: #3366BB;
}


#bodyContent a.external {
/* Project page borders */
color: #06f;
body.rootpage-MarioWiki_Proposals #content,
body.rootpage-MarioWiki_Anniversary #content {
border-radius: 1em;
border: 2px solid #000;
}
}
 
body.rootpage-MarioWiki_Chat #content {
#bodyContent a.external:visited {
border-radius: 1em;
color: #0044CC;
border: 2px dashed #99f;
}
}


/* Fix footer spacing */
/* April Fool's */
#f-list {
body[class*="page-MarioWiki_BJAODN_April_Fool_s_2017"] {
line-height: 17px;
background-image: url(https://mario.wiki.gallery/images/2/2f/Crashwikiheadbg.png);
}
}

Latest revision as of 15:15, May 10, 2024

/* 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%; }
h2 { font-size: 21px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 14px; }
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 */
#column-one #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);
}