Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
m |
m |
||
Line 25: | Line 25: | ||
.margin-lr { margin: 0 1.5em; } | .margin-lr { margin: 0 1.5em; } | ||
+ | /********************************/ | ||
+ | .table.72c1d9 > :first-child > tr:first-child,.table.72c1d9 > tbody > tr.heading,.table.72c1d9 > :first-child > tr:first-child > *,.table.72c1d9 > tbody > tr.heading > * { background-color:#72c1d9!important; border-color:#5b9aae!important } | ||
+ | .table.72c1d9 > tbody > tr > th,table.table > tbody > tr.72c1d9 > th { background-color:#b9e0ec; border-color:#94b3bd } | ||
+ | .table.72c1d9 > tbody > tr:nth-child(odd),.table > tbody > tr.72c1d9:nth-child(odd) { background-color:#eaf6f9 } | ||
+ | .table.ffd166 > :first-child > tr:first-child,.table.ffd166 > tbody > tr.heading,.table.ffd166 > :first-child > tr:first-child > *,.table.ffd166 > tbody > tr.heading > * { background-color:#FFD166!important; border-color:#cca752!important } | ||
+ | .table.ffd166 > tbody > tr > th,table.table > tbody > tr.ffd166 > th { background-color:#ffe8b3; border-color:#ccba8f } | ||
+ | .table.ffd166 > tbody > tr:nth-child(odd),.table > tbody > tr.ffd166:nth-child(odd),.table.pve > tbody > tr:nth-child(odd),.table > tbody > tr.pve:nth-child(odd) { background-color:#fff8e8 } | ||
+ | .table.d09c59 > :first-child > tr:first-child,.table.d09c59 > tbody > tr.heading,.table.d09c59 > :first-child > tr:first-child > *,.table.d09c59 > tbody > tr.heading > * { background-color:#d09c59!important; border-color:#a67d47!important } | ||
+ | .table.d09c59 > tbody > tr > th,table.table > tbody > tr.d09c59 > th { background-color:#e8bc84; border-color:#ba966a } | ||
+ | .table.d09c59 > tbody > tr:nth-child(odd),.table > tbody > tr.d09c59:nth-child(odd) { background-color:#f8ebda } | ||
+ | .table.8edf44 > :first-child > tr:first-child,.table.8edf44 > tbody > tr.heading,.table.8edf44 > :first-child > tr:first-child > *,.table.8edf44 > tbody > tr.heading > * { background-color:#8edf44!important; border-color:#72b236!important } | ||
+ | .table.8edf44 > tbody > tr > th,table.table > tbody > tr.8edf44 > th { background-color:#c7efa2; border-color:#9fbf82 } | ||
+ | .table.8edf44 > tbody > tr:nth-child(odd),.table > tbody > tr.8edf44:nth-child(odd) { background-color:#eefae3 } | ||
+ | .table.c08f95 > :first-child > tr:first-child,.table.c08f95 > tbody > tr.heading,.table.c08f95 > :first-child > tr:first-child > *,.table.c08f95 > tbody > tr.heading > * { background-color:#c08f95!important; border-color:#9a7277!important } | ||
+ | .table.c08f95 > tbody > tr > th,table.table > tbody > tr.c08f95 > th { background-color:#dec6c9; border-color:#b29ea1 } | ||
+ | .table.c08f95 > tbody > tr:nth-child(odd),.table > tbody > tr.c08f95:nth-child(odd) { background-color:#f5eeef } | ||
+ | .table.f68a87 > :first-child > tr:first-child,.table.f68a87 > tbody > tr.heading,.table.f68a87 > :first-child > tr:first-child > *,.table.f68a87 > tbody > tr.heading > * { background-color:#f68a87!important; border-color:#c56e6c!important } | ||
+ | .table.f68a87 > tbody > tr > th,table.table > tbody > tr.f68a87 > th { background-color:#fbc5c3; border-color:#c99e9c } | ||
+ | .table.f68a87 > tbody > tr:nth-child(odd),.table > tbody > tr.f68a87:nth-child(odd) { background-color:#feeeed } | ||
+ | .table.b679d5 > :first-child > tr:first-child,.table.b679d5 > tbody > tr.heading,.table.b679d5 > :first-child > tr:first-child > *,.table.b679d5 > tbody > tr.heading > * { background-color:#b679d5!important; border-color:#9261aa!important } | ||
+ | .table.b679d5 > tbody > tr > th,table.table > tbody > tr.b679d5 > th { background-color:#dbbcea; border-color:#af96bb } | ||
+ | .table.b679d5 > tbody > tr:nth-child(odd),.table > tbody > tr.b679d5:nth-child(odd) { background-color:#f4ebf9 } | ||
+ | .table.52a76f > :first-child > tr:first-child,.table.52a76f > tbody > tr.heading,.table.52a76f > :first-child > tr:first-child > *,.table.52a76f > tbody > tr.heading > * { background-color:#52a76f!important; border-color:#428659!important } | ||
+ | .table.52a76f > tbody > tr > th,table.table > tbody > tr.52a76f > th { background-color:#a9d3b7; border-color:#87a992 } | ||
+ | .table.52a76f > tbody > tr:nth-child(odd),.table > tbody > tr.52a76f:nth-child(odd) { background-color:#e5f2ea } | ||
+ | .table.a72bf1 > :first-child > tr:first-child,.table.a72bf1 > tbody > tr.heading,.table.a72bf1 > :first-child > tr:first-child > *,.table.a72bf1 > tbody > tr.heading > * { background-color:#a27bf1!important; border-color:#8262c1!important } | ||
+ | .table.a72bf1 > tbody > tr > th,table.table > tbody > tr.a72bf1 > th { background-color:#d1bdf8; border-color:#a797c6 } | ||
+ | .table.a72bf1 > tbody > tr:nth-child(odd),.table > tbody > tr.a72bf1:nth-child(odd) { background-color:#f1ebfd } | ||
+ | .table.fe7887 > :first-child > tr:first-child,.table.fe7887 > tbody > tr.heading,.table.fe7887 > :first-child > tr:first-child > *,.table.fe7887 > tbody > tr.heading > * { background-color:#fe7887!important; border-color:#cb606c!important } | ||
+ | .table.fe7887 > tbody > tr > th,table.table > tbody > tr.fe7887 > th { background-color:#ffbcc3; border-color:#cc969c } | ||
+ | .table.fe7887 > tbody > tr:nth-child(odd),.table > tbody > tr.fe7887:nth-child(odd) { background-color:#ffebed } | ||
+ | .table.ffe566 > :first-child > tr:first-child,.table.ffe566 > tbody > tr.heading,.table.ffe566 > :first-child > tr:first-child > *,.table.ffe566 > tbody > tr.heading > * { background-color:#ffe566!important; border-color:#ccb752!important } | ||
+ | .table.ffe566 > tbody > tr > th,table.table > tbody > tr.ffe566 > th { background-color:#fff2b3; border-color:#ccc28f } | ||
+ | .table.ffe566 > tbody > tr:nth-child(odd),.table > tbody > tr.ffe566:nth-child(odd) { background-color:#fffbe8 } | ||
+ | .table.75baff > :first-child > tr:first-child,.table.75baff > tbody > tr.heading,.table.75baff > :first-child > tr:first-child > *,.table.75baff > tbody > tr.heading > * { background-color:#75baff!important; border-color:#5e95cc!important } | ||
+ | .table.75baff > tbody > tr > th,table.table > tbody > tr.75baff > th { background-color:#baddff; border-color:#95b1cc } | ||
+ | .table.75baff > tbody > tr:nth-child(odd),.table > tbody > tr.75baff:nth-child(odd) { background-color:#eaf5ff } | ||
+ | .table.61e665 > :first-child > tr:first-child,.table.61e665 > tbody > tr.heading,.table.61e665 > :first-child > tr:first-child > *,.table.61e665 > tbody > tr.heading > * { background-color:#61e665!important; border-color:#4eb851!important } | ||
+ | .table.61e665 > tbody > tr > th,table.table > tbody > tr.61e665 > th { background-color:#b0f3b2; border-color:#8dc28e } | ||
+ | .table.61e665 > tbody > tr:nth-child(odd),.table > tbody > tr.61e665:nth-child(odd) { background-color:#e7fbe8 } | ||
+ | .table.6c3 > :first-child > tr:first-child,.table.6c3 > tbody > tr.heading,.table.6c3 > :first-child > tr:first-child > *,.table.6c3 > tbody > tr.heading > * { background-color:#6c3!important; border-color:#52a329!important } | ||
+ | .table.6c3 > tbody > tr > th,table.table > tbody > tr.6c3 > th { background-color:#b3e699; border-color:#8fb87a } | ||
+ | .table.6c3 > tbody > tr:nth-child(odd),.table > tbody > tr.6c3:nth-child(odd) { background-color:#e8f8e1 } | ||
+ | .table.fc6 > :first-child > tr:first-child,.table.fc6 > tbody > tr.heading,.table.fc6 > :first-child > tr:first-child > *,.table.fc6 > tbody > tr.heading > * { background-color:#fc6!important; border-color:#cca352!important } | ||
+ | .table.fc6 > tbody > tr > th,table.table > tbody > tr.fc6 > th { background-color:#ffe6b3; border-color:#ccb88f } | ||
+ | .table.f96 > :first-child > tr:first-child,.table.f96 > tbody > tr.heading,.table.f96 > :first-child > tr:first-child > *,.table.f96 > tbody > tr.heading > *,.table.item > :first-child > tr:first-child,.table.item > tbody > tr.heading,.table.item > :first-child > tr:first-child > *,.table.item > tbody > tr.heading > * { background-color:#f96!important; border-color:#cc7a52!important } | ||
+ | .table.f96 > tbody > tr > th,table.table > tbody > tr.f96 > th,.table.item > tbody > tr > th,table.table > tbody > tr.item > th { background-color:#ffccb3; border-color:#cca38f } | ||
+ | .table.f96 > tbody > tr:nth-child(odd),.table > tbody > tr.f96:nth-child(odd),.table.item > tbody > tr:nth-child(odd),.table > tbody > tr.item:nth-child(odd) { background-color:#fff0e8 } | ||
+ | .table.69c > :first-child > tr:first-child,.table.69c > tbody > tr.heading,.table.69c > :first-child > tr:first-child > *,.table.69c > tbody > tr.heading > * { background-color:#69c!important; border-color:#527aa3!important } | ||
+ | .table.69c > tbody > tr > th,table.table > tbody > tr.69c > th { background-color:#b3cce6; border-color:#8fa3b8 } | ||
+ | .table.69c > tbody > tr:nth-child(odd),.table > tbody > tr.69c:nth-child(odd) { background-color:#e8f0f8 } | ||
+ | .table.3cc > :first-child > tr:first-child,.table.3cc > tbody > tr.heading,.table.3cc > :first-child > tr:first-child > *,.table.3cc > tbody > tr.heading > * { background-color:#3cc!important; border-color:#29a3a3!important } | ||
+ | .table.3cc > tbody > tr > th,table.table > tbody > tr.3cc > th { background-color:#99e6e6; border-color:#7ab8b8 } | ||
+ | .table.3cc > tbody > tr:nth-child(odd),.table > tbody > tr.3cc:nth-child(odd) { background-color:#e1f8f8 } | ||
+ | .table.c6c > :first-child > tr:first-child,.table.c6c > tbody > tr.heading,.table.c6c > :first-child > tr:first-child > *,.table.c6c > tbody > tr.heading > * { background-color:#c6c!important; border-color:#a352a3!important } | ||
+ | .table.c6c > tbody > tr > th,table.table > tbody > tr.c6c > th { background-color:#e6b3e6; border-color:#b88fb8 } | ||
+ | .table.c6c > tbody > tr:nth-child(odd),.table > tbody > tr.c6c:nth-child(odd) { background-color:#f8e8f8 } | ||
+ | .table.96c > :first-child > tr:first-child,.table.96c > tbody > tr.heading,.table.96c > :first-child > tr:first-child > *,.table.96c > tbody > tr.heading > * { background-color:#96c!important; border-color:#7a52a3!important } | ||
+ | .table.96c > tbody > tr > th,table.table > tbody > tr.96c > th { background-color:#ccb3e6; border-color:#a38fb8 } | ||
+ | .table.96c > tbody > tr:nth-child(odd),.table > tbody > tr.96c:nth-child(odd) { background-color:#f0e8f8 } | ||
+ | .table.9c3 > :first-child > tr:first-child,.table.9c3 > tbody > tr.heading,.table.9c3 > :first-child > tr:first-child > *,.table.9c3 > tbody > tr.heading > * { background-color:#9c3!important; border-color:#7aa329!important } | ||
+ | .table.9c3 > tbody > tr > th,table.table > tbody > tr.9c3 > th { background-color:#cce699; border-color:#a3b87a } | ||
+ | .table.9c3 > tbody > tr:nth-child(odd),.table > tbody > tr.9c3:nth-child(odd) { background-color:#f0f8e1 } | ||
+ | .table.c96 > :first-child > tr:first-child,.table.c96 > tbody > tr.heading,.table.c96 > :first-child > tr:first-child > *,.table.c96 > tbody > tr.heading > * { background-color:#c96!important; border-color:#a37a52!important } | ||
+ | .table.c96 > tbody > tr > th,table.table > tbody > tr.c96 > th { background-color:#e6ccb3; border-color:#b8a38f } | ||
+ | .table.c96 > tbody > tr:nth-child(odd),.table > tbody > tr.c96:nth-child(odd) { background-color:#f8f0e8 } | ||
+ | .table.73d9d9 > :first-child > tr:first-child,.table.73d9d9 > tbody > tr.heading,.table.73d9d9 > :first-child > tr:first-child > *,.table.73d9d9 > tbody > tr.heading > * { background-color:#73d9d9!important; border-color:#5caeae!important } | ||
+ | .table.73d9d9 > tbody > tr > th,table.table > tbody > tr.73d9d9 > th { background-color:#b9ecec; border-color:#94bdbd } | ||
+ | .table.73d9d9 > tbody > tr:nth-child(odd),.table > tbody > tr.73d9d9:nth-child(odd) { background-color:#eaf9f9 } | ||
+ | .table.51a651 > :first-child > tr:first-child,.table.51a651 > tbody > tr.heading,.table.51a651 > :first-child > tr:first-child > *,.table.51a651 > tbody > tr.heading > * { background-color:#51a651!important; border-color:#418541!important } | ||
+ | .table.51a651 > tbody > tr> th,table.table > tbody > tr.51a651 > th { background-color:#a8d3a8; border-color:#86a986 } | ||
+ | .table.51a651 > tbody > tr:nth-child(odd),.table > tbody > tr.51a651:nth-child(odd) { background-color:#e5f2e5 } | ||
+ | .table.a68151 > :first-child > tr:first-child,.table.a68151 > tbody > tr.heading,.table.a68151 > :first-child > tr:first-child > *,.table.a68151 > tbody > tr.heading > *,.table.recipe > :first-child > tr:first-child,.table.recipe > tbody > tr.heading,.table.recipe > :first-child > tr:first-child > *,.table.recipe > tbody > tr.heading > * { background-color:#a68151!important; border-color:#856741!important } | ||
+ | .table.a68151 > tbody > tr > th,table.table > tbody > tr.a68151 > th,.table.recipe > tbody > tr > th,table.table > tbody > tr.recipe > th { background-color:#d3c0a8; border-color:#a99a86 } | ||
+ | .table.a68151 > tbody > tr:nth-child(odd),.table > tbody > tr.a68151:nth-child(odd),.table.recipe > tbody > tr:nth-child(odd),.table > tbody > tr.recipe:nth-child(odd) { background-color:#f2ece5 } | ||
+ | |||
+ | /* Skills tables */ | ||
+ | .table.skills { width:100%; max-width:1000px; } | ||
+ | .table.skills > :first-child > tr:first-child ~ tr th[colspan] { text-align: left; } | ||
+ | .table.skills > :first-child > tr:first-child ~ tr th[colspan] span.editsection { display: none; } | ||
+ | .table.skills > :first-child > tr:first-child ~ tr th[colspan] h4 { margin-top: 5px !important; margin-bottom:5px !important; } | ||
+ | |||
+ | /* Using : lists within tables */ | ||
+ | .table.fm dl, .table.craftvariants dl { margin-top: 0; } /* no top margin in these tables */ | ||
+ | .table.locations dd, .table.fm dd, table.craftvariants dd { margin-left:0; } /* no left margin when used purely for structure within these tables */ | ||
+ | .table.locations dl > dt ~ dd { margin-left:2em; } /* restore margin if it's actually being used as a definition list */ | ||
+ | |||
+ | /**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://rimworldwiki.com/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://rimworldwiki.com/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://rimworldwiki.com/images/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.72c1d9 dd,div.infobox.72c1d9 dt { border-color:#066!important } | ||
+ | div.infobox.72c1d9 .heading,div.infobox.72c1d9 .subheading { background-color:#066!important } | ||
+ | div.infobox.ffd166 dd,div.infobox.ffd166 dt { border-color:#c60!important } | ||
+ | div.infobox.ffd166 .heading,div.infobox.ffd166 .subheading { background-color:#c60!important } | ||
+ | div.infobox.d09c59 dd,div.infobox.d09c59 dt { border-color:#630!important } | ||
+ | div.infobox.d09c59 .heading,div.infobox.d09c59 .subheading { background-color:#630!important } | ||
+ | div.infobox.8edf44 dd,div.infobox.8edf44 dt { border-color:#360!important } | ||
+ | div.infobox.8edf44 .heading,div.infobox.8edf44 .subheading { background-color:#360!important } | ||
+ | div.infobox.c08f95 dd,div.infobox.c08f95 dt { border-color:#933!important } | ||
+ | div.infobox.c08f95 .heading,div.infobox.c08f95 .subheading { background-color:#933!important } | ||
+ | div.infobox.f68a87 dd,div.infobox.f68a87 dt { border-color:#c00!important } | ||
+ | div.infobox.f68a87 .heading,div.infobox.f68a87 .subheading { background-color:#c00!important } | ||
+ | div.infobox.b679d5 dd,div.infobox.b679d5 dt { border-color:#606!important } | ||
+ | div.infobox.b679d5 .heading,div.infobox.b679d5 .subheading { background-color:#606!important } | ||
+ | div.infobox.52a76f dd,div.infobox.52a76f dt { border-color:#063!important } | ||
+ | div.infobox.52a76f .heading,div.infobox.52a76f .subheading { background-color:#063!important } | ||
+ | div.infobox.a72bf1 dd,div.infobox.a72bf1 dt { border-color:#63c!important } | ||
+ | div.infobox.a72bf1 .heading,div.infobox.a72bf1 .subheading { background-color:#63c!important } | ||
+ | div.infobox.fe7887 dd,div.infobox.fe7887 dt { border-color:#900!important } | ||
+ | div.infobox.fe7887 .heading,div.infobox.fe7887 .subheading { background-color:#900!important } | ||
+ | div.infobox.ffe566 dd,div.infobox.ffe566 dt { border-color:#c90!important } | ||
+ | div.infobox.ffe566 .heading,div.infobox.ffe566 .subheading { background-color:#c90!important } | ||
+ | div.infobox.75baff dd,div.infobox.75baff dt { border-color:#069!important } | ||
+ | div.infobox.75baff .heading,div.infobox.75baff .subheading { background-color:#069!important } | ||
+ | div.infobox.61e665 dd,div.infobox.61e665 dt { border-color:#060!important } | ||
+ | div.infobox.61e665 .heading,div.infobox.61e665 .subheading { background-color:#060!important } | ||
+ | div.infobox.73d9d9 dd,div.infobox.73d9d9 dt { border-color:#399!important } | ||
+ | div.infobox.73d9d9 .heading,div.infobox.73d9d9 .subheading { background-color:#399!important } | ||
+ | div.infobox.51a651 dd,div.infobox.51a651 dt { border-color:#363!important } | ||
+ | div.infobox.51a651 .heading,div.infobox.51a651 .subheading { background-color:#363!important } | ||
+ | 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.a68151 .heading,div.infobox.a68151 .subheading { background:#533610 } | ||
+ | div.infobox.a68151 dd,div.infobox.recipe dd,div.infobox.a68151 dt,div.infobox.recipe dt { border-color:#533610 } | ||
+ | div.infobox.6c3 dd,div.infobox.6c3 dt { border-color:#390 } | ||
+ | div.infobox.6c3 .heading,div.infobox.6c3 .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 .51a651 { background:#363 } | ||
+ | div.infobox.effect .73d9d9 { 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.6c3 .heading { background-color:#6c3 } | ||
+ | div.nav.6c3 dd,div.nav.6c3 dt,div.nav.6c3 table th { border-color:#6c3 } | ||
+ | div.nav.fc6 .heading { background-color:#fc6 } | ||
+ | div.nav.fc6 dd,div.nav.fc6 dt,div.nav.fc6 table th { border-color:#fc6 } | ||
+ | div.nav.f96 .heading { background-color:#f96 } | ||
+ | div.nav.f96 dd,div.nav.f96 dt,div.nav.f96 table th { border-color:#f96 } | ||
+ | div.nav.69c .heading { background-color:#69c } | ||
+ | div.nav.69c dd,div.nav.69c dt,div.nav.69c table th { border-color:#69c } | ||
+ | div.nav.3cc .heading { background-color:#3cc } | ||
+ | div.nav.3cc dd,div.nav.3cc dt,div.nav.3cc table th { border-color:#3cc } | ||
+ | div.nav.96c .heading { background-color:#96c } | ||
+ | div.nav.96c dd,div.nav.96c dt,div.nav.96c table th { border-color:#96c } | ||
+ | div.nav.c6c .heading { background-color:#c6c } | ||
+ | div.nav.c6c dd,div.nav.c6c dt,div.nav.c6c table th { border-color:#c6c } | ||
+ | div.nav.9c3 .heading { background-color:#9c3 } | ||
+ | div.nav.9c3 dd,div.nav.9c3 dt,div.nav.9c3 table th { border-color:#9c3 } | ||
+ | div.nav.c96 .heading { background-color:#c96 } | ||
+ | div.nav.c96 dd,div.nav.c96 dt,div.nav.c96 table th { border-color:#c96 } | ||
+ | div.nav.a68151 .heading,div.nav.recipe .heading { background-color:#963 } | ||
+ | div.nav.a68151 dd,div.nav.c96 dt,div.nav.a68151 table th,div.nav.recipe dd,div.nav.c96 dt,div.nav.recipe table th { border-color:#963 } | ||
+ | div.nav.72c1d9 .heading,div.nav.72c1d9 .subheading { background-color:#39c } | ||
+ | div.nav.72c1d9 dd,div.nav.72c1d9 dt,div.nav.72c1d9 table th { border-color:#39c } | ||
+ | div.nav.ffd166 .heading,div.nav.ffd166 .subheading { background-color:#f93 } | ||
+ | div.nav.ffd166 dd,div.nav.ffd166 dt,div.nav.ffd166 table th { border-color:#f93 } | ||
+ | div.nav.d09c59 .heading,div.nav.d09c59 .subheading { background-color:#963 } | ||
+ | div.nav.d09c59 dd,div.nav.d09c59 dt,div.nav.d09c59 table th { border-color:#963 } | ||
+ | div.nav.8edf44 .heading,div.nav.8edf44 .subheading { background-color:#6c3 } | ||
+ | div.nav.8edf44 dd,div.nav.8edf44 dt,div.nav.8edf44 table th { border-color:#6c3 } | ||
+ | div.nav.c08f95 .heading,div.nav.c08f95 .subheading { background-color:#c66 } | ||
+ | div.nav.c08f95 dd,div.nav.c08f95 dt,div.nav.c08f95 table th { border-color:#c66 } | ||
+ | div.nav.f68a87 .heading,div.nav.f68a87 .subheading { background-color:#f33 } | ||
+ | div.nav.f68a87 dd,div.nav.f68a87 dt,div.nav.f68a87 table th { border-color:#f33 } | ||
+ | div.nav.b679d5 .heading,div.nav.b679d5 .subheading { background-color:#939 } | ||
+ | div.nav.b679d5 dd,div.nav.b679d5 dt,div.nav.b679d5 table th { border-color:#939 } | ||
+ | div.nav.52a76f .heading,div.nav.52a76f .subheading { background-color:#396 } | ||
+ | div.nav.52a76f dd,div.nav.52a76f dt,div.nav.52a76f table th { border-color:#396 } | ||
+ | div.nav.a72bf1 .heading,div.nav.a72bf1 .subheading { background-color:#96f } | ||
+ | div.nav.a72bf1 dd,div.nav.a72bf1 dt,div.nav.a72bf1 table th { border-color:#96f } | ||
+ | div.nav.fe7887 .heading,div.nav.fe7887 .subheading { background-color:#f33 } | ||
+ | div.nav.fe7887 dd,div.nav.fe7887 dt,div.nav.fe7887 table th { border-color:#f33 } | ||
+ | div.nav.ffe566 .heading,div.nav.ffe566 .subheading { background-color:#fc3 } | ||
+ | div.nav.ffe566 dd,div.nav.ffe566 dt,div.nav.ffe566 table th { border-color:#fc3 } | ||
+ | div.nav.75baff .heading,div.nav.75baff .subheading { background-color:#6cf } | ||
+ | div.nav.75baff dd,div.nav.75baff dt,div.nav.75baff table th { border-color:#6cf } | ||
+ | div.nav.61e665 .heading,div.nav.61e665 .subheading { background-color:#3c3 } | ||
+ | div.nav.61e665 dd,div.nav.61e665 dt,div.nav.61e665 table th { border-color:#3c3 } | ||
/* </source> */ | /* </source> */ |
Revision as of 05:43, 13 November 2013
/* <source lang="css"> */ /**Spoiler**/ .spoiler-body { display: none; } .opened { color: green; cursor: pointer; } .closed { color: blue; cursor: pointer; } /**Remove external link icon**/ #bodyContent a.external, #bodyContent a[href ^="gopher://"] { background: none; padding-right: 0;} /**Helper classes**/ .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-top { vertical-align: top; } .text-middle { vertical-align: middle; } .text-bottom { vertical-align: bottom; } .pull-left { float: left !important; } .pull-right { float: right !important; } .center-block { display: block; margin-left: auto; margin-right: auto; } .padding-tb { padding: .5em 0; } .margin-lr { margin: 0 1.5em; } /********************************/ .table.72c1d9 > :first-child > tr:first-child,.table.72c1d9 > tbody > tr.heading,.table.72c1d9 > :first-child > tr:first-child > *,.table.72c1d9 > tbody > tr.heading > * { background-color:#72c1d9!important; border-color:#5b9aae!important } .table.72c1d9 > tbody > tr > th,table.table > tbody > tr.72c1d9 > th { background-color:#b9e0ec; border-color:#94b3bd } .table.72c1d9 > tbody > tr:nth-child(odd),.table > tbody > tr.72c1d9:nth-child(odd) { background-color:#eaf6f9 } .table.ffd166 > :first-child > tr:first-child,.table.ffd166 > tbody > tr.heading,.table.ffd166 > :first-child > tr:first-child > *,.table.ffd166 > tbody > tr.heading > * { background-color:#FFD166!important; border-color:#cca752!important } .table.ffd166 > tbody > tr > th,table.table > tbody > tr.ffd166 > th { background-color:#ffe8b3; border-color:#ccba8f } .table.ffd166 > tbody > tr:nth-child(odd),.table > tbody > tr.ffd166:nth-child(odd),.table.pve > tbody > tr:nth-child(odd),.table > tbody > tr.pve:nth-child(odd) { background-color:#fff8e8 } .table.d09c59 > :first-child > tr:first-child,.table.d09c59 > tbody > tr.heading,.table.d09c59 > :first-child > tr:first-child > *,.table.d09c59 > tbody > tr.heading > * { background-color:#d09c59!important; border-color:#a67d47!important } .table.d09c59 > tbody > tr > th,table.table > tbody > tr.d09c59 > th { background-color:#e8bc84; border-color:#ba966a } .table.d09c59 > tbody > tr:nth-child(odd),.table > tbody > tr.d09c59:nth-child(odd) { background-color:#f8ebda } .table.8edf44 > :first-child > tr:first-child,.table.8edf44 > tbody > tr.heading,.table.8edf44 > :first-child > tr:first-child > *,.table.8edf44 > tbody > tr.heading > * { background-color:#8edf44!important; border-color:#72b236!important } .table.8edf44 > tbody > tr > th,table.table > tbody > tr.8edf44 > th { background-color:#c7efa2; border-color:#9fbf82 } .table.8edf44 > tbody > tr:nth-child(odd),.table > tbody > tr.8edf44:nth-child(odd) { background-color:#eefae3 } .table.c08f95 > :first-child > tr:first-child,.table.c08f95 > tbody > tr.heading,.table.c08f95 > :first-child > tr:first-child > *,.table.c08f95 > tbody > tr.heading > * { background-color:#c08f95!important; border-color:#9a7277!important } .table.c08f95 > tbody > tr > th,table.table > tbody > tr.c08f95 > th { background-color:#dec6c9; border-color:#b29ea1 } .table.c08f95 > tbody > tr:nth-child(odd),.table > tbody > tr.c08f95:nth-child(odd) { background-color:#f5eeef } .table.f68a87 > :first-child > tr:first-child,.table.f68a87 > tbody > tr.heading,.table.f68a87 > :first-child > tr:first-child > *,.table.f68a87 > tbody > tr.heading > * { background-color:#f68a87!important; border-color:#c56e6c!important } .table.f68a87 > tbody > tr > th,table.table > tbody > tr.f68a87 > th { background-color:#fbc5c3; border-color:#c99e9c } .table.f68a87 > tbody > tr:nth-child(odd),.table > tbody > tr.f68a87:nth-child(odd) { background-color:#feeeed } .table.b679d5 > :first-child > tr:first-child,.table.b679d5 > tbody > tr.heading,.table.b679d5 > :first-child > tr:first-child > *,.table.b679d5 > tbody > tr.heading > * { background-color:#b679d5!important; border-color:#9261aa!important } .table.b679d5 > tbody > tr > th,table.table > tbody > tr.b679d5 > th { background-color:#dbbcea; border-color:#af96bb } .table.b679d5 > tbody > tr:nth-child(odd),.table > tbody > tr.b679d5:nth-child(odd) { background-color:#f4ebf9 } .table.52a76f > :first-child > tr:first-child,.table.52a76f > tbody > tr.heading,.table.52a76f > :first-child > tr:first-child > *,.table.52a76f > tbody > tr.heading > * { background-color:#52a76f!important; border-color:#428659!important } .table.52a76f > tbody > tr > th,table.table > tbody > tr.52a76f > th { background-color:#a9d3b7; border-color:#87a992 } .table.52a76f > tbody > tr:nth-child(odd),.table > tbody > tr.52a76f:nth-child(odd) { background-color:#e5f2ea } .table.a72bf1 > :first-child > tr:first-child,.table.a72bf1 > tbody > tr.heading,.table.a72bf1 > :first-child > tr:first-child > *,.table.a72bf1 > tbody > tr.heading > * { background-color:#a27bf1!important; border-color:#8262c1!important } .table.a72bf1 > tbody > tr > th,table.table > tbody > tr.a72bf1 > th { background-color:#d1bdf8; border-color:#a797c6 } .table.a72bf1 > tbody > tr:nth-child(odd),.table > tbody > tr.a72bf1:nth-child(odd) { background-color:#f1ebfd } .table.fe7887 > :first-child > tr:first-child,.table.fe7887 > tbody > tr.heading,.table.fe7887 > :first-child > tr:first-child > *,.table.fe7887 > tbody > tr.heading > * { background-color:#fe7887!important; border-color:#cb606c!important } .table.fe7887 > tbody > tr > th,table.table > tbody > tr.fe7887 > th { background-color:#ffbcc3; border-color:#cc969c } .table.fe7887 > tbody > tr:nth-child(odd),.table > tbody > tr.fe7887:nth-child(odd) { background-color:#ffebed } .table.ffe566 > :first-child > tr:first-child,.table.ffe566 > tbody > tr.heading,.table.ffe566 > :first-child > tr:first-child > *,.table.ffe566 > tbody > tr.heading > * { background-color:#ffe566!important; border-color:#ccb752!important } .table.ffe566 > tbody > tr > th,table.table > tbody > tr.ffe566 > th { background-color:#fff2b3; border-color:#ccc28f } .table.ffe566 > tbody > tr:nth-child(odd),.table > tbody > tr.ffe566:nth-child(odd) { background-color:#fffbe8 } .table.75baff > :first-child > tr:first-child,.table.75baff > tbody > tr.heading,.table.75baff > :first-child > tr:first-child > *,.table.75baff > tbody > tr.heading > * { background-color:#75baff!important; border-color:#5e95cc!important } .table.75baff > tbody > tr > th,table.table > tbody > tr.75baff > th { background-color:#baddff; border-color:#95b1cc } .table.75baff > tbody > tr:nth-child(odd),.table > tbody > tr.75baff:nth-child(odd) { background-color:#eaf5ff } .table.61e665 > :first-child > tr:first-child,.table.61e665 > tbody > tr.heading,.table.61e665 > :first-child > tr:first-child > *,.table.61e665 > tbody > tr.heading > * { background-color:#61e665!important; border-color:#4eb851!important } .table.61e665 > tbody > tr > th,table.table > tbody > tr.61e665 > th { background-color:#b0f3b2; border-color:#8dc28e } .table.61e665 > tbody > tr:nth-child(odd),.table > tbody > tr.61e665:nth-child(odd) { background-color:#e7fbe8 } .table.6c3 > :first-child > tr:first-child,.table.6c3 > tbody > tr.heading,.table.6c3 > :first-child > tr:first-child > *,.table.6c3 > tbody > tr.heading > * { background-color:#6c3!important; border-color:#52a329!important } .table.6c3 > tbody > tr > th,table.table > tbody > tr.6c3 > th { background-color:#b3e699; border-color:#8fb87a } .table.6c3 > tbody > tr:nth-child(odd),.table > tbody > tr.6c3:nth-child(odd) { background-color:#e8f8e1 } .table.fc6 > :first-child > tr:first-child,.table.fc6 > tbody > tr.heading,.table.fc6 > :first-child > tr:first-child > *,.table.fc6 > tbody > tr.heading > * { background-color:#fc6!important; border-color:#cca352!important } .table.fc6 > tbody > tr > th,table.table > tbody > tr.fc6 > th { background-color:#ffe6b3; border-color:#ccb88f } .table.f96 > :first-child > tr:first-child,.table.f96 > tbody > tr.heading,.table.f96 > :first-child > tr:first-child > *,.table.f96 > tbody > tr.heading > *,.table.item > :first-child > tr:first-child,.table.item > tbody > tr.heading,.table.item > :first-child > tr:first-child > *,.table.item > tbody > tr.heading > * { background-color:#f96!important; border-color:#cc7a52!important } .table.f96 > tbody > tr > th,table.table > tbody > tr.f96 > th,.table.item > tbody > tr > th,table.table > tbody > tr.item > th { background-color:#ffccb3; border-color:#cca38f } .table.f96 > tbody > tr:nth-child(odd),.table > tbody > tr.f96:nth-child(odd),.table.item > tbody > tr:nth-child(odd),.table > tbody > tr.item:nth-child(odd) { background-color:#fff0e8 } .table.69c > :first-child > tr:first-child,.table.69c > tbody > tr.heading,.table.69c > :first-child > tr:first-child > *,.table.69c > tbody > tr.heading > * { background-color:#69c!important; border-color:#527aa3!important } .table.69c > tbody > tr > th,table.table > tbody > tr.69c > th { background-color:#b3cce6; border-color:#8fa3b8 } .table.69c > tbody > tr:nth-child(odd),.table > tbody > tr.69c:nth-child(odd) { background-color:#e8f0f8 } .table.3cc > :first-child > tr:first-child,.table.3cc > tbody > tr.heading,.table.3cc > :first-child > tr:first-child > *,.table.3cc > tbody > tr.heading > * { background-color:#3cc!important; border-color:#29a3a3!important } .table.3cc > tbody > tr > th,table.table > tbody > tr.3cc > th { background-color:#99e6e6; border-color:#7ab8b8 } .table.3cc > tbody > tr:nth-child(odd),.table > tbody > tr.3cc:nth-child(odd) { background-color:#e1f8f8 } .table.c6c > :first-child > tr:first-child,.table.c6c > tbody > tr.heading,.table.c6c > :first-child > tr:first-child > *,.table.c6c > tbody > tr.heading > * { background-color:#c6c!important; border-color:#a352a3!important } .table.c6c > tbody > tr > th,table.table > tbody > tr.c6c > th { background-color:#e6b3e6; border-color:#b88fb8 } .table.c6c > tbody > tr:nth-child(odd),.table > tbody > tr.c6c:nth-child(odd) { background-color:#f8e8f8 } .table.96c > :first-child > tr:first-child,.table.96c > tbody > tr.heading,.table.96c > :first-child > tr:first-child > *,.table.96c > tbody > tr.heading > * { background-color:#96c!important; border-color:#7a52a3!important } .table.96c > tbody > tr > th,table.table > tbody > tr.96c > th { background-color:#ccb3e6; border-color:#a38fb8 } .table.96c > tbody > tr:nth-child(odd),.table > tbody > tr.96c:nth-child(odd) { background-color:#f0e8f8 } .table.9c3 > :first-child > tr:first-child,.table.9c3 > tbody > tr.heading,.table.9c3 > :first-child > tr:first-child > *,.table.9c3 > tbody > tr.heading > * { background-color:#9c3!important; border-color:#7aa329!important } .table.9c3 > tbody > tr > th,table.table > tbody > tr.9c3 > th { background-color:#cce699; border-color:#a3b87a } .table.9c3 > tbody > tr:nth-child(odd),.table > tbody > tr.9c3:nth-child(odd) { background-color:#f0f8e1 } .table.c96 > :first-child > tr:first-child,.table.c96 > tbody > tr.heading,.table.c96 > :first-child > tr:first-child > *,.table.c96 > tbody > tr.heading > * { background-color:#c96!important; border-color:#a37a52!important } .table.c96 > tbody > tr > th,table.table > tbody > tr.c96 > th { background-color:#e6ccb3; border-color:#b8a38f } .table.c96 > tbody > tr:nth-child(odd),.table > tbody > tr.c96:nth-child(odd) { background-color:#f8f0e8 } .table.73d9d9 > :first-child > tr:first-child,.table.73d9d9 > tbody > tr.heading,.table.73d9d9 > :first-child > tr:first-child > *,.table.73d9d9 > tbody > tr.heading > * { background-color:#73d9d9!important; border-color:#5caeae!important } .table.73d9d9 > tbody > tr > th,table.table > tbody > tr.73d9d9 > th { background-color:#b9ecec; border-color:#94bdbd } .table.73d9d9 > tbody > tr:nth-child(odd),.table > tbody > tr.73d9d9:nth-child(odd) { background-color:#eaf9f9 } .table.51a651 > :first-child > tr:first-child,.table.51a651 > tbody > tr.heading,.table.51a651 > :first-child > tr:first-child > *,.table.51a651 > tbody > tr.heading > * { background-color:#51a651!important; border-color:#418541!important } .table.51a651 > tbody > tr> th,table.table > tbody > tr.51a651 > th { background-color:#a8d3a8; border-color:#86a986 } .table.51a651 > tbody > tr:nth-child(odd),.table > tbody > tr.51a651:nth-child(odd) { background-color:#e5f2e5 } .table.a68151 > :first-child > tr:first-child,.table.a68151 > tbody > tr.heading,.table.a68151 > :first-child > tr:first-child > *,.table.a68151 > tbody > tr.heading > *,.table.recipe > :first-child > tr:first-child,.table.recipe > tbody > tr.heading,.table.recipe > :first-child > tr:first-child > *,.table.recipe > tbody > tr.heading > * { background-color:#a68151!important; border-color:#856741!important } .table.a68151 > tbody > tr > th,table.table > tbody > tr.a68151 > th,.table.recipe > tbody > tr > th,table.table > tbody > tr.recipe > th { background-color:#d3c0a8; border-color:#a99a86 } .table.a68151 > tbody > tr:nth-child(odd),.table > tbody > tr.a68151:nth-child(odd),.table.recipe > tbody > tr:nth-child(odd),.table > tbody > tr.recipe:nth-child(odd) { background-color:#f2ece5 } /* Skills tables */ .table.skills { width:100%; max-width:1000px; } .table.skills > :first-child > tr:first-child ~ tr th[colspan] { text-align: left; } .table.skills > :first-child > tr:first-child ~ tr th[colspan] span.editsection { display: none; } .table.skills > :first-child > tr:first-child ~ tr th[colspan] h4 { margin-top: 5px !important; margin-bottom:5px !important; } /* Using : lists within tables */ .table.fm dl, .table.craftvariants dl { margin-top: 0; } /* no top margin in these tables */ .table.locations dd, .table.fm dd, table.craftvariants dd { margin-left:0; } /* no left margin when used purely for structure within these tables */ .table.locations dl > dt ~ dd { margin-left:2em; } /* restore margin if it's actually being used as a definition list */ /**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://rimworldwiki.com/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://rimworldwiki.com/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://rimworldwiki.com/images/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.72c1d9 dd,div.infobox.72c1d9 dt { border-color:#066!important } div.infobox.72c1d9 .heading,div.infobox.72c1d9 .subheading { background-color:#066!important } div.infobox.ffd166 dd,div.infobox.ffd166 dt { border-color:#c60!important } div.infobox.ffd166 .heading,div.infobox.ffd166 .subheading { background-color:#c60!important } div.infobox.d09c59 dd,div.infobox.d09c59 dt { border-color:#630!important } div.infobox.d09c59 .heading,div.infobox.d09c59 .subheading { background-color:#630!important } div.infobox.8edf44 dd,div.infobox.8edf44 dt { border-color:#360!important } div.infobox.8edf44 .heading,div.infobox.8edf44 .subheading { background-color:#360!important } div.infobox.c08f95 dd,div.infobox.c08f95 dt { border-color:#933!important } div.infobox.c08f95 .heading,div.infobox.c08f95 .subheading { background-color:#933!important } div.infobox.f68a87 dd,div.infobox.f68a87 dt { border-color:#c00!important } div.infobox.f68a87 .heading,div.infobox.f68a87 .subheading { background-color:#c00!important } div.infobox.b679d5 dd,div.infobox.b679d5 dt { border-color:#606!important } div.infobox.b679d5 .heading,div.infobox.b679d5 .subheading { background-color:#606!important } div.infobox.52a76f dd,div.infobox.52a76f dt { border-color:#063!important } div.infobox.52a76f .heading,div.infobox.52a76f .subheading { background-color:#063!important } div.infobox.a72bf1 dd,div.infobox.a72bf1 dt { border-color:#63c!important } div.infobox.a72bf1 .heading,div.infobox.a72bf1 .subheading { background-color:#63c!important } div.infobox.fe7887 dd,div.infobox.fe7887 dt { border-color:#900!important } div.infobox.fe7887 .heading,div.infobox.fe7887 .subheading { background-color:#900!important } div.infobox.ffe566 dd,div.infobox.ffe566 dt { border-color:#c90!important } div.infobox.ffe566 .heading,div.infobox.ffe566 .subheading { background-color:#c90!important } div.infobox.75baff dd,div.infobox.75baff dt { border-color:#069!important } div.infobox.75baff .heading,div.infobox.75baff .subheading { background-color:#069!important } div.infobox.61e665 dd,div.infobox.61e665 dt { border-color:#060!important } div.infobox.61e665 .heading,div.infobox.61e665 .subheading { background-color:#060!important } div.infobox.73d9d9 dd,div.infobox.73d9d9 dt { border-color:#399!important } div.infobox.73d9d9 .heading,div.infobox.73d9d9 .subheading { background-color:#399!important } div.infobox.51a651 dd,div.infobox.51a651 dt { border-color:#363!important } div.infobox.51a651 .heading,div.infobox.51a651 .subheading { background-color:#363!important } 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.a68151 .heading,div.infobox.a68151 .subheading { background:#533610 } div.infobox.a68151 dd,div.infobox.recipe dd,div.infobox.a68151 dt,div.infobox.recipe dt { border-color:#533610 } div.infobox.6c3 dd,div.infobox.6c3 dt { border-color:#390 } div.infobox.6c3 .heading,div.infobox.6c3 .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 .51a651 { background:#363 } div.infobox.effect .73d9d9 { 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.6c3 .heading { background-color:#6c3 } div.nav.6c3 dd,div.nav.6c3 dt,div.nav.6c3 table th { border-color:#6c3 } div.nav.fc6 .heading { background-color:#fc6 } div.nav.fc6 dd,div.nav.fc6 dt,div.nav.fc6 table th { border-color:#fc6 } div.nav.f96 .heading { background-color:#f96 } div.nav.f96 dd,div.nav.f96 dt,div.nav.f96 table th { border-color:#f96 } div.nav.69c .heading { background-color:#69c } div.nav.69c dd,div.nav.69c dt,div.nav.69c table th { border-color:#69c } div.nav.3cc .heading { background-color:#3cc } div.nav.3cc dd,div.nav.3cc dt,div.nav.3cc table th { border-color:#3cc } div.nav.96c .heading { background-color:#96c } div.nav.96c dd,div.nav.96c dt,div.nav.96c table th { border-color:#96c } div.nav.c6c .heading { background-color:#c6c } div.nav.c6c dd,div.nav.c6c dt,div.nav.c6c table th { border-color:#c6c } div.nav.9c3 .heading { background-color:#9c3 } div.nav.9c3 dd,div.nav.9c3 dt,div.nav.9c3 table th { border-color:#9c3 } div.nav.c96 .heading { background-color:#c96 } div.nav.c96 dd,div.nav.c96 dt,div.nav.c96 table th { border-color:#c96 } div.nav.a68151 .heading,div.nav.recipe .heading { background-color:#963 } div.nav.a68151 dd,div.nav.c96 dt,div.nav.a68151 table th,div.nav.recipe dd,div.nav.c96 dt,div.nav.recipe table th { border-color:#963 } div.nav.72c1d9 .heading,div.nav.72c1d9 .subheading { background-color:#39c } div.nav.72c1d9 dd,div.nav.72c1d9 dt,div.nav.72c1d9 table th { border-color:#39c } div.nav.ffd166 .heading,div.nav.ffd166 .subheading { background-color:#f93 } div.nav.ffd166 dd,div.nav.ffd166 dt,div.nav.ffd166 table th { border-color:#f93 } div.nav.d09c59 .heading,div.nav.d09c59 .subheading { background-color:#963 } div.nav.d09c59 dd,div.nav.d09c59 dt,div.nav.d09c59 table th { border-color:#963 } div.nav.8edf44 .heading,div.nav.8edf44 .subheading { background-color:#6c3 } div.nav.8edf44 dd,div.nav.8edf44 dt,div.nav.8edf44 table th { border-color:#6c3 } div.nav.c08f95 .heading,div.nav.c08f95 .subheading { background-color:#c66 } div.nav.c08f95 dd,div.nav.c08f95 dt,div.nav.c08f95 table th { border-color:#c66 } div.nav.f68a87 .heading,div.nav.f68a87 .subheading { background-color:#f33 } div.nav.f68a87 dd,div.nav.f68a87 dt,div.nav.f68a87 table th { border-color:#f33 } div.nav.b679d5 .heading,div.nav.b679d5 .subheading { background-color:#939 } div.nav.b679d5 dd,div.nav.b679d5 dt,div.nav.b679d5 table th { border-color:#939 } div.nav.52a76f .heading,div.nav.52a76f .subheading { background-color:#396 } div.nav.52a76f dd,div.nav.52a76f dt,div.nav.52a76f table th { border-color:#396 } div.nav.a72bf1 .heading,div.nav.a72bf1 .subheading { background-color:#96f } div.nav.a72bf1 dd,div.nav.a72bf1 dt,div.nav.a72bf1 table th { border-color:#96f } div.nav.fe7887 .heading,div.nav.fe7887 .subheading { background-color:#f33 } div.nav.fe7887 dd,div.nav.fe7887 dt,div.nav.fe7887 table th { border-color:#f33 } div.nav.ffe566 .heading,div.nav.ffe566 .subheading { background-color:#fc3 } div.nav.ffe566 dd,div.nav.ffe566 dt,div.nav.ffe566 table th { border-color:#fc3 } div.nav.75baff .heading,div.nav.75baff .subheading { background-color:#6cf } div.nav.75baff dd,div.nav.75baff dt,div.nav.75baff table th { border-color:#6cf } div.nav.61e665 .heading,div.nav.61e665 .subheading { background-color:#3c3 } div.nav.61e665 dd,div.nav.61e665 dt,div.nav.61e665 table th { border-color:#3c3 } /* </source> */