User:Mike9012/monobook.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; } /* 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-bottom: 0.25em; padding: 0; }   margin-top: 1em; }   line-height: 1.6; margin-top: 0.3em; margin-bottom: 0; padding-bottom: 0; }   font-size: 1.8em; } .modalWrapper > h1 { font-size: 1.5em; }   font-size: 1.2em; }   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; }   padding: 7px; } .toc#toc h2 { font-family: sans-serif; font-size: 100%; }   padding-left: 8px; }   margin-left: 0; }   margin-left: 2em; } /****************** TOP TOP MENU - PERSONAL z-index: 4; left: auto; right: 1em; top: 0.33em; }   font-size: 0; /* hide any whitespace between li elements */ padding: 0; text-transform: none; }   display: inline-block; font-size: 12px; /* IE8 fallback */ font-size: 0.75rem; line-height: 1.125em; margin-left: 0.75em; margin-top: 0.5em; }   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 */ visibility: visible; } /****************** TOP MENU - CACTIONS width: 100%; top: 0; left: 0; z-index: 2; font-size: inherit; margin: 0; padding: 0; }   background-image: none; text-align: right; margin-top: 38px; /* p-personal */ margin-right: 250px; /* search box */ margin-left: 11em; /* sidebar */ }   font-size: 0; /* hide any whitespace between li elementss */ margin: 0 0 0 1px; } /* 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; } /* separate left navigation from right */ float: left; }   display: inline; }   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; }   color: #333; font-weight: normal; background-position: left top; }   text-decoration: underline; background-color: transparent; }   text-decoration: none; background-color: #fff; }   color: #a55858; } /* content review tab: reposition indicator above tab, rather than at right of tab */ padding-right: 1px; }   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; }   height: 160px; margin-bottom: 0; padding-left: 0.5em; width: 10em; }   width: 10em; height: 160px; background-position: center center !important; }   display: none; } .generated-sidebar, margin: 0 0.6em 0 0.7em; padding: 0.25em 0; width: auto; }   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; }   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; }   margin-top: 7px; } /****************** SEARCH display: none; } /* move to top */ position: absolute; top: 50px; right: 16px; width: auto; }   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; }   width: 224px; height: 23px; position: relative; background-color: transparent; }   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 */ outline: none; }   display: none; }   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; }   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 */ margin-top: 10px; float: right; }   width: 80%; margin: 0; } div#footer li, 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; }   display: inline; line-height: 2em; margin: 0; } /* hide asterisks in footer on some pages */ visibility: hidden; }   visibility: visible; } /****************** EDITING border: 1px solid #C0C0C0; box-sizing: border-box; display: inline; line-height: 1.5em; margin-bottom: -6px; resize: vertical; }   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; }   padding-top: 1em; }   display: block; } .editCheckboxes, .mw-summary-preview { margin: 0 0 0.5em; } .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; }   background-position: left bottom; height: 28px; padding-left: 1px; }   font-size: 12px; background-position: right bottom; border: none; margin: 0; padding: 5px 3px 1px; height: 22px; }   font-weight: 400; border: none; margin: 0; padding: 5px 3px 1px; }   padding: 2px 3px 0; color: #0645ad; }   text-decoration: underline; }   padding-top: 1px; color: #000; }   text-decoration: none; }   top: 1px; } /* preferences content */ border-color: #ccc; padding: 1em; }   border-width: 1px; border-style: solid none none; border-color: #CCC; }   border: 0; }   color: #666; font-weight: normal; }   content: " (Pseudo-Vector)"; }
 * 1) siteSub {
 * 1) content h1,
 * 2) content h2:not(.pi-item),
 * 1) bodyContent h1,
 * 2) content h2:not(.pi-item) {
 * 1) content h3:not(.pi-secondary-font),
 * 2) content h4,
 * 3) content h5,
 * 4) content h6 {
 * 1) content h1 {
 * 1) content h2:not(.pi-item),
 * 1) content h3:not(.pi-secondary-font) {
 * 1) content h4,
 * 2) content h5,
 * 3) content h6 {
 * 1) toc {
 * 1) toc .toctoggle {
 * 1) toc ol {
 * 1) toc ol ol {
 * 1) p-personal {
 * 1) p-personal ul {
 * 1) p-personal li {
 * 1) p-personal li a:hover {
 * 1) pt-wall-notifications .prehide {
 * 1) p-cactions {
 * 1) p-cactions .pBody {
 * 1) p-cactions ul {
 * 1) p-cactions li,
 * 2) p-cactions li.selected {
 * 1) p-cactions li:first-child,
 * 2) p-cactions li:first-child + li, /* :nth-child(2) equivalent for IE8 */
 * 3) p-cactions #ca-contribs {
 * 1) p-cactions li:first-child a,
 * 2) p-cactions li:first-child + li a,
 * 3) p-cactions #ca-contribs a {
 * 1) p-cactions li a {
 * 1) p-cactions li.selected a {
 * 1) p-cactions li a:hover {
 * 1) p-cactions li.selected a:hover {
 * 1) p-cactions .new a {
 * 1) p-cactions .content-review-status {
 * 1) p-cactions .content-review-status::after {
 * 1) p-logo {
 * 1) p-logo a,
 * 2) p-logo a:hover {
 * 1) p-logo + .portlet h5,
 * 2) p-logo + .portlet h3,
 * 3) p-logo + #p-search + .portlet h5 {
 * 1) p-tb,
 * 2) p-lang,
 * 3) p-wikicities-nav {
 * 1) p-logo + .portlet .pBody,
 * 2) p-logo + #p-search + .portlet .pBody {
 * 1) p-logo + .portlet .pBody,
 * 2) p-logo + #p-search + .portlet .pBody {
 * 1) p-lang .uls-settings-trigger {
 * 1) p-search h5,
 * 2) p-search h3 {
 * 1) p-search {
 * 1) p-search .pBody {
 * 1) searchform {
 * 1) searchform > #searchInput {
 * 1) searchInput:focus {
 * 1) searchInput::-webkit-search-cancel-button {
 * 1) searchGoButton {
 * 1) mw-searchButton {
 * 1) f-poweredbyico,
 * 2) f-copyrightico {
 * 1) f-list {
 * 1) footerlinks > p > a {
 * 1) footerlinks > ul,
 * 2) footerlinks > p {
 * 1) footerlinks > p {
 * 1) footerlinks > p > a {
 * 1) wpTextbox1 {
 * 1) editform > #editpage-copywarn {
 * 1) wpTextbox1 + .editOptions {
 * 1) wpSummary {
 * 1) wpSummary,
 * 1) preftoc,
 * 2) preftoc li {
 * 1) preftoc {
 * 1) preftoc li {
 * 1) preftoc li.selected {
 * 1) preftoc a,
 * 2) preftoc a:active {
 * 1) preftoc a:hover {
 * 1) preftoc li.selected a {
 * 1) preftoc li.selected a:hover {
 * 1) preftoc > li.selected {
 * 1) preferences {
 * 1) preferences fieldset {
 * 1) preferences fieldset.prefsection {
 * 1) preferences legend {
 * 1) mw-input-wpskin > option[value="monobook"]::after {