User:Mike9012/monobook.css
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.
/* Pseudo-Vector - turn the MonoBook skin into Vector */
/* based on code originally from the English Uncyclopedia @ */
/* http://uncyclopedia.wikia.com/wiki/MediaWiki:Uncyclopedia.css */
/******************
GENERAL
******************/
body.skin-monobook {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABOCAYAAADhG3wwAAAAQklEQVQY09WOyw3AUAjDnOy/s3vifdoJekEgEyuoFuDnQ6R4A6FE6j6P2CTcFqFZPr2f1/bxSSU0DvVV4xAMzTR4ACK0I33zxUTtAAAAAElFTkSuQmCC');
background-repeat: repeat-x;
background-color: #f6f6f6;
margin: 0;
font: 100% sans-serif;
}
/* links */
a {
color: #0645ad;
}
a:visited {
color: #0b0080;
}
.bluelinks a {
color: #0645ad !important;
}
.bluelinks a:visited {
color: #0b0080 !important;
}
/* main content area */
div#globalWrapper {
font-size: inherit;
}
div#content {
margin: 79px 0 0 11em;
padding: 1.25em 1.5em 1.5em;
border-color: #a7d7f9;
color: #252525;
}
div#bodyContent,
.modalWrapper {
font-size: 0.875em;
line-height: 1.6;
}
p {
margin: 0.5em 0;
line-height: inherit;
}
/* 'from xyz wiki' message */
#siteSub {
/*display: block;*/
font-size: 92% !important;
font-weight: normal;
padding: 0 !important;
margin: 0 !important;
}
/* special page lists */
.special li {
line-height: 1.6;
margin-bottom: 0.1em;
}
/* use dot instead of square for lists */
ul {
list-style-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%225%22%20height%3D%2213%22%3E%3Ccircle%20cx%3D%222.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%20fill%3D%22%2300528c%22%2F%3E%3C%2Fsvg%3E');
list-style-type: disc;
}
/******************
HEADINGS + TOC
******************/
#content h1,
#content h2:not(.pi-item),
.modalWrapper > h1 {
font-family: "Linux Libertine", Georgia, Times, serif;
line-height: 1.3;
margin-bottom: 0.25em;
padding: 0;
}
#bodyContent h1,
#content h2:not(.pi-item) {
margin-top: 1em;
}
#content h3:not(.pi-secondary-font),
#content h4,
#content h5,
#content h6 {
line-height: 1.6;
margin-top: 0.3em;
margin-bottom: 0;
padding-bottom: 0;
}
#content h1 {
font-size: 1.8em;
}
#content h2:not(.pi-item),
.modalWrapper > h1 {
font-size: 1.5em;
}
#content h3:not(.pi-secondary-font) {
font-size: 1.2em;
}
#content h4,
#content h5,
#content h6 {
font-size: 100%;
}
.editsection.editsection,
.mw-editsection {
font-family: sans-serif;
font-size: small;
}
/* move section edit links next to header */
.mw-content-ltr .editsection,
.mw-content-rtl .editsection {
float: none;
margin: 0 1em;
color: #555;
}
.mw-content-ltr .mw-headline {
/* @noflip */
float: left;
}
.mw-content-rtl .mw-headline {
/* @noflip */
float: right;
}
#toc {
padding: 7px;
}
.toc#toc h2 {
font-family: sans-serif;
font-size: 100%;
}
#toc .toctoggle {
padding-left: 8px;
}
#toc ol {
margin-left: 0;
}
#toc ol ol {
margin-left: 2em;
}
/******************
TOP TOP MENU - PERSONAL
******************/
#p-personal {
z-index: 4;
left: auto;
right: 1em;
top: 0.33em;
}
#p-personal ul {
font-size: 0; /* hide any whitespace between li elements */
padding: 0;
text-transform: none;
}
#p-personal li {
display: inline-block;
font-size: 12px; /* IE8 fallback */
font-size: 0.75rem;
line-height: 1.125em;
margin-left: 0.75em;
margin-top: 0.5em;
}
#p-personal li a:hover {
background-color: transparent;
text-decoration: underline;
}
li#pt-anonuserpage {
color: #808080;
}
/* user icon */
li#pt-userpage,
li#pt-anonuserpage {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2213.836%22%20viewBox%3D%220%200%2012%2013.836%22%3E%3Cpath%20fill%3D%22%23777%22%20d%3D%22M1.938%206.656c-1.32%201.485-1.47%203.15-.97%204.25.323.707.78%201.127%201.313%201.375.5.23%201.08.28%201.66.29.03%200%20.04.03.06.03h4.19c.61%200%201.23-.124%201.75-.404.53-.28.96-.72%201.19-1.376.34-.965.18-2.53-1.09-4.03-.94%201.17-2.353%201.936-3.97%201.936-1.675%200-3.18-.812-4.123-2.063z%22%2F%3E%3Cpath%20fill%3D%22%23777%22%20d%3D%22M6.063%200C4.173%200%202.468%201.674%202.47%203.563%202.466%205.45%204.172%207.155%206.06%207.155c1.89%200%203.564-1.705%203.563-3.593C9.625%201.672%207.95%200%206.063%200z%22%2F%3E%3C%2Fsvg%3E');
padding-left: 15px;
}
li#pt-login {
background-image: none;
padding-left: 0;
}
/* don't hide notifications, as it just leaves a blank space */
#pt-wall-notifications .prehide {
visibility: visible;
}
/******************
TOP MENU - CACTIONS
******************/
#p-cactions {
width: 100%;
top: 0;
left: 0;
z-index: 2;
font-size: inherit;
margin: 0;
padding: 0;
}
#p-cactions .pBody {
background-image: none;
text-align: right;
margin-top: 38px; /* p-personal */
margin-right: 250px; /* search box */
margin-left: 11em; /* sidebar */
}
#p-cactions ul {
font-size: 0; /* hide any whitespace between li elementss */
margin: 0 0 0 1px;
}
/* add gradient styling */
#p-cactions li,
#p-cactions li.selected {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAoCAYAAAA/tpB3AAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAOnAAADusBZ+q87AAAAAd0SU1FB9sEBwk2Joi69zIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAARElEQVQI112MORLAIAwDN/7/i2OQUmDMkEajmzfTARBTUMwQ5iFkNuAKfr1TWVKbLcnlDe9tysXGSfv5/M3bk3vWVxJ8HpI/xiyd0aAAAAAASUVORK5CYII=');
background-repeat: repeat-x;
padding: 17px 1px 7px;
border: none;
z-index: 1;
background-color: #eaf4f8;
margin: 3px 0 0 -1px;
font-weight: normal;
font-size: 12.8px;
line-height: 15px;
}
/* separate left navigation from right */
#p-cactions li:first-child,
#p-cactions li:first-child + li, /* :nth-child(2) equivalent for IE8 */
#p-cactions #ca-contribs {
float: left;
}
#p-cactions li:first-child a,
#p-cactions li:first-child + li a,
#p-cactions #ca-contribs a {
display: inline;
}
#p-cactions li a {
cursor: pointer;
color: #0645ad;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAIAAADITs03AAAAPElEQVR4XuWK2xEAIAzCsPvv5DSu0ahX3yv4wQVyGGCSvg2dnJvduT8sz/IwKOIfjCi2z/76FhHeJcslVZQFLUC06LZ/AAAAAElFTkSuQmCC');
background-position: left bottom;
background-repeat: repeat-x;
display: inline-block;
padding: 20px 0.625em 7px !important;
text-transform: none;
font-weight: normal !important;
}
#p-cactions li.selected a {
color: #333;
font-weight: normal;
background-position: left top;
}
#p-cactions li a:hover {
text-decoration: underline;
background-color: transparent;
}
#p-cactions li.selected a:hover {
text-decoration: none;
background-color: #fff;
}
#p-cactions .new a {
color: #a55858;
}
/* content review tab: reposition indicator above tab, rather than at right of tab */
#p-cactions .content-review-status {
padding-right: 1px;
}
#p-cactions .content-review-status::after {
top: 7px;
}
/* watch tab: change tab to star icon */
/* :not(.no-watch-icon) is used to allow disabling via JS, and to prevent these styles being loaded in incompatible IE8 */
li#ca-unwatch:not(.no-watch-icon) a,
li#ca-watch:not(.no-watch-icon) a {
background-position: center 60%, left bottom;
background-repeat: no-repeat, repeat-x;
color: transparent !important;
width: 14px;
}
li#ca-unwatch:not(.no-watch-icon) a {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23c2edff%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%2368bdff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%2213.47%22%20x2%3D%224.596%22%20y1%3D%2214.363%22%20y2%3D%223.397%22%20xlink%3Ahref%3D%22%23a%22%20gradientUnits%3D%22userSpaceOnUse%22%2F%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23b)%22%20stroke%3D%22%237cb5d1%22%20d%3D%22M8.103%201.146l2.175%204.408%204.864.707-3.52%203.433.83%204.845-4.35-2.287-4.35%202.288.83-4.845-3.52-3.43%204.864-.708z%22%2F%3E%3C%2Fsvg%3E'), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAIAAADITs03AAAAPElEQVR4XuWK2xEAIAzCsPvv5DSu0ahX3yv4wQVyGGCSvg2dnJvduT8sz/IwKOIfjCi2z/76FhHeJcslVZQFLUC06LZ/AAAAAElFTkSuQmCC');
}
li#ca-unwatch:not(.no-watch-icon) a:hover,
li#ca-unwatch:not(.no-watch-icon) a:focus {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23c2edff%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%2368bdff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%2213.47%22%20x2%3D%224.596%22%20y1%3D%2214.363%22%20y2%3D%223.397%22%20xlink%3Ahref%3D%22%23a%22%20gradientUnits%3D%22userSpaceOnUse%22%2F%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23b)%22%20stroke%3D%22%23c8b250%22%20d%3D%22M8.103%201.146l2.175%204.408%204.864.707-3.52%203.433.83%204.845-4.35-2.287-4.35%202.288.83-4.845-3.52-3.43%204.864-.708z%22%2F%3E%3C%2Fsvg%3E'), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAIAAADITs03AAAAPElEQVR4XuWK2xEAIAzCsPvv5DSu0ahX3yv4wQVyGGCSvg2dnJvduT8sz/IwKOIfjCi2z/76FhHeJcslVZQFLUC06LZ/AAAAAElFTkSuQmCC');
}
li#ca-watch:not(.no-watch-icon) a {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%237cb5d1%22%20d%3D%22M8.103%201.146l2.175%204.408%204.864.707-3.52%203.433.83%204.845-4.35-2.287-4.35%202.288.83-4.845-3.52-3.43%204.864-.708z%22%2F%3E%3C%2Fsvg%3E'), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAIAAADITs03AAAAPElEQVR4XuWK2xEAIAzCsPvv5DSu0ahX3yv4wQVyGGCSvg2dnJvduT8sz/IwKOIfjCi2z/76FhHeJcslVZQFLUC06LZ/AAAAAElFTkSuQmCC');
}
li#ca-watch:not(.no-watch-icon) a:hover,
li#ca-watch:not(.no-watch-icon) a:focus {
background-image: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cpath%20fill%3D%22%23fff%22%20stroke%3D%22%23c8b250%22%20d%3D%22M8.103%201.146l2.175%204.408%204.864.707-3.52%203.433.83%204.845-4.35-2.287-4.35%202.288.83-4.845-3.52-3.43%204.864-.708z%22%2F%3E%3C%2Fsvg%3E'), url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAIAAADITs03AAAAPElEQVR4XuWK2xEAIAzCsPvv5DSu0ahX3yv4wQVyGGCSvg2dnJvduT8sz/IwKOIfjCi2z/76FhHeJcslVZQFLUC06LZ/AAAAAElFTkSuQmCC');
}
/******************
SIDE MENU
******************/
div#column-one {
padding-top: calc(160px + 1em);
padding-left: 0.5em;
width: 10em;
/* make footer rest against the end of #content instead of the sidebar */
margin-bottom: -1800px;
}
#p-logo {
height: 160px;
margin-bottom: 0;
padding-left: 0.5em;
width: 10em;
}
#p-logo a,
#p-logo a:hover {
width: 10em;
height: 160px;
background-position: center center !important;
}
#p-logo + .portlet h5,
#p-logo + .portlet h3,
#p-logo + #p-search + .portlet h5 {
display: none;
}
.generated-sidebar,
#p-tb,
#p-lang,
#p-wikicities-nav {
margin: 0 0.6em 0 0.7em;
padding: 0.25em 0;
width: auto;
}
#p-logo + .portlet .pBody,
#p-logo + #p-search + .portlet .pBody {
background-image: none;
}
.portlet h5,
.portlet h3 {
color: #444;
display: block;
font-size: 0.75em;
height: inherit;
margin: 0.5em 0 0 0.667em;
padding: 0.25em 0;
text-transform: none;
}
.portlet .pBody {
background-color: transparent;
background-repeat: no-repeat;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAAABCAAAAAAphRnkAAAAJ0lEQVQIW7XFsQEAIAyAMPD/b7uLWz8wS5youFW1UREfiIpH1Q2VBz7fGPS1dOGeAAAAAElFTkSuQmCC');
border: 0;
font-size: inherit;
margin-left: 0.5em;
padding: 0;
}
#p-logo + .portlet .pBody,
#p-logo + #p-search + .portlet .pBody {
margin-left: 0.5em;
}
.portlet .pBody ul {
font-size: inherit;
list-style-type: none;
list-style-image: none;
margin: 0;
padding: 0.3em 0 0 0;
}
.portlet .pBody ul li {
font-size: 0.75em;
line-height: 1.125em;
margin: 0;
padding: 0.25em 0;
}
#p-lang .uls-settings-trigger {
margin-top: 7px;
}
/******************
SEARCH
******************/
#p-search h5,
#p-search h3 {
display: none;
}
/* move to top */
#p-search {
position: absolute;
top: 50px;
right: 16px;
width: auto;
}
#p-search .pBody {
padding: 0;
margin: 0;
border: 1px solid #aaa;
border-radius: 2px;
overflow: hidden;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQCAIAAABY/YLgAAAAJUlEQVQIHQXBsQEAAAjDoND/73UWdnerhmHVsDQZJrNWVg3Dqge6bgMe6bejNAAAAABJRU5ErkJggg==');
background-color: #fff;
background-repeat: repeat-x;
}
#searchform {
width: 224px;
height: 23px;
position: relative;
background-color: transparent;
}
#searchform > #searchInput {
width: 200px;
height: 23px;
border: none;
padding: 0.2em 0 0.2em 0.2em;
margin: 0;
position: absolute;
top: 0;
left: 0;
font-size: 13px;
background-color: transparent;
}
/* disable webkit's box */
#searchInput:focus {
outline: none;
}
#searchInput::-webkit-search-cancel-button {
display: none;
}
#searchGoButton {
border: none;
background-color: transparent;
background-image: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2213%22%3E %3Cg fill=%22none%22 stroke=%22%2354595d%22 stroke-width=%222%22%3E %3Cpath d=%22M11.29 11.71l-4-4%22/%3E %3Ccircle cx=%225%22 cy=%225%22 r=%224%22/%3E %3C/g%3E %3C/svg%3E');
background-position: center;
background-repeat: no-repeat;
width: 22px;
height: 23px;
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0;
cursor: pointer;
text-indent: -9999px;
}
#mw-searchButton {
display: none;
}
.os-suggest {
font-size: 12px;
}
/******************
FOOTER
******************/
div#footer {
background: none;
border: none;
color: #333;
font-size: inherit;
margin: 0 0 0 11em;
padding: 1.25em;
text-align: left;
}
/* move icons to side */
#f-poweredbyico,
#f-copyrightico {
margin-top: 10px;
float: right;
}
#f-list {
width: 80%;
margin: 0;
}
div#footer li,
#footerlinks > p > a {
margin: 0 1em 0 0;
}
ul#f-list > li {
display: inline-block;
font-size: 0.7em;
padding-bottom: 6px;
}
div#footer #lastmod,
div#footer #copyright,
div#footer #footerlinks {
display: block;
}
#footerlinks > ul,
#footerlinks > p {
display: inline;
line-height: 2em;
margin: 0;
}
/* hide asterisks in footer on some pages */
#footerlinks > p {
visibility: hidden;
}
#footerlinks > p > a {
visibility: visible;
}
/******************
EDITING
******************/
#wpTextbox1 {
border: 1px solid #C0C0C0;
box-sizing: border-box;
display: inline;
line-height: 1.5em;
margin-bottom: -6px;
resize: vertical;
}
#editform > #editpage-copywarn {
background-color: #F0F0F0;
border-width: 1px;
border-style: none solid;
border-color: #C0C0C0;
padding: 1em 1em 0.1em;
}
.editOptions {
background-color: #F0F0F0;
border-width: 1px;
border-style: none solid solid;
border-color: #C0C0C0;
padding: 0 1em 1.5em;
}
#wpTextbox1 + .editOptions {
padding-top: 1em;
}
#wpSummary {
display: block;
}
#wpSummary,
.editCheckboxes,
.mw-summary-preview {
margin: 0 0 0.5em;
}
.mw-summary-preview:empty {
margin: 0;
}
/******************
PREFERENCES
******************/
/* preferences menu */
#preftoc,
#preftoc li {
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAbCAIAAAAyOnIjAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAOnAAADusBZ+q87AAAAAd0SU1FB9sGFBESOd4DQrgAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAACxJREFUCNdtjEEKADAMwsT//7hodhuD9SAJBNTMGHDby9eTWJKTfG3b9gEYOC7iTaKZLXJDAAAAAElFTkSuQmCC');
background-repeat: no-repeat;
background-color: #fff;
}
#preftoc {
background-position: left bottom;
height: 28px;
padding-left: 1px;
}
#preftoc li {
font-size: 12px;
background-position: right bottom;
border: none;
margin: 0;
padding: 5px 3px 1px;
height: 22px;
}
#preftoc li.selected {
font-weight: 400;
border: none;
margin: 0;
padding: 5px 3px 1px;
}
#preftoc a,
#preftoc a:active {
padding: 2px 3px 0;
color: #0645ad;
}
#preftoc a:hover {
text-decoration: underline;
}
#preftoc li.selected a {
padding-top: 1px;
color: #000;
}
#preftoc li.selected a:hover {
text-decoration: none;
}
#preftoc > li.selected {
top: 1px;
}
/* preferences content */
#preferences {
border-color: #ccc;
padding: 1em;
}
#preferences fieldset {
border-width: 1px;
border-style: solid none none;
border-color: #CCC;
}
#preferences fieldset.prefsection {
border: 0;
}
#preferences legend {
color: #666;
font-weight: normal;
}
#mw-input-wpskin > option[value="monobook"]::after {
content: " (Pseudo-Vector)";
}