MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/ /* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .allpagesredirect:after { color: #808080; content: " (redirect)" } .watchlistredir { font-style: italic; } /* Forum formatting (by -Algorithm & -Splaka) */ .forumheader { border: 1px solid #aaa; background-color: #f9f9f9; margin-top: 1em; padding: 12px; } .forumlist td.forum_edited a { color: black; text-decoration: none } .forumlist td.forum_title a { padding-left: 20px; } .forumlist td.forum_title a.forum_new { font-weight: bold; background: url(/images/4/4e/Forum_new.gif) center left no-repeat; padding-left: 20px; } .forumlist td.forum_title a.forum_new:visited { font-weight: normal; background: none; padding-left: 20px; } .forumlist th.forum_title { padding-left: 20px; } .portable-infobox { width: 250px; border-radius: 15px 15px 0px 0px; color:#000000; } .pi-header, .pi-title { text-align: center; } .pi-image img { max-width: 250px; height: auto; } /* Blue */ .pi-theme-blue.pi-background, .pi-theme-blue .pi-image-collection-tab-content { background-color:#ADD8E6; } .pi-theme-blue .pi-secondary-background, .pi-theme-blue .pi-tab-link.pi-item-spacing.current { background-color:#1E90FF; } .pi-theme-blue .pi-tab-link { border-color:#1E90FF; } .pi-theme-blue .pi-border-color { border-color: #00008B; } /* Brown */ .pi-theme-brown.pi-background, .pi-theme-brown .pi-image-collection-tab-content { background-color:#CD853F; } .pi-theme-brown .pi-secondary-background, .pi-theme-brown .pi-tab-link.pi-item-spacing.current { background-color:#8B4513; } .pi-theme-brown .pi-tab-link { border-color:#8B4513; } .pi-theme-brown .pi-border-color { border-color: #A0522D; } /* Dark gray */ .pi-theme-darkgray.pi-background, .pi-theme-darkgray .pi-image-collection-tab-content { background-color:#808080; } .pi-theme-darkgray .pi-secondary-background, .pi-theme-darkgray .pi-tab-link.pi-item-spacing.current { background-color:#696969; } .pi-theme-darkgray .pi-tab-link { border-color:#696969; } .pi-theme-darkgray .pi-border-color { border-color: #000000; } /* Gray */ .pi-theme-gray.pi-background, .pi-theme-gray .pi-image-collection-tab-content { background-color:#A9A9A9; } .pi-theme-gray .pi-secondary-background, .pi-theme-gray .pi-tab-link.pi-item-spacing.current { background-color:#808080; } .pi-theme-gray .pi-tab-link { border-color:#808080; } .pi-theme-gray .pi-border-color { border-color:#696969; } /* Green */ .pi-theme-green.pi-background, .pi-theme-green .pi-image-collection-tab-content { background-color:#228B22; } .pi-theme-green .pi-secondary-background, .pi-theme-green .pi-tab-link.pi-item-spacing.current { background-color:#006400; } .pi-theme-green .pi-tab-link { border-color:#006400; } .pi-theme-green .pi-border-color { border-color:#008000; } /* Light gray */ .pi-theme-lightgray.pi-background, .pi-theme-lightgray .pi-image-collection-tab-content { background-color:#C0C0C0; } .pi-theme-lightgray .pi-secondary-background, .pi-theme-lightgray .pi-tab-link.pi-item-spacing.current { background-color:#A9A9A9; } .pi-theme-lightgray .pi-tab-link { border-color:#A9A9A9; } .pi-theme-lightgray .pi-border-color { border-color:#808080; } /* Lime */ .pi-theme-lime.pi-background, .pi-theme-lime .pi-image-collection-tab-content { background-color:#00FF00; } .pi-theme-lime .pi-secondary-background, .pi-theme-lime .pi-tab-link.pi-item-spacing.current { background-color:#32CD32; } .pi-theme-lime .pi-tab-link { border-color:#32CD32; } .pi-theme-lime .pi-border-color { border-color:#228B22; } /* Orange */ .pi-theme-orange.pi-background, .pi-theme-orange .pi-image-collection-tab-content { background-color:#FFA500; } .pi-theme-orange .pi-secondary-background, .pi-theme-orange .pi-tab-link.pi-item-spacing.current { background-color:#FF8C00; } .pi-theme-orange .pi-tab-link { border-color:#FF8C00; } .pi-theme-orange .pi-border-color { border-color:#DAA520; } /* Purple */ .pi-theme-purple.pi-background, .pi-theme-purple .pi-image-collection-tab-content { background-color:#9400D3; } .pi-theme-purple .pi-secondary-background, .pi-theme-purple .pi-tab-link.pi-item-spacing.current { background-color:#4B0082; } .pi-theme-purple .pi-tab-link { border-color:#4B0082; } .pi-theme-purple .pi-border-color { border-color:#800080; } /* Red */ .pi-theme-red.pi-background, .pi-theme-red .pi-image-collection-tab-content { background-color:#B22222; } .pi-theme-red .pi-secondary-background, .pi-theme-red .pi-tab-link.pi-item-spacing.current { background-color:#8B0000; } .pi-theme-red .pi-tab-link { border-color:#8B0000; } .pi-theme-red .pi-border-color { border-color:#800000; } /* Yellow */ .pi-theme-yellow.pi-background, .pi-theme-yellow .pi-image-collection-tab-content { background-color:#FFFF00; } .pi-theme-yellow .pi-secondary-background, .pi-theme-yellow .pi-tab-link.pi-item-spacing.current { background-color:#FFD700; } .pi-theme-yellow .pi-tab-link { border-color:#FFD700; } .pi-theme-yellow .pi-border-color { border-color:#FFA500; } /* Recent changes byte indicators */ .mw-plusminus-pos { color: #006500; } .mw-plusminus-neg { color: #8B0000; } /* Image frame fix */ div.tright, div.tleft { border: 1px solid silver; } div.thumb { margin: 2px; } div.thumbinner { background: inherit; border: none; }   color:inherit; } /* Put a checker background at the image description page only visible if the image has transparent background */ /* these allow 'hoverable' clickable buttons. All they do is change the ridge from outset to inset -Spl from Uncyclopedia */ /* Note: hover on non-links doesn't work in IE. Be sure not to define ridge-style in the span */ /* example: Main Page  */ .buttonlink { border-style: outset; } .buttonlink:active { border-style: inset; } /* Unicode class, for maximizing the chance of displaying uncommon Unicode symbols (from Uncyclopedia) */ .Unicode { font-family: Code2000, Code2001, "Free Serif", "TITUS Cyberbit Basic", "Doulos SIL", "Chrysanthi Unicode", "Bitstream Cyberbit", "Bitstream CyberBase", Thryomanes, Gentium, GentiumAlt, "Lucida Grande", "Free Sans", "Arial Unicode MS", "Microsoft Sans Serif", "Lucida Sans Unicode"; font-family /**/:inherit; } /* Article message box template styles (from BSO1) */ table.ambox { margin: 0 10%;                        /* Will not overlap with other elements */ border-collapse: collapse; background: #fbfbfb; border: 1px solid #aaa; border-left: 10px solid #1e90ff;      /* Default "notice" blue */ width: 80%; } table.ambox th.ambox-text, table.ambox td.ambox-text {     /* The message body cell(s) */ padding: 0.25em 0.5em;             /* 0.5em left/right */ width: 100%;                       /* Make all templates the same width regardless of text size */ } table.ambox td.ambox-image {         /* The left image cell */ padding: 2px 0px 2px 0.5em;        /* 0.5em left, 0px right */ text-align: center; } table.ambox td.ambox-imageright {    /* The right image cell */ padding: 2px 4px 2px 0px;          /* 0px left, 4px right */ text-align: center; } table.ambox-notice { border-left: 10px solid #1e90ff;      /* Blue */ width: 80%; /* border-right: 10px solid #1e90ff; */ /* If you want two blue bars */ } table.ambox-delete, table.ambox-serious { border-left: 10px solid #dc1e1e;      /* Red */ width: 80%; } table.ambox-content { border-left: 10px solid #f28500;      /* Orange */ width: 80%; } table.ambox-style { border-left: 10px solid #f4c430;      /* Yellow */ width: 80%; } table.ambox-stub { border-left: 10px solid #0DC700;      /* Green */ width: 80%; } table.ambox-merge { border-left: 10px solid #9932cc;      /* Purple */ width: 80%; } table.ambox-protection { border-left: 10px solid #bba;         /* Gray */ width: 80%; } table.ambox-sitenotice { border-left: 10px solid #05E6DE;         /* Light Blue */ width: 80%; } table.ambox-loc { border-left: 10px solid #ff9900;         /* Orange-Yellow */ width: 50%; } table.ambox.ambox-mini {                /* small floating box variant */ float: right; clear: right; margin: 0 0 0 1em; width: 25%; } @media print {                          /* Do not print article message box */ .ambox { display: none; } } /* Removes useless links from printout */ @media print { #navLinks1, #navLinks2, #ca-history, #ca-delete, #ca-move, #ca-watch, #ca-edit, #ca-talk {display:none;} } /* default skin for navigation boxes */ table.navbox { background-color: #f9f9f9; border: 1px solid #aaa; clear: both; font-size: 90%; margin: 1em 0em 0em; padding: 2px; text-align: center; width: 100%; } table.navbox th { background-color: #ccf; padding-left: 1em; padding-right: 1em; } table.navbox tr:not(:first-child) th { background-color: #ddf; } @media print { .navbox { display: none; } } /* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at NavFrame. */ div.Boxmerge, div.NavFrame { margin: 0px; padding: 4px; border: 1px solid #aaa; text-align: center; border-collapse: collapse; font-size: 95%; } div.Boxmerge div.NavFrame { border-style: none; border-style: hidden; } div.NavFrame + div.NavFrame { border-top-style: none; border-top-style: hidden; } div.NavPic { background-color: #fff; margin: 0px; padding: 2px; float: left; } div.NavFrame div.NavHead { height: 1.6em; font-weight: bold; background-color: #ccccff; position:relative; } div.NavFrame p { font-size: 100%; } div.NavFrame div.NavContent { font-size: 100%; } div.NavFrame div.NavContent p { font-size: 100%; } div.NavEnd { margin: 0px; padding: 0px; line-height: 1px; clear: both; } a.NavToggle { position:absolute; top:0px; right:3px; font-weight:normal; font-size:smaller; } /* wikitable/prettytable class for skinning normal tables */ table.wikitable, table.prettytable { margin: 1em 1em 1em 0; background: #f9f9f9; border: 1px #aaa solid; border-collapse: collapse; } table.wikitable th, table.wikitable td, table.prettytable th, table.prettytable td { border: 1px #aaa solid; padding: 0.2em; } table.wikitable th, table.prettytable th { background: #f2f2f2; text-align: center; } table.wikitable caption, table.prettytable caption { margin-left: inherit; margin-right: inherit; font-weight: bold; } table.prettytable code, table.wikitable code { background-color: transparent; } /* make the list of references look smaller */ ol.references { font-size: 100%; } .references-small { font-size: 90%;} /* Removing image attribution -- allowed to be removed via CSS per Help:Customization policy */ .picture-attribution { display: none !important; } /* remove related pages area - 2/1/11 */ .RelatedPagesModule {display:none;} /* remove category galleries - 2/1/11 */ .category-gallery {display:none;} /* show large tables normally - 2/1/11 */ .WikiaWideTablesWrapper canvas {display:none;} .WikiaWideTablesWrapper img.sprite.popout {display:none;} .WikiaWideTablesWrapper > .table {overflow:visible;} /* Kills "Forum talk:" links --Algorithm */ body.ns-110 #ca-talk { display: none !important; } body.ns-110 #ca-nstab-forum { margin-right: 16px; } /* Admin colours */ ul.special li a[title="User:BobTheDoctor27"], table.mw-enhanced-rc td a[title="User:BobTheDoctor27"], ul a[title="User:BobTheDoctor27"].mw-userlink, ul.activityfeed li cite a[href="/wiki/User:BobTheDoctor27"], ul.special li a[title="User:Invader39"], table.mw-enhanced-rc td a[title="User:Invader39"], ul a[title="User:Invader39"].mw-userlink, ul.activityfeed li cite a[href="/wiki/User:Invader39"], ul.special li a[title="User:Chalk33"], table.mw-enhanced-rc td a[title="User:Chalk33"], ul a[title="User:Chalk33"].mw-userlink, ul.activityfeed li cite a[href="/wiki/User:Chalk33"], ul.special li a[title="User:Chicken_Bond"], table.mw-enhanced-rc td a[title="User:Chicken_Bond"], ul a[title="User:Chicken_Bond"].mw-userlink, ul.activityfeed li cite a[href="/wiki/User:Chicken_Bond"], ul.special li a[title="User:ToaGonel"], table.mw-enhanced-rc td a[title="User:ToaGonel"], ul a[title="User:ToaGonel"].mw-userlink, ul.activityfeed li cite a[href="/wiki/User:ToaGonel"]{ font-weight: bold; color:#009900; } /* Rollback colours */ ul.special li a[title="User:BionicleChicken"], table.mw-enhanced-rc td a[title="User:BionicleChicken"], ul a[title="User:BionicleChicken"].mw-userlink, ul.activityfeed li cite a[href="/wiki/User:BionicleChicken"], ul.special li a[title="User:Windfall_the_wanderer"], table.mw-enhanced-rc td a[title="User:Windfall_the_wanderer"], ul a[title="User:Windfall_the_wanderer"].mw-userlink, ul.activityfeed li cite a[href="/wiki/User:Windfall_the_wanderer"] ul.special li a[title="User:ChineseLegolas"], table.mw-enhanced-rc td a[title="User:ChineseLegolas"], ul a[title="User:ChineseLegolas"].mw-userlink, ul.activityfeed li cite a[href="/wiki/User:ChineseLegolas"] ul.special li a[title="User:Vorred"], table.mw-enhanced-rc td a[title="User:Vorred"], ul a[title="User:Vorred"].mw-userlink, ul.activityfeed li cite a[href="/wiki/User:Vorred"]{ font-weight: bold; color:#000000; } /* Bot colours */ table.mw-enhanced-rc td a[title="User:SlicerBot"], ul a[title="User:SlicerBot"].mw-userlink, ul.activityfeed li cite a[href="/wiki/User:SlicerBot"], table.mw-enhanced-rc td a[title="User:Zadakh"], ul a[title="User:Zadakh"].mw-userlink, ul.activityfeed li cite a[href="/wiki/User:Zadakh"], table.mw-enhanced-rc td a[title="User:Wikia"], ul a[title="User:Wikia"].mw-userlink, ul.activityfeed li cite a[href="/wiki/User:Wikia"], table.mw-enhanced-rc td a[title="User:BohrokBot"], ul a[title="User:BohrokBot"].mw-userlink, ul.activityfeed li cite a[href="/wiki/User:BohrokBot"] { font-weight: bold; color:#FF0000; } /**************/ /***NEW CODE***/ /**************/ /***Hotspot Module Formatting***/ .HotSpotsModule li div div { border-radius: 100px/20px !important; } .HotSpotsModule li span { display: block; padding: 17px 0; } /*Spoiler Box Thing */ div.Boxmerge, div.NavFrame { margin: 0px; padding: 4px; border: 1px solid #aaa; text-align: center; border-collapse: collapse; font-size: 95%; } div.Boxmerge div.NavFrame { border-style: none; border-style: hidden; } div.NavFrame + div.NavFrame { border-top-style: none; border-top-style: hidden; } div.NavPic { background-color: #fff; margin: 0px; padding: 2px; float: left; } div.NavFrame div.NavHead { height: 1.6em; font-weight: bold; background-color: #ccccff; position:relative; } div.NavFrame p { font-size: 100%; } div.NavFrame div.NavContent { font-size: 100%; } div.NavFrame div.NavContent p { font-size: 100%; } div.NavEnd { margin: 0px; padding: 0px; line-height: 1px; clear: both; } a.NavToggle { position:absolute; top:0px; right:3px; font-weight:normal; font-size:smaller; } /***Wikia Rail customization***/ .WikiaRail .module { border: 1px solid white; background: #0a588f; box-shadow: #0a588f 0px 0px 0px 0; color: white; } .insights-module-link { color: #d8e7ff !important; }	color: #d8e7ff; }	color: #d8e7ff; }	color: #d8e7ff; } .WikiaRail .module .more { color: white !important; } .WikiaRail .module .dark_text_2 { color: white !important; } /* Custom Tabber style*/ .WikiaArticle ul.tabbernav, .WikiaArticle .tabbertab-borderless ul.tabbernav, .WikiaArticle .tabbertab-bordered ul.tabbernav {   background-color: transparent; margin-top: -15px; padding: 8px; border: none; text-align: center; color: black; font-family: Helvetica; font-size: 15px; } .WikiaArticle ul.tabbernav li a, .WikiaArticle .tabbertab-borderless ul.tabbernav li a, .WikiaArticle .tabbertab-bordered ul.tabbernav li a { border: none; background: none; text-decoration: none; } .WikiaArticle ul.tabbernav li a:link, .WikiaArticle .tabbertab-borderless ul.tabbernav li a:link, .WikiaArticle .tabbertab-bordered ul.tabbernav li a:link {   color: black; } .WikiaArticle ul.tabbernav li a:hover, .WikiaArticle .tabbertab-borderless ul.tabbernav li a:hover, .WikiaArticle .tabbertab-bordered ul.tabbernav li a:hover {   background-color:transparent; } .WikiaArticle ul.tabbernav li.tabberactive a, .WikiaArticle .tabbertab-borderless ul.tabbernav li.tabberactive a, .WikiaArticle .tabbertab-bordered ul.tabbernav li.tabberactive a { border-bottom: none; background-color: #1aa5f9; padding:8px; } .WikiaArticle .tabberlive, .WikiaArticle .tabbertab-borderless .tabberlive, .WikiaArticle .tabbertab-bordered .tabberlive {   width: 100%; } .WikiaArticle .tabbertab-borderless .tabberlive .tabbertab {   border: none; padding: 0px; } .WikiaArticle .tabberlive .tabbertab, .WikiaArticle .tabbertab-bordered .tabberlive .tabbertab {   border: blue solid 0px; } .WikiaArticle ul.tabbernav li.tabberactive a:hover { border-bottom: none; background-color: #1aa5f9; padding:8px; color: #1aa5f9; } .portable-infobox .portable-infobox-item-label, .portable-infobox .portable-infobox-item-value { display: table-cell !important; /* needed for proper handling of tabber */ padding-left: 7px; font-size: 11px; } .portable-infobox .portable-infobox-item-value { padding-top: 2px; } .tabberlive .tabbertab .portable-infobox h3.portable-infobox-item-label { display: table-cell !important; /* needed for proper handling of tabber */ } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { display: table-cell !important; /* needed for proper handling of tabber */ padding-left: 7px; font-size: 11px; } .portable-infobox .pi-data-value { padding-top: 2px; } .tabberlive .tabbertab .portable-infobox h3.pi-data-label { display: table-cell !important; /* needed for proper handling of tabber */ } /* Wiki Activity Formatting*/ .mw-special-WikiActivity .activityfeed li { border-top-style: solid !important; margin: 0; border-color: white !important; } .mw-special-WikiActivity .activityfeed li:hover { background: rgba(255,255,255,0); } .WikiaPage .page-header__separator { background-color: white !important; } /* Headings for all pages*/ .page-header__title { color: black !important; } .page-header__subtitle { color: black !important; } /*changing colour of activity feed */ .activityfeed .subtle { color: rgb(65,65,65); } /* Change background of category bar */ .article-categories.CategorySelect.articlePage { background-image: url(https://i.imgur.com/Po3LZX6.png); background-repeat: no-repeat; background-position: right; border: 1px solid #0a588f; background: #0a588f; color: white; } .categories a { color: white; } .special-categories a { color: white; } /*** blue border***/ .WikiaPage { border: 1px solid #0a588f; } /*** Followed pages ***/ .FollowedPagesModule.module a { color: white; } /* Background Image */ body.mediawiki { background-image: url("https://i.imgur.com/SsomDlH.jpg"); background-color: #0d5a92;
 * 1) article div.thumb {
 * 1) file img {background: url("https://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat;}
 * 1) myhome-hot-spots li span .title {
 * 1) myhome-community-corner-content p i .a {
 * 1) myhome-community-corner-content ul li .a {