MediaWiki:Common.css

From RimWorld Wiki
Revision as of 01:51, 26 October 2013 by AcDie (talk | contribs) (test)
Jump to navigation Jump to search

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

/**Remove external link icon**/
#bodyContent a.external,
#bodyContent a[href ^="gopher://"] { background: none; padding-right: 0;}

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

/**Spoiler**/
.spoiler-body { display: none; }
.opened { color: green; cursor: pointer; }
.closed { color: blue; cursor: pointer; }
/* </source> */