Difference between revisions of "MediaWiki:Vector.css"

Revision as of 16:51, 6 November 2013

/* <source lang="css"> */
 
/* Main page fixes */
#interwiki-completelist { font-weight: bold; }
body.page-Main_Page #ca-delete { display: none !important; }
body.page-Main_Page #mp-topbanner { clear: both; }

/* Edit window toolbar */
#toolbar { height: 22px; margin-bottom: 6px; }

/* Margins for <ol> and <ul> */ 
#content ol, #content ul, #mw_content ol, #mw_content ul { margin-bottom: 0.5em; }

/* Make the list of references smaller */
ol.references { font-size: 100%; }
.references-small { font-size: 90%;}

/* 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: 90%; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; }

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

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

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

/* For linked citation numbers and document IDs, where
the number need not be shown on a screen or a handheld,
but should be included in the printed version
*/
@media screen, handheld, projection { cite *.printonly { display: none; } }

/* 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; }
.wikitable th, .wikitable td, .prettytable th, .prettytable td { border: 1px #aaa solid; padding: 0.2em; }
.wikitable th, .prettytable th { background: #f2f2f2; text-align: center; }
.wikitable caption, .prettytable caption { font-weight: bold; }

/* Default skin for navigation boxes */
/* Navbox container style */
table.navbox { border: 1px solid #aaa; width: 100%; margin: auto; clear: both; font-size: 88%; text-align: center; padding: 1px; }
/* Single pixel border between adjacent navboxes */
table.navbox + table.navbox { margin-top: -1px; /* (doesn't work for IE6, but that's okay) */}
/* Title and above/below styles */
.navbox-title, .navbox-abovebelow, table.navbox th { text-align: center; padding-left: 1em; padding-right: 1em; }
/* Group style */
.navbox-group { white-space: nowrap; text-align: right; font-weight: bold; padding-left: 1em; padding-right: 1em; }
/* Background color */
.navbox, .navbox-subgroup { background: #fdfdfd; }
/* Must match background color */
.navbox-list { border-color: #fdfdfd; }
/* Level 1 color */
.navbox-title, table.navbox th { background: #ccccff; }
/* Level 2 color */
.navbox-abovebelow, .navbox-group, .navbox-subgroup .navbox-title { background: #ddddff; }
/* Level 3 color */
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: #e6e6ff; }
/* Even row striping */
.navbox-even { background: #f7f7f7; }
/* Odd row striping */
.navbox-odd { background: transparent; }

/* 'show'/'hide' buttons created dynamically */
/* by the CollapsibleTables javascript in    */
/* [[MediaWiki:Common.js]]are styled here    */
/* so they can be customised.                */
.collapseButton { float: right; font-weight: normal; text-align: right; width: auto; }

/* In navboxes, the show/hide button balances */
/* the vde links from [[Template:Tnavbar]],   */
/* so they need to be the same width.         */
.navbox .collapseButton { width: 6em; }                          

/* Infobox template style */
.infobox { border: 1px solid #aaa; background-color: #f9f9f9; color: black; margin: 0.5em 0 0.5em 1em; padding: 0.2em; float: right; clear: right; }
.infobox td, .infobox th { vertical-align: top; }
.infobox caption { font-size: larger; }
.infobox.bordered { border-collapse: collapse; }
.infobox.bordered td, .infobox.bordered th { border: 1px solid #aaa; }
.infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; }
.infobox.sisterproject { width: 20em; font-size: 90%; }
.infobox.standard-talk { border: 1px solid #c0c090; background-color: #f8eaba; }
.infobox.standard-talk.bordered td, .infobox.standard-talk.bordered th { border: 1px solid #c0c090; }
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td, .infobox.bordered .mergedtoprow th { border: 0; border-top: 1px solid #aaa; border-right: 1px solid #aaa; }
.infobox.bordered .mergedrow td, .infobox.bordered .mergedrow th { border: 0; border-right: 1px solid #aaa; }
/* Styles for geography infoboxes, eg countries, country subdivisions, cities, etc. */
.infobox.geography { text-align: left; border-collapse: collapse; line-height: 1.2em; font-size: 90%; }
.infobox.geography  td, .infobox.geography  th { border-top: solid 1px #aaa; padding: 0.4em 0.6em 0.4em 0.6em; }
.infobox.geography .mergedtoprow td, .infobox.geography .mergedtoprow th { border-top: solid 1px #aaa; padding: 0.4em 0.6em 0.2em 0.6em; }
.infobox.geography .mergedrow td, .infobox.geography .mergedrow th { border: 0; padding: 0 0.6em 0.2em 0.6em; }
.infobox.geography .mergedbottomrow td, .infobox.geography .mergedbottomrow th { border-top: 0; border-bottom: solid 1px #aaa; padding: 0 0.6em 0.4em 0.6em; }
.infobox.geography .maptable td, .infobox.geography .maptable th { border: 0; padding: 0; }

/* Makes redirects appear in italics in categories and on [[Special:Allpages]] */
.redirect-in-category, .allpagesredirect { font-style: italic; }
/* Icons for medialist templates [[Template:Listen]],
[[Template:Multi-listen_start]], [[Template:Video]],
[[Template:Multi-video_start]]
*/
div.listenlist { background: url("http://upload.wikimedia.org/wikipedia/commons/thumb/a/a6/Gnome-speakernotes.png/30px-Gnome-speakernotes.png"); padding-left: 40px; }

/* Style rules for media list templates */
div.medialist { min-height: 50px; margin: 1em; background-position: top left; background-repeat: no-repeat; }
div.medialist ul { list-style-type: none; list-style-image: none; margin: 0; }
div.medialist ul li { padding-bottom: 0.5em; }
div.medialist ul li li { font-size: 91%; padding-bottom: 0; }

/* Change the external link icon to an Adobe icon for all PDF files
in browsers that support these CSS selectors, like Mozilla and Opera */
#bodyContent a[href$=".pdf"].external, #bodyContent a[href*=".pdf?"].external, 
#bodyContent a[href*=".pdf#"].external, #bodyContent a[href$=".PDF"].external, 
#bodyContent a[href*=".PDF?"].external, #bodyContent a[href*=".PDF#"].external, 
#mw_content  a[href$=".pdf"].external, #mw_content  a[href*=".pdf?"].external, 
#mw_content  a[href*=".pdf#"].external, #mw_content  a[href$=".PDF"].external, 
#mw_content  a[href*=".PDF?"].external, #mw_content  a[href*=".PDF#"].external {
background: url("http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif") center right no-repeat; padding-right: 16px; }

/* Change the external link icon to an Adobe icon anywhere the PDFlink class
is used (notably Template:PDFlink). This works in IE, unlike the above. */
#bodyContent span.PDFlink a, #mw_content span.PDFlink a { background: url("http://upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif") center right no-repeat; padding-right: 17px; }

/* Remove link styling. Already defined in monobook
and modern, but not defined in the other skins. Bug 18708 */
#bodyContent .plainlinks a { background: none !important; padding: 0 !important; }

/* Content in columns with CSS instead of tables [[Template:Columns]] */
div.columns-2 div.column { float: left; width: 50%; min-width: 300px; }
div.columns-3 div.column { float: left; width: 33.3%; min-width: 200px; }
div.columns-4 div.column { float: left; width: 25%; min-width: 150px; }
div.columns-5 div.column { float: left; width: 20%; min-width: 120px; }

/* Make sure that "external references" from templates like [[Template:Ref]]
do not get URL expansion, not even when printed. The anchor itself has
class "external autonumber" and the url expansion is inserted when printing
(see [http://en.wikipedia.org/skins-1.5/common/commonPrint.css]) using the
":after" pseudo-element.
*/
.nourlexpansion a.external.text:after, .nourlexpansion a.external.autonumber:after { display: none !important; }

/* The legacy implementation of this was with "plainlinksneverexpand", which
also simulated "plainlinks".  "plainlinksneverexpand" is deprecated and
should be replaced with "plainlinks nourlexpansion".  When this has been
done, the rules below can be removed.
*/
.plainlinksneverexpand a { background: none !important; padding: 0 !important; }
.plainlinksneverexpand a.external.text:after, .plainlinksneverexpand a.external.autonumber:after { display: none !important; }

/* Messagebox templates */
.messagebox { border: 1px solid #aaa; background-color: #f9f9f9; width: 80%; margin: 0 auto 1em auto; padding: .2em; }
.messagebox.merge { border: 1px solid #c0b8cc; background-color: #f0e5ff; text-align: center; }
.messagebox.cleanup { border: 1px solid #9f9fff; background-color: #efefff; text-align: center; } 
.messagebox.standard-talk { border: 1px solid #c0c090; background-color: #f8eaba; margin: 4px auto; }
/* For old WikiProject banners inside banner shells. */
.mbox-inside .standard-talk, .messagebox.nested-talk { border: 1px solid #c0c090; background-color: #f8eaba; width: 100%; margin: 2px 0; padding: 2px; }
.messagebox.small { width: 238px; font-size: 85%; float: right; clear: both; margin: 0 0 1em 1em; line-height: 1.25em; }
.messagebox.small-talk { width: 238px; font-size: 85%; float: right; clear: both; margin: 0 0 1em 1em; line-height: 1.25em; background: #F8EABA; }

/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
/* The message body cell(s) */
th.mbox-text, td.mbox-text { border: none; padding: 0.25em 0.9em; width: 100%;}
/* The left image cell */
td.mbox-image { border: none; padding: 2px 0 2px 0.9em; text-align: center; }
/* The right image cell */
td.mbox-imageright { border: none; padding: 2px 0.9em 2px 0; text-align: center; }
/* An empty narrow cell */
td.mbox-empty-cell { border: none; padding: 0px; width: 1px; }

/* Article message box styles */
table.ambox { margin: 0px 10%; border: 1px solid #aaa; border-left: 10px solid #1e90ff; background: #fbfbfb; }
/* Single border between stacked boxes. */
table.ambox + table.ambox { margin-top: -1px; }
/* The message body cell(s) */
.ambox th.mbox-text, .ambox td.mbox-text { padding: 0.25em 0.5em; }
/* The left image cell */
.ambox td.mbox-image { padding: 2px 0 2px 0.5em; }
/* The right image cell */
.ambox td.mbox-imageright { padding: 2px 0.5em 2px 0; }
table.ambox-notice { border-left: 10px solid #1e90ff; }
table.ambox-speedy { border-left: 10px solid #b22222; background: #fee; }
table.ambox-delete { border-left: 10px solid #b22222; }
table.ambox-content { border-left: 10px solid #f28500; }
table.ambox-style { border-left: 10px solid #f4c430; }
table.ambox-move { border-left: 10px solid #9932cc; }
table.ambox-protection { border-left: 10px solid #bba; }

/* Image message box styles */
/* Default "notice" blue */
table.imbox { margin: 4px 10%; border-collapse: collapse; border: 3px solid #1e90ff; background: #fbfbfb; }
/* For imboxes inside imbox-text cells. */
/* 0.9 - 0.5 = 0.4em left/right. */
.imbox .mbox-text .imbox { margin: 0 -0.5em; }
/* For imboxes inside other templates. */
.mbox-inside .imbox { margin: 4px; }
table.imbox-notice { border: 3px solid #1e90ff; }
table.imbox-speedy { border: 3px solid #b22222; background: #fee; }
table.imbox-delete { border: 3px solid #b22222; }
table.imbox-content { border: 3px solid #f28500; }
table.imbox-style { border: 3px solid #f4c430; }
table.imbox-move { border: 3px solid #9932cc; }
table.imbox-protection { border: 3px solid #bba; }
table.imbox-license { border: 3px solid #88a; background: #f7f8ff; }
table.imbox-featured { border: 3px solid #cba135; }

/* Category message box styles */
table.cmbox { margin: 3px 10%; border-collapse: collapse; border: 1px solid #aaa; background: #DFE8FF; }
table.cmbox-notice { background: #D8E8FF; }
table.cmbox-speedy { margin-top: 4px; margin-bottom: 4px; border: 4px solid #b22222; background: #FFDBDB; }
table.cmbox-delete { background: #FFDBDB; }
table.cmbox-content { background: #FFE7CE; }
table.cmbox-style { background: #FFF9DB; }
table.cmbox-move { background: #E4D8FF; }
table.cmbox-protection { background: #EFEFE1; }

/* Other pages message box styles */
table.ombox { margin: 4px 10%; border-collapse: collapse; border: 1px solid #aaa; background: #f9f9f9; }

table.ombox-notice { border: 1px solid #aaa; }
table.ombox-speedy { border: 2px solid #b22222; background: #fee; }
table.ombox-delete { border: 2px solid #b22222; }
table.ombox-content { border: 1px solid #f28500; }
table.ombox-style { border: 1px solid #f4c430; }
table.ombox-move { border: 1px solid #9932cc; }
table.ombox-protection { border: 2px solid #bba; }

/* Talk page message box styles */
table.tmbox { margin: 4px 10%; border-collapse: collapse; border: 1px solid #c0c090; background: #f8eaba; }

/* For tmboxes inside other templates. The "mediawiki" */
/* class ensures that this declaration overrides other */
/* For Safari and Opera */     
/* styles (including mbox-small above) */
.mediawiki .mbox-inside .tmbox { margin: 2px 0; width: 100%; }
/* "small" tmboxes should not be small when  */
/* also "nested", so reset styles that are   */
/* set in "mbox-small" above.                */
.mbox-inside .tmbox.mbox-small { line-height: 1.5em; font-size: 100%; }

table.tmbox-speedy { border: 2px solid #b22222; background: #fee; }
table.tmbox-delete { border: 2px solid #b22222; }
table.tmbox-content { border: 2px solid #f28500; }
table.tmbox-style { border: 2px solid #f4c430; }
table.tmbox-move { border: 2px solid #9932cc; }
table.tmbox-protection, table.tmbox-notice { border: 1px solid #c0c090; }

/* Disambig and set index box styles */ 
table.dmbox { clear: both; margin: 0.9em 1em; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: transparent; }

/* Footer and header message box styles */
table.fmbox { clear: both; margin: 0.2em 0; width: 100%; border: 1px solid #aaa; background: #f9f9f9; }
table.fmbox-system { background: #f9f9f9; }
table.fmbox-warning { border: 1px solid #bb7070; background: #ffdbdb; }
table.fmbox-editnotice { background: transparent; }
/* Div based "warning" style fmbox messages. */
div.mw-warning-with-logexcerpt, div.mw-lag-warn-high, div.mw-cascadeprotectedwarning { clear: both; margin: 0.2em 0; border: 1px solid #bb7070; background: #ffdbdb; padding: 0.25em 0.9em; }
/* Div based "system" style fmbox messages. Used in
[[MediaWiki:Noarticletext]] and [[MediaWiki:Readonly lag]]. */
div.mw-lag-warn-normal, div.noarticletext, div.fmbox-system { clear: both; margin: 0.2em 0; border: 1px solid #aaa; background: #f9f9f9; padding: 0.25em 0.9em; }

/* These mbox-small classes must be placed after all other
ambox/tmbox/ombox etc classes. "body.mediawiki" is so
they override "table.ambox + table.ambox" above. */
/* For the "small=yes" option. */
body.mediawiki table.mbox-small { clear: right; float: right; margin: 4px 0 4px 1em; width: 238px; font-size: 88%; line-height: 1.25em; }
/* For the "small=left" option. */
body.mediawiki table.mbox-small-left { margin: 4px 1em 4px 0; width: 238px; border-collapse: collapse; font-size: 88%; line-height: 1.25em; }

/* Support for Template:IPA, Template:Unicode and Template:Polytonic.
The second declarations reset the styles for all browsers except
IE6, which chokes on the empty comment tags. Please copy any changes
to [[Template:IPA fonts]] and [[Template:Unicode fonts]].
*/
.IPA { font-family: "Charis SIL", "Doulos SIL", Gentium, GentiumAlt, "DejaVu Sans", Code2000, "TITUS Cyberbit Basic", "Arial Unicode MS", "Lucida Sans Unicode", "Chrysanthi Unicode"; font-family /**/: inherit; }
.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; }
.latinx { font-family: Code2000, Code2001, "TITUS Cyberbit Basic", "Microsoft Sans Serif"; font-family /**/: inherit; }
.polytonic { font-family: "Athena Unicode", Gentium, "Palatino Linotype", "Arial Unicode MS", "Lucida Sans Unicode", "Lucida Grande", Code2000; font-family /**/: inherit; }

#wpSave { font-weight: bold; }

/* class hiddenStructure is defunct. See [[Wikipedia:hiddenStructure]] */
.hiddenStructure { display: inline ! important; color: #f00; background-color: #0f0; }

/* suppress missing interwiki image links where #ifexist cannot
be used due to high number of requests see .hidden-redlink on
http://meta.wikimedia.org/wiki/MediaWiki:Common.css
*/
.check-icon a.new { display: none; speak: none; }

/* Removes underlines from links */
.nounderlines a { text-decoration: none; }

/* Remove underline from IPA links */
.IPA a:link, .IPA a:visited { text-decoration: none; }

/* Standard Navigationsleisten, aka box hiding thingy
from .de.  Documentation at [[Wikipedia:NavFrame]]. */
div.NavFrame { margin: 0; padding: 4px; border: 1px solid #aaa; text-align: center; border-collapse: collapse; font-size: 95%; }
div.NavFrame + div.NavFrame { border-top-style: none; border-top-style: hidden; }
div.NavPic { background-color: #fff; margin: 0; padding: 2px; float: left; }
div.NavFrame div.NavHead { height: 1.6em; font-weight: bold; background-color: #ccf; 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: 0; padding: 0; line-height: 1px; clear: both; }
a.NavToggle { position: absolute; top: 0; right: 3px; font-weight: normal; font-size: 90%; }

/* Coloured watchlist numbers */
.mw-plusminus-pos { color: #006400; } /* dark green */
.mw-plusminus-neg { color: #8B0000; } /* dark red */

.rellink, .dablink { font-style: italic; padding-left: 2em; }
.rellink i, .dablink i { font-style: normal; }

/* Style for horizontal UL lists */
.horizontal ul { padding: 0; margin: 0; }
.horizontal li { padding: 0 0.6em 0 0.4em; display: inline; border-right: 1px solid; }
.horizontal li:last-child { border-right: none; padding-right: 0; }

/* Allow transcluded pages to display in lists rather than a table.
Compatible in Firefox; incompatible in IE6. */
.listify td    { display: list-item; }
.listify tr    { display: block; }
.listify table { display: block; }

/* Geographical coordinates defaults. See [[Template:Coord/link]]
for how these are used. The classes "geo", "longitude", and
"latitude" are used by the [[Geo microformat]].
*/
.geo-default, .geo-dms, .geo-dec  { display: inline; }
.geo-nondefault, .geo-multi-punct { display: none; }
.longitude, .latitude             { white-space: nowrap; }

/* When <div class="nonumtoc"> is used on the table of contents,
the ToC will display without numbers */
.nonumtoc .tocnumber { display: none; }
.nonumtoc #toc ul, .nonumtoc .toc ul { line-height: 1.5em; list-style: none; margin: .3em 0 0; padding: 0; }
.nonumtoc #toc ul ul, .nonumtoc .toc ul ul { margin: 0 0 0 2em; }

/* Allow limiting of which header levels are shown in a TOC;
<div class="toclimit-3">, 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, .toclimit-3 .toclevel-3, .toclimit-4 .toclevel-4, .toclimit-5 .toclevel-5, .toclimit-6 .toclevel-6, .toclimit-7 .toclevel-7 { display: none; }

/* Styling for Template:Quote */
blockquote.templatequote { margin-top: 0; }
blockquote.templatequote div.templatequotecite { line-height: 1em; text-align: left; padding-left: 2em; margin-top: 0; }
blockquote.templatequote div.templatequotecite cite { font-size: 85%; }

div.user-block { padding: 5px; border: 1px solid #A9A9A9; background-color: #FFEFD5; }

/* Prevent line breaks in silly places:
1) links when we don't want them to
2) HTML formulae
3) Ref tags with group names <ref group="Note"> --> "[Note 1]"
*/
.nowraplinks a, span.texhtml, sup.reference a { white-space: nowrap; }

/* For template documentation */
.template-documentation { clear: both; margin: 1em 0 0 0; border: 1px solid #aaa; background-color: #ecfcf4; padding: 5px; }

.thumbinner { min-width: 100px; }

/* Inline divs in ImageMaps (code borrowed from de.wiki) */
.imagemap-inline div { display: inline; }

/* Increase the height of the image upload box */
#wpUploadDescription { height: 13em; }

/* Reduce line-height for <sup> and <sub> */
sup, sub { line-height: 1em; }


/* The backgrounds for galleries. */
#content .gallerybox div.thumb { background-color: #F9F9F9; }
/* Put a chequered background behind images, only visible if they have transparency */
.gallerybox .thumb img,
#file img { background: white url("http://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat; }
/* But no chequered background on articles, user pages or portals. */
.ns-0 .gallerybox .thumb img, .ns-2 .gallerybox .thumb img, .ns-100 .gallerybox .thumb img { background: white; }

/* Prevent floating boxes from overlapping any category listings,
file histories, edit previews, and edit [Show changes] views */
#mw-subcategories, #mw-pages, #mw-category-media, #filehistory, #wikiPreview, #wikiDiff { clear: both; }

/* Selectively hide headers in WikiProject banners */
.wpb .wpb-header             { display: none; }
.wpbs-inner .wpb .wpb-header { display: block; }     /* for IE */
.wpbs-inner .wpb .wpb-header { display: table-row; } /* for real browsers */
.wpbs-inner .wpb-outside     { display: none; }      /* hide things that should only display outside shells */

/* Testing part */
/**INFOBOXES**/
div.infobox { float: right; position: relative; width: 250px; background: #FFF; font-size: .923em; border: 1px solid #aaa; margin: 0 0 1em 1em; padding: 0; }
div.infobox,div.nav .box {
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffeeeeee); background-image: linear-gradient(top, #fff 0%, #eee 100%); background-image: -o-linear-gradient(top, #fff 0%, #eee 100%); background-image: -moz-linear-gradient(top, #fff 0%, #eee 100%); background-image: -webkit-linear-gradient(top, #fff 0%, #eee 100%); background-image: -ms-linear-gradient(top, #fff 0%, #eee 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #eee)); }
div.infobox .icon { float: right; position: relative; z-index: 2; width: auto; margin: 5px; }
div.infobox .icon p { text-align: center; color: #444; font-size: 9px!important; background-color: rgba(255,255,255,0.5); border-radius: .75em; line-height: 1em; margin: .25em -.5em; padding: 2px; }
div.infobox .wrapper { clear: both; padding: 0; }
div.infobox .statistics { text-align: center; margin: 0 8px; }
div.statistics span + span { margin-left: 5px; }
div.infobox .heading,div.nav .heading { font-weight: 700; background-image: url(http://ludeon.com/rimworld/wiki/images/c/cc/Infobox_header_overlay.png)!important; text-align: center; border: 1px solid rgba(0,0,0,0.25); border-bottom-width: 0; position: relative; z-index: 1; font-size-adjust: .52; margin: -1px -1px 5px!important; }
div.infobox .heading { font-family: EasonPro, "Times New Roman", serif!important; font-size: 1.417em!important; color: #fff!important; background-color: #444; text-shadow: rgba(0,0,0,0.75) 0 0 .25em; line-height: 1.176em; font-size-adjust: .43; padding: .5em!important; }
div.infobox .subheading,div.nav .subheading { font-weight: 700; background-color: #888; background-image: url(http://ludeon.com/rimworld/wiki/images/c/cc/Infobox_header_overlay.png)!important; border-left: 1px solid rgba(0,0,0,0.25); border-right: 1px solid rgba(0,0,0,0.25); line-height: 100%; text-align: center; position: relative; margin: 0 -1px!important; }
div.infobox .subheading { font-family: EasonPro, "Times New Roman", serif; font-size: 1.25em!important; color: #fff!important; background-color: #444; text-shadow: rgba(0,0,0,0.75) 0 0 .25em; z-index: 1; line-height: 1.333em; font-size-adjust: 0.43; padding: .567em!important; }
div.nav dl,div.infobox dl { margin: 10px 0; }
div.infobox dt { float: left; text-align: right; width: 78px; line-height: 1em; font-weight: 700; clear: left; border-right: 2px solid #999; margin: 0 -2px 0 0; padding: 2px 8px 2px 3px; }
div.infobox dd { float: left; width: 125px; font-weight: 400; border-left: 2px solid #999; margin: 0; padding: 2px 7px; }
div.infobox .image_wrapper { text-align: center; padding: 0; margin: 10px 0; }
div.infobox::after,div.nav .box::after,div.infobox .heading::after,div.nav .heading::after,div.infobox .subheading::after,div.nav .subheading::after,.table::after { content: ""; position: absolute; width: 100%; left: 0; height: 3px; background-image: url(http://ludeon.com/rimworld/wiki/images/4/45/Shadow_after.png); background-size: 100% 3px; }
div.infobox::after,div.nav .box::after { bottom: -4px; }
div.infobox .heading::after,div.nav .heading::after,div.infobox .subheading::after,div.nav .subheading::after,.table::after { bottom: -3px; }
div.infobox table,div.nav table { background-color: transparent; }
div.infobox.armor dd,div.infobox.weapon dd,div.infobox.item dd,div.infobox.armor dt,div.infobox.weapon dt,div.infobox.item dt { border-color: #c30; }
div.infobox.armor .heading,div.infobox.weapon .heading,div.infobox.item .heading,div.infobox.armor .subheading,div.infobox.weapon .subheading,div.infobox.item .subheading { background: #c30; }
div.infobox.recipe { width: 250px; display: inline-block; float: none; clear: none; vertical-align: top; font-size: 1em; margin: 0 1em 1em 0; }
div.infobox.recipe .heading,div.infobox.recipe .subheading { font-size: 1.133em; background: #533610; }
div.infobox.recipe .wrapper { padding: 0 10px; }
div.infobox.crafting .heading,div.infobox.crafting .subheading { background: #533610; }
div.infobox.crafting dd,div.infobox.recipe dd,div.infobox.crafting dt,div.infobox.recipe dt { border-color: #533610; }
div.infobox.npc dd,div.infobox.npc dt { border-color: #390; }
div.infobox.npc .heading,div.infobox.npc .subheading { background: #390; }
div.infobox.skill dd,div.infobox.trait dd,div.infobox.skill dt,div.infobox.trait dt { border-color: #999; }
div.infobox.skill .heading,div.infobox.trait .heading,div.infobox.skill .subheading,div.infobox.trait .subheading { background: #444; }
div.infobox.skill .icon > div { border: 2px solid #111; }
div.infobox.trait .icon { margin: 5px 7px; }
div.infobox.effect .condition { background: #363; }
div.infobox.effect .boon { background: #399; }
div.infobox.pet dd,div.infobox.pet dt { border-color: #360; }
div.infobox.pet .heading,div.infobox.pet .subheading { background: #360; }
div.infobox.quest dd,div.infobox.quest dt { border-color: #f90; }
div.infobox.quest .heading,div.infobox.quest .subheading { background: #f90; }
div.infobox.area dd,div.infobox.area dt { border-color: #306; }
div.infobox.area .heading,div.infobox.area .subheading { background: #306; }
/**NAV BARS (headings are done with infobox headings)**/
div.nav { position: relative; width: 500px; margin: auto; }
div.nav .box { position: relative; font-size: .9230769231em; border-spacing: 0; overflow: visible; min-height: 60px; border: 1px solid #aaa; margin: 5px; padding: 0; }
div.nav .heading { font-family: Arial, sans-serif!important; background-color: #888; font-size: 1.083em; line-height: 100%; margin: -1px -1px 0; padding:.769em 0; }
div.nav .subheading { font-family: Arial, sans-serif; font-size: 1em; font-size-adjust: .52; padding: .833em 0; }
div.nav dt,div.nav dd,div.infobox dt,div.infobox dd,div.nav table { line-height: 1.667em; }
div.nav .center { text-align: center; margin: 10px 0; }
div.nav .box table { background-color: transparent; border-collapse: collapse; width: 100%; margin: .667em 0; }
div.nav dt { float: left; text-align: right; width: 125px; clear: left; border-right: 2px solid #999; margin: 0 -2px 0 0; padding: 2px 8px; }
div.nav dd { float: left; text-align: left; border-left: #888 solid 2px; width: 325px; margin: 0; padding: 2px 8px; }
div.nav table th { text-align: right; border-right: 2px solid #888; vertical-align: top; padding: 2px 8px; }
div.nav table td { padding:2px 8px 5px }
div.nav table td a { white-space: nowrap; }
div.nav.thin .box { width: 400px; margin-left: 50px; }
div.nav.thin dt { width:75px; }
div.nav.thin dd { width:290px; }
div.nav.wide .box { width:600px; margin-left:-50px; }
div.nav.wide dt { width:150px; }
div.nav.wide dd { width:400px; }
div.nav.equip .heading { background-color: #999; }
div.nav.equip dd,div.nav.equip dt,div.nav.equip table th { border-color: #999; }

/**Links color**/
.external a, .external a:link, .external a:active, .external a:visited, a, a:link, a:active, a:visited { color: #14171A !important; text-decoration: none;}
.external a:hover, a:hover {color: #F7941E !important;}
a.new, a.new:link, a.new:active, a.new:visited { color: #9F0000 !important; text-decoration: none;}
a.new:hover{ color: #FF0000 !important;}

/**Custom styles**/
.mpb { border: 1px solid #aaa; }
.mpbl { border-left: 1px solid #aaa; }
.mpbr { border-right: 1px solid #aaa; }
.mpbt { border-top: 1px solid #aaa; }
.mpbb { border-bottom: 1px solid #aaa; }
.mpth { font-size: 1.6em; color: #fff; text-shadow: rgba(0,0,0,0.75) 0 0 .25em; background-color: #666; font-weight: 400; height: 48px; }
.mpth2 { background-color: #e7e7e7; }

span.sig { border:1px #999 solid; background:rgba(100,100,180,0.2); font-size:85%; border-radius:8px; padding: 2px 4px; }
/* </source> */