MediaWiki:Chameleon.css

Note: After saving, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
• Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.

body { 
color: #ECECEC;
/* color: #c0c0c0; */ 
padding-top: 70px;
background-color: #000;
background-image: url(http://rimworldwiki.com/skins/chameleon/images/bg.jpg);
background-repeat: no-repeat;
background-position: top center;
}
table { background-color: #14171A; }
.mw-body { padding: 0; margin: 0; }
.firstHeading { padding: 0 15px .2em; border-bottom: 1px solid #333; }
#mw-content-text { padding: 0 15px; }
#catlinks { border-top: 1px solid #333; border-bottom: 1px solid #333;  padding: 0.5em 15px; }
#footer-info { padding: 0.5em 15px; }
#mpbs { margin: 0 -15px; }
.editOptions {color:#000;}

.btn-custom { background-color: #F7941E; border-color: #F7941E; }
.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active {
  background-color: #f38809;
  border-color: #da7a08;
}
.btn-custom.disabled:hover, .btn-custom.disabled:focus, .btn-custom.disabled:active, .btn-custom.disabled.active,
.btn-custom[disabled]:hover, .btn-custom[disabled]:focus, .btn-custom[disabled]:active, .btn-custom[disabled].active,
fieldset[disabled] .btn-custom:hover, fieldset[disabled] .btn-custom:focus, fieldset[disabled] .btn-custom:active, fieldset[disabled] .btn-custom.active {
  background-color: #F7941E;
  border-color: #F7941E;
}

 
/**Custom styles**/
.mpb { border-left: 1px solid #333; border-top: 1px solid #333; border-bottom: 1px solid #333; }
.mpbl { border-left: 1px solid #333; }
.mpbr { border-right: 1px solid #333; }
.mpbt { border-top: 1px solid #333; }
.mpbb { border-bottom: 1px solid #333; }
.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; text-align: center; }
.mpth2 { background-color: #666; }
div.mpbr { border-right: 0 !important; } 

span.sig { border:1px #999 solid; background:rgba(100,100,180,0.2); font-size:85%; border-radius: 8px; padding: .3em; margin: 0 20px; }

a, a:link, a:active, a:visited { color: #c0c0c0; text-decoration: none;}
a:hover {color:#E6D404;}
a.new, a.new:link, a.new:active, a.new:visited { color: #9F0000; text-decoration: none;}
a.new:hover{color:#FF0000}

/* Testing part */
/* 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; }

/**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; }