How to: Make Monobook look like 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; questionable--*/ a {color: #0645ad;} a:visited {color: #0b0080;} .bluelinks a {color:#0645ad!important;} .bluelinks a:visited {color: #0b0080!important;} 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=");} /*--P-Cactions--*/ 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;} /*--override margining used to force 1px borders on other tabs--*/ /*--End P-Cactions--*/ /*--Dropdowns--*/ .vector-cactions > a {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAoCAIAAACw1AcgAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAOnAAADusBZ+q87AAAAAd0SU1FB9sGFRAcELtM+ggAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAADtJREFUCNdVjcENADEMwgz77+w+mt61DxRigUCtWKQwkhLr8YdPzvmVBipWr8zct28ljZt7b32dzfPvLLNRIzGl0umkAAAAAElFTkSuQmCC) 0 -1px repeat-x!important;} /*--legacy delete dropdown--*/ .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;} /*--End Dropdowns--*/ /*--Side Menu--*/ /*--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;} /*--End Side Menu--*/ /*--Search Tool Mods--*/ /*--move to top--*/ /*--disable webkit's box--*/ /*--End Search Tool Mods--*/ /*--Footer Mods--*/ /* make footers rest against the end of the #content instead of the sidebar */ /*--move icons to side--*/ /*--End Footer Mods--*/ /*Preference Mods--*/ /* preferences menu */ /* preferences content, fieldsets in general */ fieldset {border-width:1px 0 1px 0!important; border-color:#ccc!important;} fieldset legend {color: #555; font-weight:normal !important;} .htmlform-tip {font-size: smaller; color: #777;} /*--End Preference Mods--*/ /*--Spare padding--*/ /*--End spare paddings--*/
 * 1) p-logo a, #p-logo a:hover {width:160px!important; background-position:50% 70%!important;}
 * 1) firstHeading {padding-top:0; padding-bottom:0; font-size:26px; line-height:31px;}
 * 1) content {margin:79px 0 0 160px!important; border: 1px #a7d7f9; border-style: solid none solid solid; font-size: 13px; position: relative; padding:0.5em;}
 * 1) p-personal {z-index:2; margin-top:4px;}
 * 2) p-personal a {font-size:12px;}
 * 3) p-personal a:hover{background:transparent!important;}
 * 4) p-personal a:hover {text-decoration:underline !important;}
 * 5) utcdate a {font-size: 15px;}
 * 1) p-cactions {border-radius:0!important;}
 * 1) p-cactions {width:100%; font-size:13px; z-index:2; margin:0; padding:0; position:absolute; top: 0; left: 0;}
 * 1) p-cactions .pBody {background-image:none; margin:41px 242px 0 160px;}
 * 1) p-cactions ul {font-size: 100% !important; position:relative; background-color:transparent; padding:0; height:43px;}
 * 1) p-cactions ul li, #p-cactions ul li a {border-radius:0!important; -webkit-border-radius:0!important;}
 * 1) p-cactions ul li, #p-cactions ul li a {border-radius-topleft:0!important; border-radius-topright:0!important; -webkit-border-radius-topleft:0!important; -webkit-border-radius-topright:0!important;}
 * 1) p-logo a {background-image:url('http://images2.wikia.nocookie.net/dozerfleet/images/b/b7/DozerfleetWikiBallmini.png')!important;}
 * 1) p-cactions ul li, #p-cactions ul .selected {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAoCAYAAAA/tpB3AAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAAOnAAADusBZ+q87AAAAAd0SU1FB9sEBwk2Joi69zIAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJTVBXgQ4XAAAARElEQVQI112MORLAIAwDN/7/i2OQUmDMkEajmzfTARBTUMwQ5iFkNuAKfr1TWVKbLcnlDe9tysXGSfv5/M3bk3vWVxJ8HpI/xiyd0aAAAAAASUVORK5CYII=) repeat-x!important;
 * 1) p-cactions .pBody ul li:first-child, #ca-talk {float:left!important;}
 * 1) p-cactions .pBody ul li:first-child {margin:0!important;}
 * 1) p-cactions ul li a, #p-cactions ul.selected a {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;}
 * 1) p-cactions ul li.new a {color:#a55858!important;}
 * 1) p-cactions ul li.selected a {color:#333333; background-color:#fff !important; padding: 17px 6px 8px 6px !important;}
 * 1) p-cactions ul li a:hover {text-decoration:underline; background-color:transparent;}
 * 1) p-cactions ul li.selected {background-color:white !important; cursor: pointer;}
 * 2) p-cactions ul li.selected a:hover {text-decoration: none;}
 * 1) delete-dropdown {margin-top:15px; border: solid 1px; border-color:#a7d7f9 #ccc #ccc #ccc !important; padding-bottom:14px;}
 * 2) delete-dropdown a {margin:-7px 0 0 0!important; padding:0!important;}
 * 3) delete-dropdown a:hover {text-decoration:underline!important;}
 * 1) p-cactions ul li .dropdown a, #p-cactions ul.selected .dropdown a {padding:0!important;}
 * 1) ca-nstab-mediawiki {border-radius-topleft:0!important; border-radius-topright:0!important; -webkit-border-radius-topleft:0!important; -webkit-border-radius-topright:0!important;}
 * 1) p-navigation {margin-top:-3px;}
 * 1) p-search h5 {display: none;}
 * 1) p-search {position:absolute; top:50px; right:8px; width:auto; float:right; text-align:right; margin:0; z-index:51!important; border-radius:0!important;}
 * 1) p-search .pBody {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;}
 * 1) p-search form {padding:0; margin:0; width:224px; height:22px; position:relative; background:transparent;}
 * 2) searchInput {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; border-radius:0!important;}
 * 1) searchInput:focus {outline:none;}
 * 2) searchInput::-webkit-search-cancel-button {display: none;}
 * 1) searchGoButton {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;}
 * 1) mw-searchButton {display:none!important;}
 * 1) p-search div {border-radius:0!important;}
 * 1) column-one {margin-bottom:-1800px;}
 * 1) spotlight_container{padding-left:185px; padding-right:25px;}
 * 1) footer {background:none!important; border:none!important; margin-left:160px; margin-top: 0; font-size:12px;}
 * 1) f-poweredbyico {margin-top:10px; float:right;}
 * 1) f-copyrightico {margin-top:10px; float:right;}
 * 1) f-list {float:left; padding:5px 0 0 0; margin:0 0 15px 0; width:80%;}
 * 1) f-list li {display: block; text-align:left;}
 * 1) privacy, #about, #contact{float:left; padding:0!important;}
 * 1) contact, #advertise. #hosting {padding-top:6px!important;}
 * 1) lastmod {padding-bottom:6px;}
 * 1) credits, #privacy, #about, #disclaimer, #contact, #advertise {float: left;}
 * 2) hosting {padding-top:5px; clear:both;}
 * 1) preftoc li {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;}
 * 1) preftoc li.selected {font-weight:400; background:#fbfbfb url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAbCAIAAAAyOnIjAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAOnAAADusBZ+q87AAAAAd0SU1FB9sGFBESOd4DQrgAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAACxJREFUCNdtjEEKADAMwsT//7hodhuD9SAJBNTMGHDby9eTWJKTfG3b9gEYOC7iTaKZLXJDAAAAAElFTkSuQmCC) no-repeat right bottom; border-style:none;}
 * 1) preftoc li a {padding:2px 3px 0 3px!important; margin:0!important; color:#0645ad;}
 * 2) preftoc li a:hover {text-decoration:underline;}
 * 3) preftoc li.selected a {padding:1px 3px 0px 3px!important; color:#000;}
 * 4) preftoc li.selected a:hover {text-decoration: none;}
 * 5) preftoc > li.selected {top: 1px;}
 * 6) preftoc {background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAbCAIAAAAyOnIjAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAOnAAADusBZ+q87AAAAAd0SU1FB9sGFBESOd4DQrgAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAACxJREFUCNdtjEEKADAMwsT//7hodhuD9SAJBNTMGHDby9eTWJKTfG3b9gEYOC7iTaKZLXJDAAAAAElFTkSuQmCC) no-repeat left bottom; height:28px; padding-left:1px;}
 * 1) preferences fieldset {width:98%;}
 * 1) preferences {border-color: #ccc; background: #fafafa !important;}
 * 1) column-one {padding-left:7px; width:147px;}
 * 2) p-logo a {margin-left:7px;}
 * 3) content {margin-left:176px!important; padding:1.8em!important;}
 * 4) p-cactions .pBody {margin-left:176px!important; margin-right:252px!important;}
 * 5) p-search {right:16px;}
 * 6) firstHeading {margin-top:9px;}
 * 7) p-personal {top:.3em;}