User:Ultimate Dark Carnage/uncyclopedia.css

/* Edit this file to make sitewide customisations specific to the Uncyclopedia (vector) skin. * Customisations that are not skin-specific go in MediaWiki:Common.css. */ /* Style of "sprites" in captions in thumbnail illustrations */ IMG.sprite { margin-right: 0.5em !important } /* Smaller edit links --Algorithm */ /* Moved from Common.css and surround with square brackets; by Spike, May'14 */ /* Related code in [MediaWiki:Uncyclopedia.js] slides them left to be close to the section heads. */ .editsection { display: block; float: right; font-size: small; font-weight: normal; } .editsection:before { content: "["; color: #555 } /* Like Wikipedia */ .editsection:after { content: "]"; color: #555 }  /* Like Wikipedia */ /* Wikia has made captions gray! On Wikipedia they are still black. --Spike, Aug'14 */ P.caption { color: black !important } /* Wikia added an "info-icon" in the photo itself when you hover over it. Not like Wikipedia; bye. --Spike, Aug'14 */ A.info-icon { display: none !important } /* Wikia "lazy load" fleshes out Tables of Contents, including section numbering. --Spike, Sep'14 */ NAV#toc OL { list-style-type: none }         /* No second system of section numbers */ NAV#toc SPAN.toctoggle { padding-left: 1em } /* Separate [show] or [hide] from TOC title */ border-color: #fabd23; padding: 0 0 .2em 0; font-weight: normal; }	padding: 0 0.8em 0.3em 0.8em !important; background-color: white; } /* hide founders' projects from sidebar -Lyrithya */ display:none; } /* Spotlight fix (applicable?) */ /* Featured interwiki */ li.FA { list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAALCAYAAACtWacbAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAO6wAADpwBEbNupAAAAAd0SU1FB9sGEAgRNWANUvgAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAI1JREFUGNO1z7ENwkAUA9CXFFczQhALIEGVklshSzAEmYABKLIKTAASC5xIl5aaioKLBNfzG+v7f1s2f5vXeXUouap42OCKbYjpNvN1IToW+HHK9jussfi6PXHHpcaApniQ9wZDHWKa0GWlwqkLMU3VV+hHVs4zhpiWZfAGI04Zm592uXqPNsS0R4s+897SRyS/qqHMiQAAAABJRU5ErkJggg==); } /* positioning for custom logos and whatnot */ .logothing { display:block; width:160px; position: absolute; left: -160px; top: -72px; background:none; }	padding: 0; margin-top:-3px; } /* Watch star */ background-image: url(http://images2.wikia.nocookie.net/uncyclopedia/images/c/ce/Watch-icons.png); margin-top:-5px; background-position: 0px 1px; background-repeat:no-repeat; }	background-image: url(http://images2.wikia.nocookie.net/uncyclopedia/images/c/ce/Watch-icons.png); background-position: -24px 1px; background-repeat:no-repeat; }	background-image: url(http://images2.wikia.nocookie.net/uncyclopedia/images/c/ce/Watch-icons.png); background-position: -48px 1px; margin-top:-5px; background-repeat:no-repeat; }	background-image: url(http://images2.wikia.nocookie.net/uncyclopedia/images/c/ce/Watch-icons.png); background-position: -72px 1px; background-repeat:no-repeat; } /*************************************** SKIN - Turn it into vector body { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABOCAYAAADhG3wwAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAOnAAADusBZ+q87AAAAAd0SU1FB9sEBwoNJFhAx38AAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAAQklEQVQY09WOyw3AUAjDnOy/s3vifdoJekEgEyuoFuDnQ6R4A6FE6j6P2CTcFqFZPr2f1/bxSSU0DvVV4xAMzTR4ACK0I33zxUTtAAAAAElFTkSuQmCC) !important; background-repeat: repeat-x !important; background: #f6f6f6; margin: 0; } /* Move down logo a bit; not sure if this is a good idea or not */ width:160px !important; background-position: 50% 70% !important; }	padding-top: 0; padding-bottom: 0; font-size: 26px; line-height: 31px; } a { color: #0645ad; } a:visited { color: #0b0080; } .bluelinks a { color: #0645ad !important; } .bluelinks a:visited { color: #0b0080 !important; }	margin: 79px 0 0 160px !important; border: 1px #a7d7f9; border-style: solid none solid solid; font-size: 13px; position: relative; padding:1em; } textarea, #wpSummary { border: solid 1px #aaa; margin-bottom: 8px; } /* use dot instead of square for lists */ ul { list-style-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAKCAYAAAB8OZQwAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAOnAAADusBZ+q87AAAAAd0SU1FB9sGEQcDKb8YXjwAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAADpJREFUCNe9y7EJwEAMBMF54cJUgxsyyl2USvvED6rAmxzscvzEcr+JB4lGXUM4G0McMr7LpAM1QqM201IIq3IeJ9MAAAAASUVORK5CYII=); list-style-type: square; } /****************** TOP TOP MENU - PERSONAL /* user icon */ li#pt-userpage, li#pt-anonuserpage, li#pt-login { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAALCAMAAABxsOwqAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGBQTFRF////R2uZMmGd5rp2boqvMFyS9unUTXWr5KQ/N2mn/Pr42Jg14Zstl6a80K93XXiVooVQ57VnpLnW4a1a36ZMr7Cwgpm5PXGw78mO+O/g1t7n5Orxk6zMvMne7/Dw6+zt5K6gdAAAAAF0Uk5TAEDm2GYAAABdSURBVHheHcpFAgMxEANBDZhhmQP//2Uc90V1EICrLuti0YqnyORrbLSrWPHJ/ukn8bkzbrnVD/MwpjQOb+B2hyvbQe7BTiG8ZmYqUOLglA0rCrcJxpiCz049/f4A9ZID96SyhDEAAAAASUVORK5CYII="); }	z-index: 2; margin-top:4px; }	font-size: 12px; }	background: transparent !important; }	text-decoration:underline !important; }	font-size: 15px; } /****************** TOP MENU - CACTIONS width: 100%; font-size: 13px; z-index: 2; margin: 0; padding: 0; position: absolute; top: 0; left: 0; }	background-image: none; margin: 41px 242px 0 160px }	font-size: 100% !important; position: relative; background-color: transparent; padding: 0; height:43px; } /* add gradient styling and 'enable' right-navigation */ background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAoCAYAAAA/tpB3AAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAOnAAADusBZ+q87AAAAAd0SU1FB9sEBwk2Joi69zIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAARElEQVQI112MORLAIAwDN/7/i2OQUmDMkEajmzfTARBTUMwQ5iFkNuAKfr1TWVKbLcnlDe9tysXGSfv5/M3bk3vWVxJ8HpI/xiyd0aAAAAAASUVORK5CYII=) repeat-x !important; padding: 17px 1px 7px 1px !important; border: 1px #a7d7f9; border-style: none; z-index: 1 !important; background-color:#eaf4f8; float:right; margin: 0 0 0 -1px; } /* separate left navigation from right */ float: left !important; } /* override margining used to force 1px borders on other tabs */ margin:0 !important; }	cursor:pointer; color:#0645ad; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAoCAYAAAA/tpB3AAAAAXNSR0IArs4c6QAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sFHgU6HYxvmdsAAAAwSURBVAjXY/j///9/JgYGBjSCgYmBgeEfKus/LuIfYdY/XGLYlCCIv1gU/0WVgLAAaU0pC9bG9mQAAAAASUVORK5CYII=) 0 -1px repeat-x ; text-transform: none; padding: 17px 6px 8px 6px !important; }	color: #333333; background-color: #fff !important; padding: 17px 6px 8px 6px !important; }	text-decoration: underline; background-color: transparent; }	background-color: white !important; cursor: pointer; }	text-decoration: none; } /****************** DROPDOWNS .vector-cactions > a { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAoCAIAAACw1AcgAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAOnAAADusBZ+q87AAAAAd0SU1FB9sGFRAcELtM+ggAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAADtJREFUCNdVjcENADEMwgz77+w+mt61DxRigUCtWKQwkhLr8YdPzvmVBipWr8zct28ljZt7b32dzfPvLLNRIzGl0umkAAAAAElFTkSuQmCC) 0 -1px repeat-x !important; } /* legacy delete dropdown */ margin-top:15px; border: solid 1px; border-color: #a7d7f9 #ccc #ccc #ccc !important; padding-bottom: 14px; }	margin: -7px 0 0 0 !important; padding: 0 !important; }	text-decoration: underline !important; }	padding: 0 !important; } .ca-dropdown { position:relative; } .d-dropdown { position:relative; margin-right: -7px !important; } .dropdown { position:absolute; display: none; z-index: 50; top: 38px; left:0; border: solid 1px; padding: 7px; border-color: #a7d7f9 #ccc #ccc #ccc; opacity: .9; background: #fff; } .dropdownn { position:absolute; display: none; z-index: 50; top: -8px; left:100%; border: solid 1px; padding: 7px; border-color: #ccc; background: #fff; } .ca-dropdown:hover > .dropdown, .d-dropdown:hover > .dropdownn { display:block; } .dropdown span { float: none !important; display: block; padding: 6px; border: none; } /****************** SIDE MENU margin-top: -3px; } /* sizing, prevent overflow */ .generated-sidebar, #p-tb, #p-lang { margin-bottom: 4px; padding-left: 5px; font-size: 13px; width:145px; } .portlet h5 { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAAABCAMAAAA7MLYKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEtQTFRF29vb2tra4ODg6urq5OTk4uLi6+vr7e3t7Ozs8PDw5+fn4+Pj4eHh3d3d39/f6Ojo5eXl6enp8fHx8/Pz8vLy7+/v3Nzc2dnZ2NjYnErj7QAAAD1JREFUeNq0wQUBACAMALDj7hf6JyUFGxzEnYhC9GaNPG1xVffGDErk/iCigLl1XV2xM49lfAxEaSM+AQYA9HMKuv4liFQAAAAASUVORK5CYII=); background-position: center bottom; background-repeat: no-repeat; background-color: transparent; display: block; margin: 19px 0 10px 8px; padding: 0 0 12px 8px; color: #444444; text-transform: none; font-size: 12px; } .portlet .pBody { background-color: transparent; border: 0px !important; padding: 0 0 2px 15px; margin: -3px 0 0 0; font-size: 100%; } .portlet .pBody ul { list-style-type: none; list-style-image: none; margin-left: 0; padding: 0; } .portlet .pBody ul li { line-height: 14px; padding: 0 0 6px 0; margin:0 } /* collapsible menus */ .collapsible_pile #p-navigation { margin-top:18px !important; margin-bottom: 0 !important; } .collapsible_pile #p-navigation h5 { display: none !important; } .collapsible_pile .visible h5, .collapsible_pile .hidden h5 { background-position: center top; margin: 0; padding: 8px 0 5px 24px; cursor: pointer; } .collapsible_pile .visible .pBody, .collapsible_pile .hidden .pBody { padding: 0 0 0 26px; margin: 0; } .collapsible_pile .hidden h5 { color: #0645ad; } .collapsible_pile .hidden h5:hover { text-decoration: underline; } /* arrows */ .collapsible_pile .visible { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAFCAYAAACTphZWAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAO6wAADpwBEbNupAAAAAd0SU1FB9sGDg0pGmpOMR0AAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAE9JREFUCNd9yzENgDAARNFH6gIBGGCuAwx161ZDSOiKAQzUBhMkTVpuvLy/pJR2ZBzmO5FDrbXFGG+s2GawlHIF+Ak+COF9B0EHOzwIOggPO/8lOmDjOrAAAAAASUVORK5CYII=) no-repeat 14px 13px; } .collapsible_pile .hidden { background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAOnAAADusBZ+q87AAAAAd0SU1FB9sGDg4fNUrFI2gAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAFRJREFUGNNjYEAClZWVxgx4ABMavwGfBnTFPvg0MGERw6mBCYeNWDWw4PGPD5T2JWQyAwMDwxYGBoYGYpyxhYGBoaG9vf0sIcVYFWJTjFMhBiAUgwB5exk8MN/AIQAAAABJRU5ErkJggg==) no-repeat 14px 10px; } /****************** SEARCH display: none; } /* move to top */ position: absolute; top: 50px; right: 8px; width: auto; float: right; text-align: right; margin: 0; z-index: 51 !important; }	background-image: none; background-color: #fff; padding:0; margin:0; border: 1px solid #aaa !important; overflow:hidden; background: #ffffff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAXCAIAAABF+LJYAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAOnAAADusBZ+q87AAAAAd0SU1FB9sGEgoDAOfH+u0AAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAC1JREFUCNddyrENACAQgEBg/3m/1cIYE9sDZiYgIDEk9Zjm365LrGPvM11hCRs3BQUqlYAYAgAAAABJRU5ErkJggg==) repeat-x top; }	padding:0; margin: 0; width: 224px; height:22px; position: relative; background: transparent; }	width: 190px; height: 22px; border: none !important; padding: 0 0 0 3px; margin: 0; position: absolute; top: 0px; left:0px; font-size: 13px; -webkit-appearance: none; background: transparent; } /* disable webkit's box */ outline: none; }	display: none; }	border: none; background: #fff; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAANCAAAAAC4QtCeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAJ0Uk5TAP9bkSK1AAAAaklEQVQI12P4///u3NrauXf/AwHD//05YLAfxLmbl7/n48c9+Xn3gZxJYDGg/BQgpyznC4jzJacMmVOMrgxowMFPnw5CDIAZnbMLxAFaWl09txrEY/gPAe87gTwY5//PmTmr4Jz/f699BgAmIHmp1XxJagAAAABJRU5ErkJggg==); background-position: 0 2px; width: 80px; height: 25px; position:absolute; top:2px; right: 0; background-repeat: no-repeat; margin: 0 -60px 0 0 !important; padding: 0 0 0 20px !important; font-size:12px; line-height: 12px; font-family: monospace; cursor: pointer; }	display: none !important; } /****************** FOOTER /* make footers rest against the end of the #content instead of the sidebar */ margin-bottom:-1800px; }	padding-left: 185px; padding-right: 25px; }	background: none !important; border: none !important; margin-left: 160px; margin-top: 0; font-size: 12px; } /* move icons to side */ margin-top: 10px; float:right; }	margin-top: 10px; float:right; }	float:left; padding: 5px 0 0 0; margin: 0 0 15px 0; width: 80%; }	display: block; text-align: left; }	float:left; padding: 0 !important; } 	padding-top: 6px !important; }	padding-bottom: 6px; }	float: left; }	padding-top:5px; clear:both; } /****************** PREFERENCES /* preferences menu */ font-size:12px; background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAbCAIAAAAyOnIjAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAOnAAADusBZ+q87AAAAAd0SU1FB9sGFBESOd4DQrgAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAACxJREFUCNdtjEEKADAMwsT//7hodhuD9SAJBNTMGHDby9eTWJKTfG3b9gEYOC7iTaKZLXJDAAAAAElFTkSuQmCC) no-repeat right bottom; border-style: none; margin: 0 !important; padding:5px 3px 1px 3px !important; height: 22px; }	font-weight:400; background: #fbfbfb url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAbCAIAAAAyOnIjAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAOnAAADusBZ+q87AAAAAd0SU1FB9sGFBESOd4DQrgAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAACxJREFUCNdtjEEKADAMwsT//7hodhuD9SAJBNTMGHDby9eTWJKTfG3b9gEYOC7iTaKZLXJDAAAAAElFTkSuQmCC) no-repeat right bottom; border-style: none; }	padding:2px 3px 0 3px !important; margin:0 !important; color: #0645ad; }	text-decoration: underline; }	padding:1px 3px 0px 3px !important; color: #000; }	text-decoration: none; }	top: 1px; }	background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAbCAIAAAAyOnIjAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAOnAAADusBZ+q87AAAAAd0SU1FB9sGFBESOd4DQrgAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAACxJREFUCNdtjEEKADAMwsT//7hodhuD9SAJBNTMGHDby9eTWJKTfG3b9gEYOC7iTaKZLXJDAAAAAElFTkSuQmCC) no-repeat left bottom; height:28px; padding-left:1px; } /* preferences content, fieldsets in general */ width: 98%; } fieldset { border-width: 1px 0 1px 0 !important; border-color:#ccc !important; } fieldset legend { color: #555; font-weight:normal !important; }	border-color: #ccc; background: #fafafa !important; } .htmlform-tip { font-size: smaller; color: #777; } /* PADDING BECAUSE CHICKENS */ padding-left: 7px; width:147px; overflow:hidden; }	margin-left: 7px; }	margin-left: 176px !important; padding: 1.8em !important; }	margin-left: 176px !important; margin-right: 252px !important; }	right: 16px; }	margin-top: 9px; }	top: .3em; } /*
 * 1) toc       { display: table; }               /* Table width as on Wikipedia; by TOR */
 * 1) p-cactions li.selected {
 * 1) p-cactions li.selected a {
 * 1) projects {
 * 1) graphicalspotlight1 { width:12em !important; }
 * 2) graphicalspotlight1 table { margin: auto; }
 * 1) contentSub {
 * 1) watch-star {
 * 1) watch-star:hover {
 * 1) unwatch-star {
 * 1) unwatch-star:hover {
 * 1) p-logo a, #p-logo a:hover {
 * 1) firstHeading {
 * 1) content {
 * 1) p-personal {
 * 1) p-personal a {
 * 1) p-personal a:hover{
 * 1) p-personal a:hover {
 * 1) utcdate a {
 * 1) p-cactions{
 * 1) p-cactions .pBody {
 * 1) p-cactions ul {
 * 1) p-cactions ul li, #p-cactions ul .selected {
 * 1) p-cactions .pBody ul li:first-child,
 * 2) ca-talk {
 * 1) p-cactions .pBody ul li:first-child {
 * 1) p-cactions ul li a, #p-cactions ul.selected a {
 * 1) p-cactions ul li.new a { color:#a55858!important; }
 * 1) p-cactions ul li.selected a {
 * 1) p-cactions ul li a:hover {
 * 1) p-cactions ul li.selected {
 * 1) p-cactions ul li.selected a:hover {
 * 1) delete-dropdown {
 * 1) delete-dropdown a {
 * 1) delete-dropdown a:hover {
 * 1) p-cactions ul li .dropdown a, #p-cactions ul.selected .dropdown a {
 * 1) p-navigation {
 * 1) p-search h5 {
 * 1) p-search {
 * 1) p-search .pBody {
 * 1) p-search form {
 * 1) searchInput {
 * 1) searchInput:focus {
 * 1) searchInput::-webkit-search-cancel-button {
 * 1) searchGoButton {
 * 1) mw-searchButton {
 * 1) column-one {
 * 1) spotlight_container{
 * 1) footer {
 * 1) f-poweredbyico {
 * 1) f-copyrightico {
 * 1) f-list {
 * 1) f-list li {
 * 1) privacy, #about, #contact{
 * 1) contact, #advertise. #hosting {
 * 1) lastmod {
 * 1) credits, #privacy, #about, #disclaimer, #contact, #advertise {
 * 1) hosting {
 * 1) preftoc li {
 * 1) preftoc li.selected {
 * 1) preftoc li a {
 * 1) preftoc li a:hover {
 * 1) preftoc li.selected a {
 * 1) preftoc li.selected a:hover {
 * 1) preftoc > li.selected {
 * 1) preftoc {
 * 1) preferences fieldset {
 * 1) preferences {
 * 1) column-one {
 * 1) p-logo a {
 * 1) content {
 * 1) p-cactions .pBody {
 * 1) p-search {
 * 1) firstHeading {
 * 1) p-personal {