MediaWiki:Uncyclopedia.css
Jump to navigation
Jump to search
Note: After saving, you have to bypass your browser's cache to see the changes.
- Internet Explorer: hold down the Ctrl key and click the Refresh or Reload button, or press Ctrl+F5.
- Firefox: hold down the Shift key while clicking Reload; alternatively press Ctrl+F5 or Ctrl-Shift-R.
- Opera, Konqueror and Safari users can just click the Reload button.
- Chrome: press Ctrl+F5 or Shift+F5
/* 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 */
#toc { display: table; } /* Table width as on Wikipedia; by TOR */
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 */
#p-cactions li.selected {
border-color: #fabd23;
padding: 0 0 .2em 0;
font-weight: normal;
}
#p-cactions li.selected a {
padding: 0 0.8em 0.3em 0.8em !important;
background-color: white;
}
/* hide founders' projects from sidebar -Lyrithya */
#projects {
display:none;
}
/* Spotlight fix (applicable?) */
#graphicalspotlight1 { width:12em !important; }
#graphicalspotlight1 table { margin: auto; }
/* 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;
}
#contentSub {
padding: 0;
margin-top:-3px;
}
/* Watch star */
#watch-star {
background-image: url(https://images.wikia.nocookie.net/uncyclopedia/images/c/ce/Watch-icons.png);
margin-top:-5px;
background-position: 0px 1px;
background-repeat:no-repeat;
}
#watch-star:hover {
background-image: url(https://images.wikia.nocookie.net/uncyclopedia/images/c/ce/Watch-icons.png);
background-position: -24px 1px;
background-repeat:no-repeat;
}
#unwatch-star {
background-image: url(https://images.wikia.nocookie.net/uncyclopedia/images/c/ce/Watch-icons.png);
background-position: -48px 1px;
margin-top:-5px;
background-repeat:no-repeat;
}
#unwatch-star:hover {
background-image: url(https://images.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 */
#p-logo a, #p-logo a:hover {
width:160px !important;
background-position: 50% 70% !important;
}
#firstHeading {
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;
}
#content {
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=");
}
#p-personal {
z-index: 2;
margin-top:4px;
}
#p-personal a {
font-size: 12px;
}
#p-personal a:hover{
background: transparent !important;
}
#p-personal a:hover {
text-decoration:underline !important;
}
#utcdate a {
font-size: 15px;
}
/******************
TOP MENU - CACTIONS
******************/
#p-cactions{
width: 100%;
font-size: 13px;
z-index: 2;
margin: 0;
padding: 0;
position: absolute;
top: 0;
left: 0;
}
#p-cactions .pBody {
background-image: none;
margin: 41px 242px 0 160px
}
#p-cactions ul {
font-size: 100% !important;
position: relative;
background-color: transparent;
padding: 0;
height:43px;
}
/* add gradient styling and 'enable' right-navigation */
#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;
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 */
#p-cactions .pBody ul li:first-child,
#ca-talk {
float: left !important;
}
/* override margining used to force 1px borders on other tabs */
#p-cactions .pBody ul li:first-child {
margin:0 !important;
}
#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;
}
#p-cactions ul li.new a { color:#a55858!important; }
#p-cactions ul li.selected a {
color: #333333;
background-color: #fff !important;
padding: 17px 6px 8px 6px !important;
}
#p-cactions ul li a:hover {
text-decoration: underline;
background-color: transparent;
}
#p-cactions ul li.selected {
background-color: white !important;
cursor: pointer;
}
#p-cactions ul li.selected a:hover {
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 */
#delete-dropdown {
margin-top:15px;
border: solid 1px;
border-color: #a7d7f9 #ccc #ccc #ccc !important;
padding-bottom: 14px;
}
#delete-dropdown a {
margin: -7px 0 0 0 !important;
padding: 0 !important;
}
#delete-dropdown a:hover {
text-decoration: underline !important;
}
#p-cactions ul li .dropdown a, #p-cactions ul.selected .dropdown a {
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
******************/
#p-navigation {
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
******************/
#p-search h5 {
display: none;
}
/* move to top */
#p-search {
position: absolute;
top: 50px;
right: 8px;
width: auto;
float: right;
text-align: right;
margin: 0;
z-index: 51 !important;
}
#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;
}
#p-search form {
padding:0;
margin: 0;
width: 224px;
height:22px;
position: relative;
background: transparent;
}
#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;
}
/* disable webkit's box */
#searchInput:focus {
outline: none;
}
#searchInput::-webkit-search-cancel-button {
display: none;
}
#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;
}
#mw-searchButton {
display: none !important;
}
/******************
FOOTER
******************/
/* make footers rest against the end of the #content instead of the sidebar */
#column-one {
margin-bottom:-1800px;
}
#spotlight_container{
padding-left: 185px;
padding-right: 25px;
}
#footer {
background: none !important;
border: none !important;
margin-left: 160px;
margin-top: 0;
font-size: 12px;
}
/* move icons to side */
#f-poweredbyico {
margin-top: 10px;
float:right;
}
#f-copyrightico {
margin-top: 10px;
float:right;
}
#f-list {
float:left;
padding: 5px 0 0 0;
margin: 0 0 15px 0;
width: 80%;
}
#f-list li {
display: block;
text-align: left;
}
#privacy, #about, #contact{
float:left;
padding: 0 !important;
}
#contact, #advertise. #hosting {
padding-top: 6px !important;
}
#lastmod {
padding-bottom: 6px;
}
#credits, #privacy, #about, #disclaimer, #contact, #advertise {
float: left;
}
#hosting {
padding-top:5px;
clear:both;
}
/******************
PREFERENCES
******************/
/* preferences menu */
#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;
}
#preftoc li.selected {
font-weight:400;
background: #fbfbfb url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAbCAIAAAAyOnIjAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAOnAAADusBZ+q87AAAAAd0SU1FB9sGFBESOd4DQrgAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAACxJREFUCNdtjEEKADAMwsT//7hodhuD9SAJBNTMGHDby9eTWJKTfG3b9gEYOC7iTaKZLXJDAAAAAElFTkSuQmCC) no-repeat right bottom;
border-style: none;
}
#preftoc li a {
padding:2px 3px 0 3px !important;
margin:0 !important;
color: #0645ad;
}
#preftoc li a:hover {
text-decoration: underline;
}
#preftoc li.selected a {
padding:1px 3px 0px 3px !important;
color: #000;
}
#preftoc li.selected a:hover {
text-decoration: none;
}
#preftoc > li.selected {
top: 1px;
}
#preftoc {
background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAbCAIAAAAyOnIjAAAAAXNSR0IArs4c6QAAAAlwSFlzAAAOnAAADusBZ+q87AAAAAd0SU1FB9sGFBESOd4DQrgAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAACxJREFUCNdtjEEKADAMwsT//7hodhuD9SAJBNTMGHDby9eTWJKTfG3b9gEYOC7iTaKZLXJDAAAAAElFTkSuQmCC) no-repeat left bottom;
height:28px;
padding-left:1px;
}
/* preferences content, fieldsets in general */
#preferences fieldset {
width: 98%;
}
fieldset {
border-width: 1px 0 1px 0 !important;
border-color:#ccc !important;
}
fieldset legend {
color: #555;
font-weight:normal !important;
}
#preferences {
border-color: #ccc;
background: #fafafa !important;
}
.htmlform-tip {
font-size: smaller;
color: #777;
}
/* PADDING BECAUSE CHICKENS */
#column-one {
padding-left: 7px;
width:147px;
overflow:hidden;
}
#p-logo a {
margin-left: 7px;
}
#content {
margin-left: 176px !important;
padding: 1.8em !important;
}
#p-cactions .pBody {
margin-left: 176px !important;
margin-right: 252px !important;
}
#p-search {
right: 16px;
}
#firstHeading {
margin-top: 9px;
}
#p-personal {
top: .3em;
}
/*
</nowiki>
</pre>
*/