User:BounceMashiro/global.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,iVBORw0KGgoAAAANSUhEUgAAAAEAAABOCAYAAADhG3wwAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAOnAAADusBZ+q87AAAAAd0SU1FB9sEBwoNJFhAx38AAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAQklEQVQY09WOyw3AUAjDnOy/s3vifdoJekEgEyuoFuDnQ6R4A6FE6j6P2CTcFqFZPr2f1/bxSSU0DvVV4xAMzTR4ACK0I33zxUTtAAAAAElFTkSuQmCC'); background-repeat: repeat-x; background-color: #f6f6f6; margin: 0; font: 100% sans-serif; } /* links */ body.skin-monobook a { color: #0645ad; } body.skin-monobook a:visited { color: #0b0080; } body.skin-monobook .bluelinks a { color: #0645ad !important; } body.skin-monobook .bluelinks a:visited { color: #0b0080 !important; } /* main content area */ body.skin-monobook div#globalWrapper { font-size: inherit; } body.skin-monobook div#content { margin: 79px 0 0 11em; padding: 1.25em 1.5em 1.5em; border-color: #a7d7f9; color: #252525; } body.skin-monobook div#bodyContent, .modalWrapper { font-size: 0.875em; line-height: 1.6; } body.skin-monobook p { margin: 0.5em 0; line-height: inherit; } /* 'from xyz wiki' message */ body.skin-monobook #siteSub { /*display: block;*/ font-size: 92% !important; font-weight: normal; padding: 0 !important; margin: 0 !important; } /* special page lists */ body.skin-monobook .special li { line-height: 1.6; margin-bottom: 0.1em; } /* use dot instead of square for lists */ body.skin-monobook 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 body.skin-monobook #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; } body.skin-monobook #bodyContent h1, #content h2:not(.pi-item) { margin-top: 1em; } body.skin-monobook #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; } body.skin-monobook #content h1 { font-size: 1.8em; } body.skin-monobook #content h2:not(.pi-item), .modalWrapper > h1 { font-size: 1.5em; } body.skin-monobook #content h3:not(.pi-secondary-font) { font-size: 1.2em; } body.skin-monobook #content h4, #content h5, #content h6 { font-size: 100%; } body.skin-monobook .editsection, .mw-editsection { font-family: sans-serif; font-size: small !important; } /* move section edit links next to header */ body.skin-monobook .mw-content-ltr .editsection, .mw-content-rtl .editsection { float: none; margin: 0 1em; color: #555; } body.skin-monobook .mw-content-ltr .mw-headline { /* @noflip */ float: left; } body.skin-monobook .mw-content-rtl .mw-headline { /* @noflip */ float: right; } body.skin-monobook #toc { padding: 7px; } body.skin-monobook .toc#toc h2 { font-family: sans-serif; font-size: 100%; } body.skin-monobook #toc .toctoggle { padding-left: 8px; } body.skin-monobook #toc ol { margin-left: 0; } body.skin-monobook #toc ol ol { margin-left: 2em; } /****************** TOP TOP MENU - PERSONAL body.skin-monobook #p-personal { z-index: 4; left: auto; right: 1em; top: 0.33em; } body.skin-monobook #p-personal ul { font-size: 0; /* hide any whitespace between li elements */ padding: 0; text-transform: none; } body.skin-monobook #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; } body.skin-monobook #p-personal li a:hover { background-color: transparent; text-decoration: underline; } body.skin-monobook li#pt-anonuserpage { color: #808080; } /* user icon */ body.skin-monobook 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; } body.skin-monobook li#pt-login{ background-image: none; padding-left: 0; } /* don't hide notifications, as it just leaves a blank space */ body.skin-monobook #pt-wall-notifications .prehide { visibility: visible; } /****************** TOP MENU - CACTIONS body.skin-monobook #p-cactions { width: 100%; top: 0; left: 0; z-index: 2; font-size: inherit; margin: 0; padding: 0; } body.skin-monobook #p-cactions .pBody { text-align: right; margin-top: 38px; /* p-personal */ margin-right: 250px; /* search box */ margin-left: 11em; /* sidebar */ } body.skin-monobook #p-cactions ul { font-size: 0; /* hide any whitespace between li elementss */ margin: 0 0 0 1px; } /* add gradient styling */ body.skin-monobook #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 */ body.skin-monobook #p-cactions li:first-child, body.skin-monobook #p-cactions li:first-child + li, /* :nth-child(2) equivalent for IE8 */ body.skin-monobook #p-cactions #ca-contribs { float: left; } body.skin-monobook #p-cactions li:first-child a, body.skin-monobook #p-cactions li:first-child + li a, body.skin-monobook #p-cactions #ca-contribs a { display: inline; } body.skin-monobook #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 6px 7px !important; text-transform: none; font-weight: normal !important; } body.skin-monobook #p-cactions li.selected a { color: #333; font-weight: normal; background-position: left top; } body.skin-monobook #p-cactions li a:hover { text-decoration: underline; background-color: transparent; } body.skin-monobook #p-cactions li.selected a:hover { text-decoration: none; background-color: #fff; } body.skin-monobook #p-cactions .new a { color: #a55858; } /* content review tab: reposition indicator above tab, rather than at right of tab */ body.skin-monobook #p-cactions .content-review-status { padding-right: 1px; } body.skin-monobook #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 */ body.skin-monobook 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; } body.skin-monobook 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; }	width: 10em; height: 160px; background-position: center center !important; margin-left: 0.5em; }	display: none; } .generated-sidebar, #p-tb, #p-lang, #p-wikicities-nav { background-position: left top; background-repeat: no-repeat; background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAAABCAAAAAAphRnkAAAAJ0lEQVQIW7XFsQEAIAyAMPD/b7uLWz8wS5youFW1UREfiIpH1Q2VBz7fGPS1dOGeAAAAAElFTkSuQmCC'); margin: 0 0.6em 0 0.7em; padding: 0.25em 0; width: auto; }	background-image: none; } .portlet h5, .portlet h3 { color: #4D4D4D; display: block; font-size: 0.75em; height: inherit; margin: 0; padding: 0.25em 0 0.25em 0.25em; text-transform: none; } .portlet .pBody { background-color: transparent; border: none; font-size: inherit; margin-left: 1.25em; padding: 0; }	margin-left: 0.5em; } .portlet .pBody ul { font-size: inherit; list-style-type: none; list-style-image: none; margin: 0; padding: 0; } .portlet .pBody ul li { font-size: 0.75em; line-height: 1.125em; margin: 0; padding: 0.25em 0; } /****************** SEARCH display: none; } /* move to top */ position: absolute; top: 50px; right: 16px; width: auto; }	padding: 0; margin: 0; border: 1px solid #aaa; 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: 24px; border: none; padding: 0 0 0 3px; 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%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2213%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%236c6c6c%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22M11.29%2011.71l-4-4%22%2F%3E%3Ccircle%20cx%3D%225%22%20cy%3D%225%22%20r%3D%224%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%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; }	margin-bottom: 0.5em; } /****************** 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 !important; padding: 5px 3px 1px !important; height: 22px; }	font-weight: 400; border: none; }	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) p-logo a, #p-logo a:hover {
 * 1) p-logo + .portlet h5,
 * 2) p-logo + .portlet h3,
 * 3) p-logo + #p-search + .portlet h5 {
 * 1) p-logo + .portlet,
 * 2) p-logo + #p-search + .portlet {
 * 1) p-logo + .portlet .pBody,
 * 2) p-logo + #p-search + .portlet .pBody {
 * 1) p-search h5, #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, #f-copyrightico {
 * 1) f-list {
 * 1) footerlinks > p > a {
 * 1) footerlinks > ul, #footerlinks > p {
 * 1) footerlinks > p {
 * 1) footerlinks > p > a {
 * 1) wpTextbox1 {
 * 1) editform > #editpage-copywarn {
 * 1) wpTextbox1 + .editOptions {
 * 1) wpSummary {
 * 1) wpSummary, .editCheckboxes {
 * 1) preftoc, #preftoc li {
 * 1) preftoc {
 * 1) preftoc li {
 * 1) preftoc li.selected {
 * 1) preftoc a, #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 {