MediaWiki:Common.css

/* */

/** CSS placed here will be applied to all skins */

/* Staff highlight for blog comments * source: http://community.wikia.com/wiki/MediaWiki%3AStaffHighlight.css * created by: http://community.wikia.com/wiki/MediaWiki:StaffHighlight.css?action=history @import "http://community.wikia.com/wiki/index.php?title=MediaWiki:StaffHighlight.css&action=raw&ctype=text/css";

/* main page CSS */ @import "/index.php?title=MediaWiki:Common.css/mainpage.css&action=raw&ctype=text/css";

/* rounded corners */ .pBody { border-top-right-radius: 0.5em; border-bottom-right-radius: 0.5em; padding: 0.1em 0.1em; -moz-border-radius-topright: 0.5em; /* Firefox -3.6 */ -moz-border-radius-bottomright: 0.5em; }

border-top-right-radius: 0.5em; border-top-left-radius: 0.5em; -moz-border-radius-topright: 0.5em; -moz-border-radius-topleft: 0.5em; }
 * 1) p-cactions ul li, #p-cactions ul li a {

border-radius: 0.5em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; }
 * 1) content, #catlinks, .toc {

/* Overflowing headings so they don't overlap images */ h2, h3, h4, h5, h6 { overflow:auto; }

/* Highlight admins and staffers - by Splarka (http://www.wikia.com/wiki/User:Splarka) */ /* staff */ table.diff a[href|="/wiki/User:Sannse"], ul#pagehistory li a[href|="/wiki/User:Sannse"], ul.special li a[href|="/wiki/User:Sannse"], span.changedby a[href|="/wiki/User:Sannse"]{ font-weight: bold;color:#A52A2A } /* brown */

/* local admins */ table.diff a[href|="/wiki/User:Brandon_Rhea"], ul#pagehistory li a[href|="/wiki/User:Brandon_Rhea"], ul.special li a[href|="/wiki/User:Brandon_Rhea"], span.changedby a[href|="/wiki/User:Brandon_Rhea"], table.diff a[href|="/wiki/User:C3PO_the_Dragon_Slayer"], ul#pagehistory li a[href|="/wiki/User:C3PO_the_Dragon_Slayer"], ul.special li a[href|="/wiki/User:C3PO_the_Dragon_Slayer"], span.changedby a[href|="/wiki/User:C3PO_the_Dragon_Slayer"], table.diff a[href|="/wiki/User:CurrentBigThing"], ul#pagehistory li a[href|="/wiki/User:CurrentBigThing"], ul.special li a[href|="/wiki/User:CurrentBigThing"], span.changedby a[href|="/wiki/User:CurrentBigThing"], table.diff a[href|="/wiki/User:Drewton"], ul#pagehistory li a[href|="/wiki/User:Drewton"], ul.special li a[href|="/wiki/User:Drewton"], span.changedby a[href|="/wiki/User:Drewton"], table.diff a[href|="/wiki/User:Goodwood"], ul#pagehistory li a[href|="/wiki/User:Goodwood"], ul.special li a[href|="/wiki/User:Goodwood"], span.changedby a[href|="/wiki/User:Goodwood"], table.diff a[href|="/wiki/User:Nacen"], ul#pagehistory li a[href|="/wiki/User:Nacen"], ul.special li a[href|="/wiki/User:Nacen"], span.changedby a[href|="/wiki/User:Nacen"], table.diff a[href|="/wiki/User:Neomessiah"], ul#pagehistory li a[href|="/wiki/User:Neomessiah"], ul.special li a[href|="/wiki/User:Neomessiah"] span.changedby a[href|="/wiki/User:Neomessiah"], table.diff a[href|="/wiki/User:SavageOpress1138"], ul#pagehistory li a[href|="/wiki/User:SavageOpress1138"], ul.special li a[href|="/wiki/User:SavageOpress1138"], span.changedby a[href|="/wiki/User:SavageOpress1138"], table.diff a[href|="/wiki/User:Solus"], ul#pagehistory li a[href|="/wiki/User:Solus"], ul.special li a[href|="/wiki/User:Solus"], span.changedby a[href|="/wiki/User:Solus"], table.diff a[href|="/wiki/User:TK-999"], ul#pagehistory li a[href|="/wiki/User:TK-999"], ul.special li a[href|="/wiki/User:TK-999"], span.changedby a[href|="/wiki/User:TK-999"], table.diff a[href|="/wiki/User:Trak_Nar"], ul#pagehistory li a[href|="/wiki/User:Trak_Nar"], ul.special li a[href|="/wiki/User:Trak_Nar"], span.changedby a[href|="/wiki/User:Trak_Nar"]{ font-weight: bold;color:#009900 } /* green */

ul.special li a[title="User:Wikia"] { font-weight: bold;color:#FF0000; }

/* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect, .redirect-in-category, .watchlistredir { font-style: italic; }

/* User message */ .usermessage, .usermessage plainlinks { border-radius: 0.5em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; }

/* class for message box template styling */ .messagebox { clear: both; width: 85%; margin: 0 auto 3px auto; padding: 3px; font-size: 95%; }

body { cursor: default; font-family: sans-serif; }

.sitenotice-nav { display: none; }

/* Fix size issues between different platforms */ code, pre { font-size: 10pt!important } /* Class to force links to be underlined To use: link --Paulgb */ .underlinelink a, nounderlinelink a:hover { text-decoration: underline ! important; } /* Class to force links to be not underlined - See .underlinelink for use -Paulgb */ .nounderlinelink a { text-decoration: none ! important; }

/* pre style override */ pre { overflow: auto; } pre.nostyle { padding: 0; margin: 0; border: none; background: none; }

pre.wrap { white-space: pre-wrap;      /* css-3 */ white-space: -pre-wrap;     /* Opera 4-6 */ white-space: -o-pre-wrap;   /* Opera 7 */ word-wrap: break-word;      /* Internet Explorer 5.5+ */ }

/* this class can be used in the content area to make a link appear like a new page link */
 * 1) bodyContent .redlink a { color: #ba0000; }
 * 2) bodyContent .redlink a.new:visited { color: #a55858; }

/* Infobox template styling */ .infobox { float: right; clear: right; margin: 0 0 .5em 1em; width: 250px; background: none; border-collapse: collapse; border-width: 0; font-size: 0.8em; line-height: 1.5; } .infobox table.infoboxtable { background: #f0f0f0; float: right; margin: 0; width: 100%; border-collapse: collapse; }

.infobox td, .infobox th { padding: 4px; }

.infobox td.infoboximage { padding: 0; text-align: center; } .infobox th.infoboxheading { font-weight: bold; text-align: center; color: #ffffff; font-size: larger; } .infobox th.infoboxsubheading { vertical-align: top; text-align: left; font-weight: normal; } .infobox td.infoboxlabel, .infobox td.infoboxcell { vertical-align: middle; /*	border-top:1px solid #999; border-bottom:1px solid #999; */ }

/* ugly hack to force normal height for infobox cells */ .infoboxcell p { margin-top: 0; margin-bottom: 0; } /* .infoboxcell ul { list-style-type: disc; } */

.infoboxcell ul { padding-left: 10px; margin-left: 10px; }

.infoboxcell ul li { padding-left: 0; margin-left: 0; list-style-type: square; }

.infobox div.plainlinks { color: #fff; }

.infobox div.plainlinks a { color: #f0f0f0; }

/* Forum formatting -Algorithm & -Splaka */ .forumlist { width: 100%; background: #F2F5FD; } .forumlist-header { background: #F2F5FD; } .forumlist-header th, .forumlist th { border-radius: 0.5em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; background: #D8E9FC; padding: .5em; text-align: left; } .forumlist td { border-radius: 0.5em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; background: #E7F2FF; padding: .5em 1em .5em 1em; }

.forumlist td.forum_title a.forum_new { font-weight: bold; background: url(/images/4/4e/Forum_new.gif) center left no-repeat; } .forumlist td.forum_title a.forum_new:visited { font-weight: normal; background: none; } .forumlist td.forum_created, .forumlist td.forum_author, .forumlist td.forum_edited, .forumlist td.forum_editor { color: black; text-decoration: none; }

/* class for forum navigation templates */ .forumheader { background: #F2F5FD; border: none; padding: 5px; }

/* class for stub template styling */ /* only applies to table and div elements - avoids conflicts with preexisting a.stub */ table.stub, div.stub { background: #f0f0f0; margin: 0 0 0.5em 0.5em; text-align: center; padding: 5px; font-size: 0.85em; }

/* class for article disambiguation templates */ .disambig { background: #f2f5fd; font-size: 0.85em; text-align: center; width: 85%; margin: 0 auto 3px auto; }

/* styling for MediaWiki:Edittools */ border:2px solid #F0F0F0; background:#F9F9F9; }
 * 1) edittools, #editpage-specialchars {

/* Make the list of references in Template:Reflist smaller */ .references-small { font-size: 0.85em; }

/* VALIDATOR NOTICE: the following is correct, but the W3C validator doesn't accept it */ /* -moz-* is a vendor-specific extension (CSS 2.1 4.1.2.1) */ /* column-count is from the CSS3 module "CSS Multi-column Layout" */ /* Please ignore any validator errors caused by these two lines */ .references-2column { font-size: 0.85em; -moz-column-count: 2; column-count: 2; }

/* Highlight clicked reference in blue to help navigation */ ol.references > li:target, sup.reference:target, span.citation:target, cite:target { background-color: #D8E9FC; }

/* Ensure refs in table headers and the like aren't bold or italic */ sup.reference { font-weight: normal; font-style: normal; }

/* Styling for citations */ span.citation, cite { font-style: normal; word-wrap: break-word; }

/* rounded corners */ .rtop, .rbottom { display: block; padding: 0px; margin: 0px; } .rtop *, .rbottom * { display: block; height: 1px; overflow: hidden; padding: 0px; } .r1 { margin: 0 5px; } .r2 { margin: 0 3px; } .r3 { margin: 0 2px; } .r4 { margin: 0 1px; height: 2px; } /* end rounded corners */

padding-left: 10px; margin-left: 10px; }
 * 1) mp3-global ul {

padding-left: 0; margin-left: 0; list-style-type: square; }
 * 1) mp3-global ul li {


 * 1) mp3-navlink #mp3-nav { display: none; }


 * 1) mp3-navlink { font-size: 1.1em; margin: auto; max-width: 600px; _width: expression(document.getElementById('mp3-nav-outer').offsetWidth > 600 ? '600px' : 'auto'); }

.hoverable .hoverable-inner { display: none; position: absolute; top: auto; text-align: left; }

.hoverable:hover .hoverable-inner, .hoverable.over .hoverable-inner { display: inline; }

/* class for message box template styling */ .messagebox { clear: both; width: 85%; margin: 0 auto 3px auto; padding: 3px; font-size: 95%; }

/* in-universe and out-of-universe message boxes */ .iumb, .ooumb { border-width: 0; text-align:left; padding: 0; }

.iumb table, .ooumb table { padding: 10px 5px; background: transparent; color: inherit; }

.iumb table.hidable-content, .ooumb table.hidable-content { padding: 0; }

.iumb-icon, .ooumb-icon { vertical-align: middle; padding: 0; }

.iumb-main, .ooumb-main { padding: 0 0 0 10px; }

.iumb-caption { font-size: 1.3em; font-weight: bold; }

.ooumb-caption { font-size: 1em; font-weight: bold; }

.iumb-comment { font-size: 0.8em; }

.iumb-hidable-button, .ooumb-hidable-button { text-align: right; margin: 0; padding: 0 5px 0 0; font-size: 0.8em; vertical-align: bottom; }

.iumb-table-container, .ooumb-table-container { width: 100%; }

.iumb p { margin-top: 0; margin-bottom: 0; }

/* userboxes */ .userbox { float: left; border: 1px solid; margin: 1px; width: 238px; padding: 0px; }

.ubx-icon { width: 45px; height: 45px; text-align: center; font-size: 14pt; font-weight: bold; }

.ubx-main { font-size: 8pt; padding: 4pt; line-height: 1.25em; }

border-width: 0; }
 * toc, .toc {

.spoiler { background-color: #fff8f8; color: #000000; border: solid black; border-width: 1px 0px 1px 0px; text-align: center; }

.ahtable { padding: 0; width: 85%; }

.ahtable th, .ahtable td { padding: 3px; }

.ahth { text-align: left; }

.ahtable .ahrt, .ahtable .ahrb { padding: 0; }

.ahf { text-align: left; font-weight: normal; }

.ahfstatus { font-weight: bold; }

.hidable-button { color: #088; cursor: pointer; }

.infobox .hidable-button { color: #f0f0f0; }

text-transform: none; }
 * 1) p-search #searchInput {

/* new navboxes */ .nb2-wrapper { text-align: center; }

.nb2 { /*	margin: auto;*/ border: 0; }

.nb2-firstheading { color: black; font-size: 1.1em; font-weight: bold; padding: 3px; }

.nb2-inner { width: 100%; }

.nb2-inner th { font-weight: bold; }

.nb2-inner td { font-size: 0.9em; text-align: center; }

.nb2-end td { font-size: 0.85em; text-align: center; }

.nb-edi { font-size: 0.85em; }

.nb2 .nb-edi { font-size: inherit; }

.nb2-end a, .nb2-end .hidable-button { color: black; text-transform: lowercase; text-decoration: none; }

/* Related to search icons */ cursor: pointer; }
 * 1) search-icon-wrapper {

position: absolute; background: #f2f5f9; text-align: left; z-index: 8; }
 * 1) search-popup {

/* New styling for appearance lists, used in Template:App */ table.appearances { border-radius: 6px; padding: 5px; width: 100%; border: 1px solid #D6F0F5; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin-bottom: 4px; text-align: left; clear: left; } table.appearances tr td { vertical-align: top; }

/* Colored watchlist / recent changes numbers */ .mw-plusminus-pos { color: #006400; /* darkgreen */ }

/* .mw-plusminus-null currently at developer default */

.mw-plusminus-neg { color: #cc2200; /* darkred */ }

.dablink { font-style: italic; padding-left: 2em; }

/* Allow limiting of which header levels are shown in a TOC;, for instance, will limit to showing ==headings== and ===headings=== but no further (as long as  there are no =headings= on the page, which there shouldn't be according to the MoS). */ .toclimit-2 .toclevel-2 { display:none; } .toclimit-3 .toclevel-3 { display:none; } .toclimit-4 .toclevel-4 { display:none; } .toclimit-5 .toclevel-5 { display:none; } .toclimit-6 .toclevel-6 { display:none; } .toclimit-7 .toclevel-7 { display:none; }

/* Class for links with loudspeaker icon next to them */ /* (Used in Template:Audio and the like to make the speaker clickable) */ .audiolink a { background: url("http://images.wikia.com/starwars/images/8/8a/Loudspeaker.svg/11px-Loudspeaker.svg.png") center left no-repeat !important; padding-left: 16px !important; padding-right: 0 !important; }

.hidebox { border: 1px solid #eee; padding: 3px; margin: auto; }

/* Hides the MultiUpload link in the sidebar -- by Jack Phoenix */
 * 1) p-tb li#t-multiupload { display: none; }

.gallerybox .thumb img { background: #F9F9F9; }

/* Image frame fix */ div.tright, div.tleft { border: 1px solid silver; }

div.thumbinner { background: inherit; border: none; color: inherit; }  color:inherit; }
 * 1) article div.thumb {

/* === Babel === */

div.babelbox { float: right; margin-left: 1em; margin-bottom: 0.5em; width: 246px; border: 1px solid #99B3FF; padding: 2px 0 2px 0; } .lang-blockN, .lang-block0, .lang-block1, .lang-block2, .lang-block3 { margin: 2px 4px 2px 4px; /* t, l, b, r */ width:238px; border-collapse: collapse; } td.lang-codeN, td.lang-code0, td.lang-code1, td.lang-code2, td.lang-code3 { text-align:center; font-size:14pt; width:45px; height:45px; } td.lang-descriptionN, td.lang-description0, td.lang-description1, td.lang-description2, td.lang-description3 { font-size:8pt; padding:4pt; line-height:1.25em; }

.lang-block0 { border:1px solid #FFB3B3; } td.lang-code0 { background-color: #FFB3B3; color: black; } td.lang-description0 { background-color: #FFE0E8; color: black; }

.lang-block1, .lang-block2, .lang-block3  { border:1px solid #99B3FF; } td.lang-code1, td.lang-code2, td.lang-code3 { background-color: #99B3FF; color: black; } td.lang-description1, td.lang-description2, td.lang-description3 { background-color: #E0E8FF; color: black; }

.lang-blockN { border:1px solid #6EF7A7; } td.lang-codeN { background-color: #6EF7A7; color: black; } td.lang-descriptionN { background-color: #C5FCDC; color: black; }

/* NavFrame - navigation show/hide tool. See mw:Manual:NavFrame or wikipedia:Wikipedia:NavFrame for documentation. */ div.Boxmerge, div.NavFrame { margin: 0px; padding: 2px; border: 1px solid #aaaaaa; 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: #ffffff; margin: 0px; padding: 2px; float: left; } div.NavFrame div.NavHead { height: 1.6em; font-weight: bold; font-size: 100%; background-color: #efefef; 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; }

/* TabView extension */ /*set the base backcolor of the 'off' tabs */ .yui-navset .yui-nav li { border-top: 1px inset #D4DEE8; border-right: 1px inset #D4DEE8; border-bottom: 1px solid #D4DEE8; border-left: 1px inset #D4DEE8; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; -moz-border-radius-topright: 0.5em; -moz-border-radius-topleft: 0.5em; background-color: #D4DEE8; padding-left: 10px; padding-right: 10px; } /*set the background color of the content and the 'on' tab the same*/ .yui-content, .yui-navset .yui-nav li.selected { background-color: #E7F2FF; } /** style the 'on' tab **/ .yui-navset .yui-nav .selected { border-top: 1px outset #E7F2FF; border-right: 1px outset #E7F2FF; border-bottom: 1px solid #E7F2FF; border-left: 1px outset #E7F2FF; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; -moz-border-radius-topright: 0.5em; -moz-border-radius-topleft: 0.5em; font-weight: bold; } /* Hover inactive tabs */ .yui-nav li:hover { border-top: 1px outset #A3B3FF; border-right: 1px outset #A3B3FF; border-bottom: 1px solid #A3B3FF; border-left: 1px outset #A3B3FF; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; -moz-border-radius-topright: 0.5em; -moz-border-radius-topleft: 0.5em; background-color: #A3B3FF; font-weight: bold; } /* keep the side padding, but enforce no gap between content area and tabs */ .yui-content { border-top-right-radius: 0.5em; border-bottom-right-radius: 0.5em; border-bottom-left-radius: 0.5em; -moz-border-radius-topright: 0.5em; -moz-border-radius-bottomleft: 0.5em; -moz-border-radius-bottomright: 0.5em; margin-top: 0; padding-top: 0.25em; padding-left: 0.5em; padding-right: 0.5em; } /* Tabs */ .activetab { border-top: 1px outset #E7F2FF; border-right: 1px outset #E7F2FF; border-bottom: 1px solid #E7F2FF; border-left: 1px outset #E7F2FF; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; -moz-border-radius-topright: 0.5em; -moz-border-radius-topleft: 0.5em; background-color: #E7F2FF; font-weight: bold; padding-left: 10px; padding-right: 10px; } .inactivetab { border-top: 1px inset #D4DEE8; border-right: 1px inset #D4DEE8; border-bottom: 1px solid #D4DEE8; border-left: 1px inset #D4DEE8; border-top-left-radius: 0.5em; border-top-right-radius: 0.5em; -moz-border-radius-topright: 0.5em; -moz-border-radius-topleft: 0.5em; background-color: #D4DEE8; padding-left: 10px; padding-right: 10px; } .inactivetab:hover { border-top: 1px outset #A3B3FF; border-right: 1px outset #A3B3FF; border-bottom: 1px solid #A3B3FF; border-left: 1px outset #A3B3FF; -moz-border-radius-topright: 0.5em; -moz-border-radius-topleft: 0.5em; background-color: #A3B3FF; font-weight: bold; }

/* Main Page no heading */ .page-Main_Page #siteSub, .page-Main_Page #contentSub, .page-Main_Page .firstHeading { display: none !important; }

/* Put a checker background at the image description page only visible if the image has transparent background (import from Central) */ background: url("http://images1.wikia.nocookie.net/swfanon/images/5/5d/Checker-16x16.png") repeat; }
 * 1) file img {

/* Making long MediaWiki CSS & JS legible */

.ns-8 pre { white-space: pre-wrap; word-wrap: break-word; /* CSS3 module */ }

/* Marking secure (HTTPS) connections */ a.external[href^="https://"], .link-https { background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAhUlEQVR4Xq2POwqDQBCGLT2aKawUksLOk1gIYpsreAC19QiWNoKgoIJkizwwxXa/7IKDyyJaWHzM62OGMQAQWZ4iikNC1OtMk0RkjGFbKyI19QskUmMPMadtr9oG3j7AC4HMP62DprxJWRd/gYRP3rGYPE3M/f0i8T888O1cjJWliKe/XgDkXSVonyhgWAAAAABJRU5ErkJggg==") no-repeat scroll right center transparent; padding-right: 13px; }

/* Increasing padding on wikitables */ table.wikitable th, table.wikitable td { padding: 0.4em; }

/* Quotation templates */ .quote { padding-left: 24px; }

.quote q { display: block; }

/* Succession boxes */ .succession-box td { padding: 0 4px 0 4px; width: 35%; }

.succession-box b { font-size: large; }

/* Styling the BBY/ABY template on year articles for 1.19 era */ margin: 0 auto !important; }
 * 1) WikiaArticle hr+table,
 * 2) bodyContent hr+table {

padding: 3px; text-align: center; }
 * 1) WikiaArticle hr+table td,
 * 2) bodyContent hr+table td {

font-size: large; }
 * 1) WikiaArticle hr+table b:first-child,
 * 2) WikiaArticle hr+table b:first-child {

/* */