User:EilivUH/common.css

/*      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 */ /*display: block;*/ font-size: 92% !important; font-weight: normal; padding: 0 !important; margin: 0 !important; }
 * 1) siteSub {

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



.modalWrapper > h1 { font-family: "Linux Libertine", Georgia, Times, serif; line-height: 1.3; margin-top: 0; margin-bottom: 0.25em; padding: 0; }
 * 1) content h1,
 * 2) content h2:not(.pi-item),

margin-top: 1em; }
 * 1) bodyContent h1,
 * 2) content h2:not(.pi-item) {

line-height: 1.6; margin-top: 0.3em; margin-bottom: 0; padding-bottom: 0; }
 * 1) content h3:not(.pi-secondary-font),
 * 2) content h4,
 * 3) content h5,
 * 4) content h6 {

font-size: 1.8em; }
 * 1) content h1 {

.modalWrapper > h1 { font-size: 1.5em; }
 * 1) content h2:not(.pi-item),

font-size: 1.2em; }
 * 1) content h3:not(.pi-secondary-font) {

font-size: 100%; }
 * 1) content h4,
 * 2) content h5,
 * 3) content h6 {

.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; }

padding: 7px; }
 * 1) toc {

.toc#toc h2 { font-family: sans-serif; font-size: 100%; }

padding-left: 8px; }
 * 1) toc .toctoggle {

margin-left: 0; }
 * 1) toc ol {

margin-left: 2em; }
 * 1) toc ol ol {

/******************

TOP TOP MENU - PERSONAL



z-index: 4; left: auto; right: 1em; top: 0.33em; }
 * 1) p-personal {

font-size: 0; /* hide any whitespace between li elements */ padding: 0; text-transform: none; }
 * 1) p-personal ul {

display: inline-block; font-size: 12px; /* IE8 fallback */ font-size: 0.75rem; line-height: 1.125em; margin-left: 0.75em; margin-top: 0.5em; }
 * 1) p-personal li {

background-color: transparent; text-decoration: underline; }
 * 1) p-personal li a:hover {

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%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cg%20fill%3D%22%2354595d%22%3E%3Cpath%20d%3D%22M10%2011c-5.92%200-8%203-8%205v3h16v-3c0-2-2.08-5-8-5z%22%2F%3E%3Ccircle%20cx%3D%2210%22%20cy%3D%225.5%22%20r%3D%224.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E'); background-size: 1.167em; padding-left: 15px; }

li#pt-login { background-image: none; padding-left: 0; }

/* don't hide notifications, as it just leaves a blank space */ visibility: visible; }
 * 1) pt-wall-notifications .prehide {

/******************

TOP MENU - CACTIONS



width: 100%; top: 0; left: 0; z-index: 2; font-size: inherit; margin: 0; padding: 0; }
 * 1) p-cactions {

background-image: none; text-align: right; margin-top: 38px; /* p-personal */ margin-right: 250px; /* search box */ margin-left: 11em; /* sidebar */ }
 * 1) p-cactions .pBody {

font-size: 0; /* hide any whitespace between li elementss */ margin: 0 0 0 1px; }
 * 1) p-cactions ul {

/* add gradient styling */ 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; }
 * 1) p-cactions li,
 * 2) p-cactions li.selected {

/* separate left navigation from right */ float: left; }
 * 1) p-cactions li:first-child,
 * 2) p-cactions li:first-child + li, /* :nth-child(2) equivalent for IE8 */
 * 3) p-cactions #ca-contribs {

display: inline; }
 * 1) p-cactions li:first-child a,
 * 2) p-cactions li:first-child + li a,
 * 3) p-cactions #ca-contribs 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; }
 * 1) p-cactions li a {

color: #333; font-weight: normal; background-position: left top; }
 * 1) p-cactions li.selected a {

text-decoration: underline; background-color: transparent; }
 * 1) p-cactions li a:hover {

text-decoration: none; background-color: #fff; }
 * 1) p-cactions li.selected a:hover {

color: #a55858; }
 * 1) p-cactions .new a {

/* content review tab: reposition indicator above tab, rather than at right of tab */ padding-right: 1px; }
 * 1) p-cactions .content-review-status {

top: 7px; }
 * 1) p-cactions .content-review-status::after {

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

height: 160px; margin-bottom: 0; padding-left: 0.5em; width: 10em; }
 * 1) p-logo {

width: 10em; height: 160px; background-position: center center !important; }
 * 1) p-logo a,
 * 2) p-logo a:hover {

display: none; }
 * 1) p-logo + .portlet h5,
 * 2) p-logo + .portlet h3,
 * 3) p-logo + #p-search + .portlet h5,
 * 4) sidebar > .portlet:first-child > h3 {

.generated-sidebar, margin: 0 0.6em 0 0.7em; padding: 0.25em 0; width: auto; }
 * 1) p-tb,
 * 2) p-lang,
 * 3) p-wikicities-nav {

background-image: none; }
 * 1) p-logo + .portlet .pBody,
 * 2) p-logo + #p-search + .portlet .pBody,
 * 3) sidebar > .portlet:first-child > .pBody {

.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; }

margin-left: 0.5em; }
 * 1) p-logo + .portlet .pBody,
 * 2) p-logo + #p-search + .portlet .pBody {

.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; }

margin-top: 7px; }
 * 1) p-lang .uls-settings-trigger {

/******************

SEARCH



display: none; }
 * 1) p-search h5,
 * 2) p-search h3 {

/* move to top */ position: absolute; top: 50px; right: 16px; width: auto; }
 * 1) p-search {

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; }
 * 1) p-search .pBody {

width: 224px; height: 23px; position: relative; background-color: transparent; }
 * 1) searchform {

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; }
 * 1) searchform > #searchInput {

/* disable webkit's box */ outline: none; }
 * 1) searchInput:focus {

display: none; }
 * 1) searchInput::-webkit-search-cancel-button {

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; }
 * 1) searchGoButton,
 * 2) searchButton {

display: none; }
 * 1) mw-searchButton {

.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 */ margin-top: 10px; float: right; }
 * 1) f-poweredbyico,
 * 2) f-copyrightico {

width: 80%; margin: 0; }
 * 1) f-list {

div#footer li, margin: 0 1em 0 0; }
 * 1) footerlinks > p > a {

ul#f-list > li { display: inline-block; font-size: 0.8em; padding-bottom: 6px; }

div#footer #lastmod, div#footer #copyright, div#footer #footerlinks { display: block; }

display: inline; line-height: 2em; margin: 0; }
 * 1) footerlinks > ul,
 * 2) footerlinks > p {

/* hide asterisks in footer on some pages */ visibility: hidden; }
 * 1) footerlinks > p {

visibility: visible; }
 * 1) footerlinks > p > a {

/******************

EDITING



border: 1px solid #C0C0C0; box-sizing: border-box; display: inline; line-height: 1.5em; margin-bottom: -6px; resize: vertical; }
 * 1) wpTextbox1 {

background-color: #F0F0F0; border-width: 1px; border-style: none solid; border-color: #C0C0C0; padding: 1em 1em 0.1em; }
 * 1) editform > #editpage-copywarn {

.editOptions { background-color: #F0F0F0; border-width: 1px; border-style: none solid solid; border-color: #C0C0C0; padding: 0 1em 1.5em; }

padding-top: 1em; }
 * 1) wpTextbox1 + .editOptions {

display: block; }
 * 1) wpSummary {

.editCheckboxes, .mw-summary-preview { margin: 0 0 0.5em; }
 * 1) wpSummary,

.mw-summary-preview:empty { margin: 0; }

/******************

PREFERENCES



/* preferences menu */ background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAbCAIAAAAyOnIjAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAOnAAADusBZ+q87AAAAAd0SU1FB9sGFBESOd4DQrgAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAACxJREFUCNdtjEEKADAMwsT//7hodhuD9SAJBNTMGHDby9eTWJKTfG3b9gEYOC7iTaKZLXJDAAAAAElFTkSuQmCC'); background-repeat: no-repeat; background-color: #fff; }
 * 1) preftoc,
 * 2) preftoc li {

background-position: left bottom; height: 28px; padding-left: 1px; }
 * 1) preftoc {

font-size: 12px; background-position: right bottom; border: none; margin: 0; padding: 5px 3px 1px; height: 22px; }
 * 1) preftoc li {

font-weight: 400; border: none; margin: 0; padding: 5px 3px 1px; }
 * 1) preftoc li.selected {

padding: 2px 3px 0; color: #0645ad; }
 * 1) preftoc a,
 * 2) preftoc a:active {

text-decoration: underline; }
 * 1) preftoc a:hover {

padding-top: 1px; color: #000; }
 * 1) preftoc li.selected a {

text-decoration: none; }
 * 1) preftoc li.selected a:hover {

top: 1px; }
 * 1) preftoc > li.selected {

/* preferences content */ border-color: #ccc; padding: 1em; }
 * 1) preferences {

border-width: 1px; border-style: solid none none; border-color: #CCC; }
 * 1) preferences fieldset {

border: 0; }
 * 1) preferences fieldset.prefsection {

color: #666; font-weight: normal; }
 * 1) preferences legend {

content: " (Pseudo-Vector)"; }
 * 1) mw-input-wpskin > option[value="monobook"]::after {