MediaWiki:Monobook.css: Difference between revisions
From the Nintendo Wiki, a wiki covering all things Nintendo
Jump to navigationJump to search
Content added Content deleted
(old school flavor) |
No edit summary |
||
(37 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
/* |
/* CSS placed here will affect users of the Monobook skin */ |
||
/* <h2> All pages </h2> */ |
/* <h2> All pages </h2> */ |
||
#globalWrapper { |
#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; } |
||
h1 { font-size: 193%; } |
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 { |
h3 + dl, h4 + dl, h5 + dl { |
||
margin-top: -0.1em; |
margin-top: -0.1em; |
||
} |
} |
||
.ns-talk p + dl, .ns-110 p + dl, |
|||
.rootpage-Nintendo_Wiki_Proposals p + dl, |
|||
/* classic font */ |
|||
.rootpage-Nintendo_Wiki_Featured_articles p + dl, |
|||
body { |
|||
.rootpage-Nintendo_Wiki_Changing_username p + dl { |
|||
font-family: verdana; |
|||
margin-top: -0.4em; |
|||
} |
} |
||
.ns-talk dl + dl, .ns-110 dl + dl, |
|||
.rootpage-Nintendo_Wiki_Proposals dl + dl, |
|||
⚫ | |||
.rootpage-Nintendo_Wiki_Featured_articles dl + dl, |
|||
#content h2 { |
|||
.rootpage-Nintendo_Wiki_Changing_username dl + dl { |
|||
font-family: verdana; |
|||
margin-top: -0.2em; |
|||
⚫ | |||
/* general customization */ |
|||
body { |
|||
⚫ | |||
⚫ | |||
⚫ | |||
⚫ | |||
} |
} |
||
/* <h3> Interface elements </h3> */ |
/* <h3> Interface elements </h3> */ |
||
body { background: #f6f6f6; } |
|||
body.skin-monobook .pBody, |
body.skin-monobook .pBody, |
||
body.skin-monobook .portlet h3, |
body.skin-monobook .portlet h3, |
||
body.skin-monobook #footer #f-list { |
body.skin-monobook #footer #f-list { |
||
font-family: verdana; |
font-family: verdana, sans-serif; |
||
} |
} |
||
⚫ | |||
body.skin-monobook #p-personal a.new { |
body.skin-monobook #p-personal a.new { |
||
Line 54: | Line 58: | ||
#localNotice { margin: 0; } |
#localNotice { margin: 0; } |
||
#localNotice hr { background: #ccc; } |
#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 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 { |
body.skin-monobook input.searchButton { |
||
Line 62: | Line 82: | ||
padding: 0 0.4em !important; |
padding: 0 0.4em !important; |
||
} |
} |
||
body.skin-monobook #searchButton |
body.skin-monobook #searchButton { |
||
⚫ | |||
font-weight: normal; |
font-weight: normal; |
||
} |
} |
||
Line 82: | Line 101: | ||
@media all and (min-width: 551px) { |
@media all and (min-width: 551px) { |
||
⚫ | |||
border-top-left-radius: 1em; |
|||
border-bottom-left-radius: 1em; |
|||
} |
|||
body.skin-monobook li#pt-login, |
body.skin-monobook li#pt-login, |
||
body.skin-monobook li#pt-userpage, |
body.skin-monobook li#pt-userpage, |
||
body.skin-monobook li#pt-anonuserpage { |
body.skin-monobook li#pt-anonuserpage { |
||
color: #606060; |
color: #606060; |
||
⚫ | |||
padding: 1px 0 2px 20px; |
padding: 1px 0 2px 20px; |
||
line-height: 17px; |
line-height: 17px; |
||
} |
|||
body.skin-monobook div.pBody { |
|||
border-top-right-radius: 1em; |
|||
border-bottom-right-radius: 1em; |
|||
} |
} |
||
body.skin-monobook #p-cactions li { |
body.skin-monobook #p-cactions li { |
||
padding-bottom: 1em; |
padding-bottom: 1em; |
||
border-top-left-radius: .72em !important; |
|||
border-top-right-radius: .72em !important; |
|||
} |
} |
||
} |
|||
body.mediawiki { |
|||
background: linear-gradient(to bottom, #d50707 1%,#370000 89%) no-repeat; |
|||
background-color: #370000; |
|||
} |
} |
||
Line 128: | Line 163: | ||
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: # |
.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: # |
.mw-parser-output a.external:visited { color: #04c; } |
||
/* Fix footer spacing */ |
/* Fix footer spacing */ |
||
Line 139: | Line 174: | ||
/* Indicator icons */ |
/* Indicator icons */ |
||
.mw-indicators { |
.mw-indicators { |
||
height: 0; |
|||
top: -10px; |
top: -10px; |
||
} |
} |
||
Line 152: | Line 188: | ||
.mw-mmv-reuse-dialog .mw-mmv-reuse-tabs .oo-ui-iconElement-icon.oo-ui-icon-check { |
.mw-mmv-reuse-dialog .mw-mmv-reuse-tabs .oo-ui-iconElement-icon.oo-ui-icon-check { |
||
display: none !important; |
display: none !important; |
||
} |
|||
/* user links */ |
|||
@media all and (min-width: 551px) { |
|||
body.skin-monobook #p-personal ul { |
|||
background: #FFFFFF; |
|||
border-left: 1px solid #aaa; |
|||
border-bottom: 1px solid #aaa; |
|||
border-bottom-left-radius:1em; |
|||
⚫ | |||
display: inline; |
|||
position: absolute; |
|||
right: 0; |
|||
padding-left: 0px; |
|||
padding-bottom: 0px; |
|||
margin-top: 0px; |
|||
} |
|||
body.skin-monobook li#pt-login, |
|||
body.skin-monobook li#pt-userpage, |
|||
body.skin-monobook li#pt-anonuserpage { |
|||
color: #606060; |
|||
padding: 1px 0 2px 20px; |
|||
line-height: 20px; |
|||
} |
|||
} |
} |
||
/* Responsive fix */ |
/* Responsive fix */ |
||
@media all and (max-width: 550px) { |
@media all and (max-width: 550px) { |
||
.skin--responsive #sidebar .portlet[role="navigation"] { |
body.skin--responsive #sidebar .portlet[role="navigation"] { |
||
display: none !important; |
display: none !important; |
||
} |
} |
||
} |
} |
||
/* |
/* Search up top */ |
||
#sidebar { |
#sidebar { |
||
display: flex; |
|||
flex-direction: column; |
|||
} |
} |
||
#p-search { |
#p-search { |
||
order: -1; |
|||
} |
} |
Latest revision as of 10:48, May 25, 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-Nintendo_Wiki_Proposals p + dl,
.rootpage-Nintendo_Wiki_Featured_articles p + dl,
.rootpage-Nintendo_Wiki_Changing_username p + dl {
margin-top: -0.4em;
}
.ns-talk dl + dl, .ns-110 dl + dl,
.rootpage-Nintendo_Wiki_Proposals dl + dl,
.rootpage-Nintendo_Wiki_Featured_articles dl + dl,
.rootpage-Nintendo_Wiki_Changing_username dl + dl {
margin-top: -0.2em;
}
/* <h3> Interface elements </h3> */
body { background: #f6f6f6; }
body.skin-monobook .pBody,
body.skin-monobook .portlet h3,
body.skin-monobook #footer #f-list {
font-family: verdana, sans-serif;
}
body.skin-monobook .portlet h3 { color:#FFF;}
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://static.miraheze.org/nintendowiki/0/0b/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.mediawiki {
background: linear-gradient(to bottom, #d50707 1%,#370000 89%) no-repeat;
background-color: #370000;
}
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;
}
/* user links */
@media all and (min-width: 551px) {
body.skin-monobook #p-personal ul {
background: #FFFFFF;
border-left: 1px solid #aaa;
border-bottom: 1px solid #aaa;
border-bottom-left-radius:1em;
width: auto;
display: inline;
position: absolute;
right: 0;
padding-left: 0px;
padding-bottom: 0px;
margin-top: 0px;
}
body.skin-monobook li#pt-login,
body.skin-monobook li#pt-userpage,
body.skin-monobook li#pt-anonuserpage {
color: #606060;
padding: 1px 0 2px 20px;
line-height: 20px;
}
}
/* 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;
}