Last Updated: February 25, 2016
·
1.29K
· zhangtai

Wikipedia Custom CSS

#mw-page-base, #mw-head-base, #mp-strapline, #p-coll-print_export,
#footer, #p-logo,  #siteNotice,  .metadata,
#mw-panel .portal:not(#p-lang):not(#p-navigation),
span.toctoggle,
#simpleSearch button#searchButton > img,
#p-variants>h4 {
    display: none !important;
}

img[src*="Bluebg_rounded"] {
    visibility: hidden !important;
}

#p-lang > div > ul, #p-navigation > div > ul, #p-personal, #p-namespaces > ul:hover, #p-views > ul:hover,  #toc.toc {
    background: white;
}

.portal > h5,  #mw-panel.noprint > div.portal.persistent > h5 {
    background: white !important;
}

#pt-login,  .portal > h5, .portal > .body, div.portal,  .vectorTabs, .vectorTabs > ul {
    background-image: none !important;
}

.vectorTabs > ul > li, .vectorTabs > ul > li > span {
    background: none !important;
}

.portal, .portal > .body, .portal > .body > ul {
    padding: 0 !important;
}

#mw-head {
    position: fixed !important;
    height: 28px !important;
    overflow: visible !important;
    z-index: 99 !important;
    border-top: 1px solid #999 !important;
    border-bottom: 1px solid black;
    background-color: #cedff2;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAABPCAYAAAAA9146AAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAZVJREFUWMPtWdt2gzAMszh82f7/m9BeWA9kvihQNsbCSxtIjGtLspOC5IdddM1mtlxtHOuYm+8W3Psae3N38+d1wOaht8AbM3CarefRRDSGsrm7NZ7nqtdWrfmRhF5mnCI6zIm9VWhZDsaZSszZYDfKfosWbz4iz1XEUPg1D0DLEmhFpiGVrtBjaI+GsMrPXIgWCtxnIEAVc57Rl7+vLZI+J0hyGat6TiEfPOp5pTfuvTMxL7H/LLQgYGEU40iHXBL1sDLV+a1xHESNVKApSKp1zEm1hQfh+DuVSGFgl+fsqDS8HYmso117i+e8vbYsQi/oVXsknQDMjCAJG5fDuOnKhA7joXEmaqjg3ntm8zpAIa0o7rta9IyEKkW56nTdmNsm9spG15J1uw3XVCTzyDMMhqbGUbVlxflLt+fVdl2R8jQsqgT8A8mtEkfh4Oz1maFlErpcy+SgCsuZngaD/m+lf6bvoefZPiiq+Ihe2FssoorvdgG3T2goyZ5xCtKbnVh8o78itaoUYzD0PsbL/9uEIvJC0yeyEclfuPtZfgAAAABJRU5ErkJggg%3D%3D") !important;
    background-repeat: repeat-x !important;
}

#mw-panel {
    position: fixed !important;
    top: 0 !important;
    z-index: 101 !important;
    width: 100% !important;
    height: 1px !important;
    overflow: visible !important;
    padding: 0 !important;
    margin: 0 !important;
}

#p-search {
    margin: 1px 0 0 0 !important;
    position: absolute !important;
    top: 0 !important;
    left: 50%;
    border-left: 1px solid #111;
    padding: 3px 0 3px 56px !important;
}

#searchform {
    margin: 0 !important;
}

#simpleSearch {
    margin: 0 !important;
    height: 20px !important;
    padding: 0 0 0 4px !important;
    border: none !important;
    -webkit-border-radius: 11px !important;
    -moz-border-radius: 11px !important;
    border-radius: 11px !important;
}

#simpleSearch button#searchButton {
    padding: 0 !important;
    min-height: 20px !important;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAaJJREFUOI1jYBgFlAJmXBK8fHzioqKiyt+/f//y79+/38QayIguwMfHJ5yTmzdXW1vX9+3bt//+/v37a8uWzX379u6u/////z+SnMvIyMjY2zfhUGFh6WUeHh4HBgYGMSkpad/yipqnDo7OTSQZxsDAwGBgaGizZNnKH2xs7OrI4lpa2p5dvRM/MzEx8RAygwmZIycrr/b+3bsHv379vIksfvfuncO6OnrcHBwciiQZ+OjRw0f2djYS6C5RU1PTlZeV/Pv9+/e3hAxEAYyMjCwbNm68Wltfv5iNjY2bgYGBQVJSUnHz1q2XLl+99nv2vHmH5eTk9fGagS4gJCSs1tzasUFGVk7m7bs3z8XFJZU2b1x/QlNbR1hXV0/z+/cfP+fNnl6/bu3qbmyxjmEgFLBJSUk78wsIyD17+vTWx48fjnBxcYtFx8bPNTA0dmdkZGS4d/f2kUUL5sa/evXqHjEG4gJM6hpaWWbmlh1sbGzc//7/+7xx/Vq3d2/fnCDRHFTAwcGhoatreMLKxuEfP79ACkWGIQFWJiYmQwY82XcUkAcARbKOpuQyC1MAAAAASUVORK5CYII=") center no-repeat !important;
}

#globalWrapper #p-search {
    margin: auto 0.5em !important;
    border-left: none !important;
    padding: 0 !important;
}

#globalWrapper #simpleSearch {
    border: 1px solid !important;
    margin-top: 8px !important;
}

#www-wikipedia-org #p-search, #www-wiktionary-org #p-search, #www-wikiquote-org #p-search, #www-wikibooks-org #p-search, #www-wikinews-org #p-search, #www-wikiversity-org #p-search {
    margin: 1em auto 1.5em !important;
    position: relative !important;
    top: auto !important;
    left: auto;
    padding: 0.3em !important;
    border-left: none !important;
}

div.vectorTabs a span, div.vectorTabs li a {
    padding: 0 !important;
    height: auto !important;
    text-decoration: inherit !important;
    float: none !important;
    margin: 0 !important;
}

#p-variants {
    cursor: default !important;
    position: fixed !important;
    top: 40px !important;
    left: 8px !important;
    z-index: 600 !important;
    overflow: visible !important;
    margin: 0 !important;
}

#p-variants>h5 {
    border: 0 !important;
}

#p-variants>h5>a {
    height: 10px !important;
    width: 10px !important;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAC4jAAAuIwF4pT92AAACo0lEQVR42mOor69naGhoYADRdXV1DMh8EI3MxqYGRUFzSwuYjawZGYPEm5ubGRobG+FqUEwrKChgRLcVxQKg5vz8fKbqqmq4IQy1tbUMLUCb8/LyGJydnBhyc3NBEoxNTU1wJ0MNYoyNjWFwdXVlqKqsQniho6ODKTk5maGwsFA2PiGpJjIigtPDwwNkIDPI4La2NoaioiLmoMAghvT0DHZjE9MiFxcXBZBrgIYzMvT09DCHh4czFBcXy+8/cOh/Z1fvASdHZ6WAgACQRpbIyEjGqKhIhorKCv20jNw9PHyC/xMS4jXb29tBrmcCOZ8R6HeGtNQ0ztzc/Jnbduz53903+XlUdFyQj48Pg7ubG9uMmXOKp86Y983TJ/g/Myv7upSUFAGQy8AuaG1tZczJyQG5QMrS0irDzs4hf96iZZ+Pnbzwf9q0GV179x9Yf/P+8/9llQ2fVVXVK6WkpNNSUlJlWltboF7o7QV6IQzkXKX5C5b8CA2NnKmrq+c8Y/bCA/+hICe/ZLe5hVVYTGzCTFExqf8J8fHanZ2dEC90dXUxxsXFMcTHx3PGxiVubW3v/19UWnVBR1ffNT+/oDE0NKwrLj4pY8HiFTd9/cP+s7BxnImKjBQCRicoKhnhCQdoAIO3tzeHs4t7U0Vt8/8NW/b8S0xMyp2/cNH0Z2++/K9t6PgvK6cwwc3NTRAYBgw1NTWQaERKMIwJCQkMoIDzDwj0mDJ97m2YF6rrWm7aOzj5urg4M4DUgNIJPCGhp7rKykrmiIgIBidHR7HZs+csKywqXqSroysKjE6GxMREZlDCwpmUQRiUAsvLy5lBKTIoMJABmh5AYkygqEPOK3AXoOc4kA2gVJiVmcUIMghkKEgMKVnDMUZuQ862IENASRbdVmQ9AG7Bj0ch2LUPAAAAAElFTkSuQmCC") center no-repeat !important;
}

#p-personal {
    position: absolute !important;
    height: 10px !important;
    width: 10px !important;
    overflow: hidden !important;
    top: 8px !important;
    right: 8px !important;
    left: auto !important;
    padding: 0 !important;
    cursor: default !important;
    z-index: 9999 !important;
    border: 2px solid !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    border-radius: 8px !important;
    box-shadow: inset #111 -1px -1px 0, inset #ccc 1px 1px 1px, -1px -1px 1px #111 !important;
}

#p-personal:hover {
    width: auto !important;
    height: auto !important;
    padding: 8px !important;
    border: 1px solid;
    opacity: 0.94 !important;
}

li#pt-userpage, li#pt-anonuserpage, li#pt-login {
    padding: 0 !important;
}

#p-personal li {
    display: block !important;
    margin: 2px 2px 4px 2px !important;
    float: none !important;
    padding: 0 !important;
}

#p-personal > ul {
    text-align: left !important;
    padding: 2px 4px !important;
    margin: 20px 0 0 0 !important;
}

#p-personal:hover > ul {
    margin: 0 !important;
}

#p-personal li a:hover {
    text-decoration: underline !important;
}

#toc.toc {
    display: block !important;
    position: fixed !important;
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
    box-sizing: content-box !important;
    height: 10px !important;
    width: 10px !important;
    overflow: hidden !important;
    top: 8px !important;
    right: auto !important;
    left: 8px !important;
    padding: 0 !important;
    cursor: default !important;
    z-index: 9999 !important;
    border: 2px solid !important;
    -webkit-border-radius: 8px !important;
    -moz-border-radius: 8px !important;
    border-radius: 8px !important;
    box-shadow: inset #111 -1px -1px 0, inset #ccc 1px 1px 1px, -1px -1px 1px #111 !important;
}

#toc.toc:hover {
    width: auto !important;
    height: auto !important;
    max-height: 500px !important;
    padding: 8px !important;
    border: 1px solid;
    opacity: 0.94 !important;
    overflow-y: auto !important;
}

table#toc td > ul {
    padding: 0 !important;
}

table#toc td ul {
    list-style-image: none !important;
    list-style-type: none !important;
}

.portlet ul, .portlet ul li, #bodyContent ul {
    list-style-image: url("data:image/gif;base64,R0lGODlhBQAHAKIAANe4rbl3YNGqnaRKK+3k4axcQLh1XQAAACH5BAEAAAcALAAAAAAFAAcAAAMQSDZGUaKEAQ5gsLTVjv9gAgA7") !important;
}

.toc ul ul {
    margin-left: 1.2em !important;
}

#mw-panel.collapsible-nav div.portal {
    padding: 0 !important;
    margin-top: 0 !important;
}

.portal > h5 {
    font-size: 0.8em !important;
}

.portal li a {
    font-size: 1em !important;
}

.portal ul > li, .portal ul > li.FA {
    text-shadow: 1px 1px 1px #555 !important;
}

#p-lang {
    cursor: default !important;
    position: absolute !important;
    top: 7px !important;
    left: 50% !important;
    z-index: 900 !important;
    overflow: visible !important;
    margin: 0 0 0 -290px !important;
}

#p-lang > div.body {
    display: none !important;
    z-index: 99 !important;
    margin-left: -50px !important;
}

#p-lang:hover > .body {
    display: block !important;
}

#p-lang:hover > .body > ul {
    clear: both !important;
    margin: 17px 0 0 0 !important;
    padding: 2px 4px !important;
    border: 1px solid;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    opacity: 0.94 !important;
    -moz-column-count: 3 !important;
    -moz-column-gap: 16px !important;
    min-width: 12em !important;
    max-height: 500px !important;
    overflow-y: auto !important;
}

#p-lang > h5 {
    -webkit-border-radius: 9px !important;
    -moz-border-radius: 9px !important;
    border-radius: 9px !important;
    border-top: 1px solid !important;
    border-left: 1px solid !important;
    border-right: none !important;
    border-bottom: none !important;
    padding: 0 10px 0 10px !important;
    float: left !important;
}

#p-lang > h5:hover {
    text-decoration: none !important;
    cursor: default !important;
}

li.interwiki-en, li.interwiki-de, li.interwiki-es, li.interwiki-fr, li.interwiki-it, li.interwiki-ru {
    font-weight: bold !important;
}

#p-navigation {
    cursor: default !important;
    position: absolute !important;
    top: 7px !important;
    left: 50% !important;
    z-index: 999 !important;
    overflow: visible !important;
    margin-left: -150px !important;
}

#p-navigation > div.body {
    display: none !important;
    z-index: 99 !important;
    margin-left: -20px !important;
}

#p-navigation:hover > .body {
    display: block !important;
}

#p-navigation:hover > .body > ul {
    clear: both !important;
    margin: 17px 0 0 0 !important;
    padding: 2px 4px !important;
    border: 1px solid;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 5px !important;
    opacity: 0.94 !important;
}

#p-navigation > h5 {
    -webkit-border-radius: 9px !important;
    -moz-border-radius: 9px !important;
    border-radius: 9px !important;
    border-top: 1px solid !important;
    border-left: 1px solid !important;
    border-right: none !important;
    border-bottom: none !important;
    padding: 0 10px 0 10px !important;
    display: block !important;
    float: left !important;
}

dl dt {
    margin: 8px 0 -1px 0 !important;
    padding: 0 2px !important;
}