View this page in other languages: Deutsch • français • magyar • 한국어 • polski • português • русский • українська • 中文
CSS and JavaScript changes must comply with the wiki design rules.
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: 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.
/*
Common css for both desktop and mobile view.
Imported in common.css and mobile.css.
*/
/* ------------------------------------------------------------------ */
/* ================================================================== */
/* General styles */
/* ================================================================== */
/* ------------------------------------------------------------------ */
html{
font-size: 16px; /* reset rem size */
}
:root {
--custom-accent-border-color: #afcfe2;
--custom-accent-highlight-color: var(--theme-accent-color--hover);
--custom-note-dark-color: #666; /* For hatnotes, Template:Note */
--custom-note-light-color: #808080; /* For Template:Na */
/* For Template:Msgbox */
--custom-notice-blue-background-color: var(--theme-accent-color);
--custom-notice-blue-border-color: var(--custom-accent-border-color);
--custom-notice-red-background-color: hsl(0, 80%, 90%);
--custom-notice-red-border-color: hsl(0, 60%, 72%);
--custom-notice-purple-background-color: hsl(228, 80%, 90%);
--custom-notice-purple-border-color: hsl(243, 60%, 72%);
--custom-notice-green-background-color: hsl(84, 80%, 90%);
--custom-notice-green-border-color: hsl(84, 60%, 72%);
--custom-notice-yellow-background-color: hsl(58, 80%, 90%);
--custom-notice-yellow-border-color: hsl(58, 60%, 72%);
--custom-notice-orange-background-color: hsl(28, 80%, 90%);
--custom-notice-orange-border-color: hsl(28, 60%, 72%);
--custom-notice-pink-background-color: hsl(324, 80%, 90%);
--custom-notice-pink-border-color: hsl(324, 60%, 72%);
--custom-template-expert-color: #9b5700;
--custom-template-master-color: #dd1414;
--custom-template-journey-color: #c70a7d;
--custom-modetabs-expert-background-color: #ffeece;
--custom-modetabs-expert-border-color: #ffca67;
--custom-modetabs-expert-label-color: #3a3119;
--custom-modetabs-master-background-color: #ffe9e9;
--custom-modetabs-master-border-color: #ffbaba;
--custom-modetabs-master-label-color: #462b08;
}
.pixel img, .pixel,
.WikiaLightbox .media img,
#mw-imagepage-section-filehistory img {
image-rendering: pixelated; /*for chrome*/
image-rendering: crisp-edges; /*for firefox*/
}
.thumbinner{
border-radius: 5px;
}
li.gallerybox div.thumb{
border-radius: 5px;
}
.small {
font-size: 85%;
}
.nowrap {
white-space: nowrap;
}
/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
text-align: center;
}
.alignleft,
.align-left{
text-align: left;
}
.alignright,
.align-right{
text-align: right;
}
/* pic box */
div.tright {
margin: 0 0 1em 1em;
}
/* clear fix for float block */
.clearfix {
*zoom: 1;
}
.clearfix::before,
.clearfix::after {
content: " ";
display: table;
}
.clearfix::after {
clear: both;
}
/* Add diff accent to make even smaller changes visible */
.diffchange-inline {
border: 1px var(--theme-alert-color) dashed;
}
/* Recent changes reduce spacing */
fieldset.rcoptions {
margin-top: 0;
}
/* References smaller text than main */
.references {
font-size: 90%;
}
/* Offset linked anchors */
.anchor {
display: block;
height: 0;
position: relative;
top: -100px;
z-index: -9999;
visibility: hidden;
}
/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
font-size: 14px !important;
}
/* SoundManager2Button icon (It looks useless/unused) */
a.sm2_button {
background-color: #3399CC;
}
a.sm2_button:hover,
a.sm2_playing {
background-color: #006A9F;
}
/* Fix indicators' styling (e.g. the "Help" link on category pages) */
.mw-body .mw-indicators {
z-index: 0;
}
.mw-body .mw-indicator {
vertical-align: middle;
}
/*hide its negative margin-top */
.mw-jump, #jump-to-nav{
display:none;
}
/* Facilitate inline scary transclusion */
.scary-transclusion p, .scary-transclusion .mw-parser-output {
display: inline;
}
/* hide last empty paragraph at the end */
div.mw-parser-output > p:last-child > br:only-child{
display: none;
}
/* Fix empty parameter descriptions on api.php having no height, causing misalignments that seriously impede readability */
.apihelp-parameters dd:empty::before {
content: '\00A0';
}
/* ================================================= */
/* Reference Tooltips specific CSS */
/* For more info see [[mw:Reference Tooltips]] */
/* ================================================= */
.referencetooltip {
position: absolute;
list-style: none;
opacity: 0;
font-size: 10px;
margin: 0;
z-index: 5;
padding: 0;
}
.referencetooltip li {
border: var(--theme-link-color) 2px solid;
border-radius: 5px;
max-width: 260px;
padding: 10px 8px 13px 8px;
margin: 0;
background-color: var(--theme-page-background-color--secondary);
box-shadow: 2px 4px 2px rgba(0,0,0,0.3);
-moz-box-shadow: 2px 4px 2px rgba(0,0,0,0.3);
-webkit-box-shadow: 2px 4px 2px rgba(0,0,0,0.3);
}
.referencetooltip li+li {
margin-left: 7px;
margin-top: -2px;
border: 0;
padding: 0;
height: 3px;
width: 0;
background-color: transparent;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
border-top: 12px var(--theme-link-color) solid;
border-radius: 5px;
border-right: 7px transparent solid;
border-left: 7px transparent solid;
}
.referencetooltip>li+li::after {
content: '';
border-top: 8px var(--theme-page-background-color--secondary) solid;
border-right: 5px transparent solid;
border-left: 5px transparent solid;
margin-top: -12px;
margin-left: -5px;
z-index: 1;
height: 0;
width: 0;
display: block;
}
.client-js body .referencetooltip li li {
border: none;
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
height: auto;
width: auto;
margin: auto;
padding: 0;
position: static;
}
.RTflipped {
padding-top: 13px;
}
.referencetooltip.RTflipped li+li {
position: absolute;
top: 2px;
border-top: 0;
border-bottom: 12px var(--theme-link-color) solid;
border-radius: 5px;
}
.referencetooltip.RTflipped li+li::after {
border-top: 0;
border-bottom: 8px var(--theme-page-background-color--secondary) solid;
position: absolute;
margin-top: 7px;
}
.RTsettings {
float: right;
height: 16px;
width: 16px;
cursor: pointer;
background-image: url(//upload.wikimedia.org/wikipedia/commons/e/ed/Cog.png);
margin-top: -9px;
margin-right: -7px;
transition: opacity 0.15s;
opacity: 0.6;
filter: alpha(opacity=60);
}
.RTsettings:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.RTTarget {
border: var(--theme-link-color) 2px solid;
border-radius: 5px;
}
/* Sound icon tweak */
.client-js .sound-title::after {
margin-left: 2px;
}
/* -------------------------------------------------------- */
/* Characteristic "terraria" styling */
/* -------------------------------------------------------- */
.terraria {
border: 1px var(--custom-accent-border-color) solid;
padding: 8px 12px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
position: relative;
}
.terraria > .heading,
.terraria > .mw-collapsible-content > .heading {
background: var(--theme-accent-color);
text-align: center;
font-weight: bold;
line-height: 2;
min-height: 1em;
padding: 0;
font-size: inherit;
margin: 8px -4px auto;
}
.terraria > .heading:first-child,
.terraria > .mw-collapsible-content > .heading:first-child,
.terraria > .heading:nth-of-type(1),
.terraria > .mw-collapsible-content > .heading:nth-of-type(1){
margin-top: auto;
}
.terraria > .heading + *,
.terraria > .mw-collapsible-content > .heading + * {
padding-top: 8px;
}
.terraria > .mw-collapsible-toggle {
position: absolute;
line-height: 1;
right: 12px;
top: 12px;
font-size: 12px;
}
.terraria > .mw-collapsible-toggle > .mw-collapsible-bracket {
display: none;
}
.terraria > .mw-collapsible-toggle:before {
content: "";
vertical-align: middle;
display: inline-block;
width: 4px;
height: 4px;
transform: rotate(45deg);
position: relative;
left: -3px;
border-left: 2px solid var(--theme-link-color);
border-top: 2px solid var(--theme-link-color);
border-right: 0;
border-bottom: 0;
top: 1px;
}
.terraria > .mw-collapsible-toggle:after{
content: "";
}
.terraria > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before {
border-left: 0;
border-top: 0;
border-right: 2px solid var(--theme-link-color);
border-bottom: 2px solid var(--theme-link-color);
top: -2px;
}
.terraria > .boxtitle {
position: absolute;
margin-top: -1.5em;
margin-left: -3px;
padding-right: 3px;
padding-left: 3px;
background-color: var(--theme-page-background-color);
font-size: 80%;
}
/* -------------------------------------------------------- */
/* Tables */
/* -------------------------------------------------------- */
table {
font-size: 100%;
color: var(--theme-page-text-color);
/* we don't want the bottom borders of <h2>s to be visible through
* floated tables */
background-color: var(--theme-page-background-color);
/* fix 100% width table with border */
box-sizing: border-box;
}
.mw-specialpages-table {
margin-bottom: 0;
margin-top: 0;
}
/* "terraria"-classed tables */
table.terraria {
/* border style is defined in common .terraria */
margin: 0.5em 0.5em 0.5em 0;
padding: 2px;
}
table.terraria.noborder {
padding: 0;
border: 0;
}
.terraria th,
.terraria td {
padding: 3px 6px;
border-color: var(--theme-border-color);
border-style: solid;
border-width: 0;
}
.terraria th{
background: var(--theme-accent-color);
text-align: center;
}
.terraria caption {
font-weight: bold;
background: var(--theme-accent-color);
padding: 5px;
margin: auto 2px;
}
.terraria > caption {
padding: 3px;
-moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
margin: 1px 1px -4px;
border: 4px solid var(--theme-page-background-color);
border-bottom-width: 1px;
box-shadow: 0 0 0 1px var(--custom-accent-border-color);
position: relative;
}
.terraria > caption:after {
content: "";
display: block;
width: 100%;
height: 1px;
background: var(--theme-page-background-color);
position: absolute;
left: -4px;
bottom: -2px;
border-left: 4px solid var(--theme-page-background-color);
border-right: 4px solid var(--theme-page-background-color);
}
.terraria > caption.plaincaption {
background: transparent;
border: 0;
box-shadow: 0 0 0 0;
margin-bottom: 4px;
}
.terraria > caption.plaincaption:after {
background: transparent;
border: 0;
}
/* Auto line separators for tables */
table.lined td {
border-width: 0;
border-bottom-width: 1px;
}
table.lined tr:last-of-type td,
table.lined td.noline, table.lined tr.noline td{
border-bottom-width: 0;
}
table tr.bottomline td {
border-bottom-width: 1px;
}
table tr.topline td {
border-top-width: 1px;
}
table td.bottomline, table.lined tr.noline td.bottomline{
border-bottom-width: 1px;
}
table td.topline {
border-top-width: 1px;
}
table.cellborder{
border-collapse: collapse;
border-spacing: 0;
}
table.cellborder td,
table.cellborder th{
border-width: 1px;
}
/* Hack for using "border-collapse" and "border-radius" in the same table display by using one table nested within another */
table.outer {
white-space: nowrap;
}
table.inner {
border-collapse: collapse;
background: inherit;
width: 100%;
}
table.inner th {
border: 2px solid var(--theme-page-background-color);
}
/* Fix for siderail overlapping some wide tables such as on Armor, Accessories, or NPCs */
@media screen and (max-width:1520px) and (min-width:1350px) {
.with-siderail table.terraria .i,
.with-siderail table.terraria .eico {
white-space:normal;
}
.with-siderail table.terraria th {
font-size:90%;
}
.with-siderail table.terraria td:not(.il1c) img {
max-width:100%;
height:auto;
}
}
/* Vertical margin tweaks */
#contentSub {
margin-bottom: 0.5em;
}
/* When title sub line is empty, remove its margin (provides better vertical centering) */
#contentSub:empty {
margin: 0;
}
#content h3 {
padding-top: 0.4em !important;
}
#toc {
margin-top: 10px !important;
}
/* For floating the "Collapse"/"Expand" link (instead of always right next to text) */
.mw-collapsible-alignbtnright .mw-collapsible-toggle {
float: right !important;
}
.mw-collapsible-alignbtnleft .mw-collapsible-toggle {
float: left !important;
}
/* Other "plaincollapse" styling */
/* Removes brackets from collapse/expand links for collapsible elements with "plaincollapse" class specified */
/* Only apply to immediate children to allow nesting */
.plaincollapse > .mw-collapsible-toggle {
color: rgba(0, 0, 0, 0.0);
}
.plaincollapse > .mw-collapsible-toggle > a,
.plaincollapse > .mw-collapsible-toggle > a:link,
.plaincollapse > .mw-collapsible-toggle > a:visited,
.plaincollapse > .mw-collapsible-toggle > a:hover {
font-weight: bold;
}
/* Highlight (used in Community and Admin noticeboard headers) */
.highlightheader {
text-align: center;
font-size: 140%;
background: var(--theme-accent-color);
color: var(--theme-accent-label-color);
padding: 4px;
}
.highlightbody {
padding: 10px;
background: var(--custom-notice-purple-background-color);
}
/* multi-columns horizontal toc */
.horizontal-toc{
/* to match styles of .toc */
border: 1px solid var(--theme-border-color);
padding: 5px;
background: var(--theme-page-background-color--secondary);
border-radius: .3em;
margin-top: 10px !important;
}
.horizontal-toc #toc{
display: block;
border: 0;
padding: 0;
}
.horizontal-toc #toc .toctitle{
-webkit-column-span: all;
column-span: all;
}
.horizontal-toc ul,
.horizontal-toc ol {
margin-top: 0;
}
.horizontal-toc ul li:first-child,
.horizontal-toc ol li:first-child {
margin-top: 0;
}
.block{
display: block;
}
.inline{
display: inline;
}
.inline-block{
display: inline-block;
}
.incell-border {
margin: 0.7em 0;
background-color: var(--theme-border-color);
}
/* ------------------------------------------------------------------ */
/* ================================================================== */
/* Template-related styles */
/* ================================================================== */
/* ------------------------------------------------------------------ */
/* template:redirect etc. */
div.hat-note{
margin: 0.5em auto 0.5em 1.6em;
font-style: italic;
}
div.hat-note.no-indent{
margin-left: auto;
}
div.hat-note.t-main{
color: var(--custom-note-dark-color);
}
/* Template:multi-column list */
/* correct webkit/chrome uneven margin on the first column*/
.responsive-columns ul,
.responsive-columns ol {
margin-top: 0;
}
.responsive-columns ul li:first-child,
.responsive-columns ol li:first-child {
margin-top: 0;
}
.mclist > ul {
list-style: none;
margin-left: 0;
}
/* Template:itemlist */
.itemlist > ul {
list-style: none;
margin: 0.25em 0 -0.25em 0;
}
.itemlist > ul > li {
width: 10em;
/* default width */
margin: auto 1em 0.5em auto;
display: inline-block;
}
/* Template:dotlist */
.dotlist {
margin: auto;
}
.dotlist.inline{
display: inline;
}
.dotlist > .title {
font-weight: bold;
}
.dotlist.nobold > .title {
font-weight: normal;
}
.dotlist > .title::after {
content: "";
display: inline-block;
width: 0.25em;
}
.dotlist > ul {
display: inline;
list-style: none;
margin: auto; /* please don't delete this line, we need it to remove default ul margin setting. */
}
.dotlist > ul > li {
display: inline-block;
}
.dotlist.inline > ul > li{
display: inline;
}
.dotlist > ul > li::after {
content: "•";
padding: 0 0.25em;
}
.dotlist.nodot > ul > li::after {
content: " ";
padding: 0;
margin: 0;
}
.dotlist > ul > li:last-child::after {
display: none;
}
.dotlist.l > .title {
margin-right: 0.4em;
}
.dotlist.l > ul > li::after {
margin-left: 0.25em;
margin-right: 0.25em;
}
.dotlist.xl > .title {
margin-right: 0.8em;
}
.dotlist.xl > ul > li::after {
margin-left: 0.5em;
margin-right: 0.5em;
}
.dotlist.xxl > .title {
margin-right: 1.2em;
}
.dotlist.xxl > ul > li::after {
margin-left: 0.75em;
margin-right: 0.75em;
}
.dotlist.xxxl > .title {
margin-right: 1.6em;
}
.dotlist.xxxl > ul > li::after {
margin-left: 1em;
margin-right: 1em;
}
.dotlist.xxxxl > .title {
margin-right: 2em;
}
.dotlist.xxxxl > ul > li::after {
margin-left: 1.25em;
margin-right: 1.25em;
}
/* Template:toc limit */
/* Allows limiting TOCs to generate links for only header levels below a limit, for instance only level-3 (=== ===) and below. */
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
display: none !important;
}
/* Template:error */
.error {
font-weight: bold;
color: red;
}
/* Template:documentation */
.feature,
.documentation {
background: var(--theme-page-background-color--secondary);
border: 1px solid var(--theme-border-color);
border-radius: 5px;
padding: 10px;
clear: both;
}
.documentation_header {
padding-bottom: 3px;
border-bottom: 1px solid var(--theme-border-color);
}
/* Template:achievement */
div.achievement{
display: flex;
flex-wrap: nowrap;
align-items: center;
margin: 0.5em 0;
}
div.achievement>div{
margin-left: 0.5em;
}
div.achievement a.mw-selflink{
font-weight: inherit;
}
/* Template:main */
div.main-article {
padding: 0.5em 0 0.3em 1.5em;
color: var(--custom-note-dark-color);
}
/* Template:history */
.history-header {
background: none;
margin: 0;
padding-top: .5em;
padding-bottom: .17em;
border-bottom: none;
font-size: 116%;
font-weight: bold;
}
.history-title {
font-weight: bold;
}
/* Template:yes, Template:no */
span.t-yes,span.t-no{
width: 20px;
height: 20px;
display: inline-block;
color: transparent;
background-size: contain;
}
span.t-yes{
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAABKVBMVEX///8POg9bzFsSqBIPhg8POg8POg8POg8POg8eVx4POg8POg8dVR0POg8cVBwPOg8POg8cVBwVRhUPOg8POg8cUhwWSBYPOg8POg8bUBsYTBgPOg8POg8aTxoZTRkPOg8WSBYXShcPOg8POg9WwlY1hDVVwFU6vDpRx1EyfTIyuDISqBI7vDtLrUtTvlMvti8SohI2tzZNsU0stSwRmhEnpCdRvVEosygQlxAopChOsk5Ptk89kz1RvFEmsiYQlhAppClRuVFAv0BMxEwYSxhPuk8jsCMRlBErpitOtE4pbClZy1kgryAVqRVDwENWyVYhsCERkxEspywveC9Ow04UkhQRnhEZpxkQkBAuqS4udi5QxFASjhIPhg8tdC1SxlI2sDYtcy3///96G+hpAAAAJHRSTlMAAAAAADaZZjPzeDDwYPCHLe3eGyrt25Z17d+QJ+rfGNjZFU4CAy6JAAAAAWJLR0QAiAUdSAAAAAd0SU1FB+QIExEnKMFJk1wAAAABb3JOVAHPoneaAAAAxElEQVQY02NgIAEwIgFWNnZGRpAgEwJwcKqockEEmWGAm0dNXUOTF0WQm09NS1tHlx8iyAIGAoJ6+gaGRkLCSIIionrGJqZGYsIQM4XFJYBikmbmFpZWYsJMYEFhKWsbaRlZWzt7B6AYM0RQztHJ2cbF1c3dw1NMngUq6OXt4+vnHxAYBBKDCXIFh4SGhUdEeioAxWCCTFxR0TGxkZ6KIDG4IDNXXHyCtaISC7IgExNXIlAMFgCMsFBSZldCBBUpQYwNAADsdBhCcqhwpwAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMC0wOC0xOVQxNzozOTo0MCswMDowMF4hGvUAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjAtMDgtMTlUMTc6Mzk6NDArMDA6MDAvfKJJAAAAIHRFWHRzb2Z0d2FyZQBodHRwczovL2ltYWdlbWFnaWNrLm9yZ7zPHZ0AAAAYdEVYdFRodW1iOjpEb2N1bWVudDo6UGFnZXMAMaf/uy8AAAAXdEVYdFRodW1iOjpJbWFnZTo6SGVpZ2h0ADIw3+GomQAAABZ0RVh0VGh1bWI6OkltYWdlOjpXaWR0aAAyMCdOaBQAAAAZdEVYdFRodW1iOjpNaW1ldHlwZQBpbWFnZS9wbmc/slZOAAAAF3RFWHRUaHVtYjo6TVRpbWUAMTU5Nzg1ODc4MM3733wAAAAOdEVYdFRodW1iOjpTaXplADBCyW8Y7QAAADZ0RVh0VGh1bWI6OlVSSQBmaWxlOi8vL3RtcC90aHVtYmxyL2ltZzExODc4ODM3MDA5OTYzNjkxNjgz9+auPAAAAABJRU5ErkJggg==');
}
span.t-no{
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABGdBTUEAALGOfPtRkwAAACBjSFJNAAB6JQAAgIMAAPn/AACA6QAAdTAAAOpgAAA6mAAAF2+SX8VGAAABMlBMVEX///9eAAD/YmL+AADGAABeAABeAABeAABeAABeAAByDAxeAAByDAxeAABeAABzDQ1eAABeAABxDAxeAABeAABeAABzDQ1rCAh3Dw9tCQl5ERFuCgpeAABeAAB1Dg5yDAxeAABlBAReAABeAABeAABvCgpzDQ1eAABzDQ1eAABeAACvMjLoVFSiKiqsLy//Vlb/NjbqVVX/Ojr/VVWoLS3kUlL/NDT+AAD+MDDsVlb/MzPbTEzuWFj+Ly//MjKEFxf+Li7hUFD/YmLyWlr+FxfmU1OLHBz+FRX+GRmAFRX+Kyv7AADwERH+LCzyAADoHR3kGhrsAAD1JSXYAADhFxeGGBjgFhbTAADwJibsIyPHAADiGBjGAADmICD4SkroICDoHx/4Tk6uMDCmLCyeJyf///8Bf9RuAAAAK3RSTlMAAAAAAFRmG05+4R7fdWDfV4fkPIQk5+Do4+jnIUXn2RWKP3hp4eVR4nKZPdb+ugAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQflAhEQMQDCQ+fJAAAA7klEQVQY02NgIAUwMrKysTOCADsbByMjRJCJU1uHi5uJiYmdR0eXFyrIp6dvABRlZuc3NDI2EYAICpqamVvoCAnzW1qZW1mLQARFxWxsze107C3tzB0cxdmhZopK2FiYmznZmtuaSnLDLGISlXK2Mncxt3WVlmGCCzLLujm5m3s4ecoyIwRlxAy9vH287XSE2OGCQDFfP3+ngEArHR52qKCMnGVQcIhOqE1YeISOvAJEUNEmMirAlUtJzjI6JlZHGSKooh0Xb6rKziKjZpmQmKQONVMkGSgG9Du3hk6KJiMslFS0IKHErcUGCyUKAAAKiSBmgCLl9AAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAyMS0wMi0xN1QxNjo0OTowMCswMDowMGR5URYAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMjEtMDItMTdUMTY6NDk6MDArMDA6MDAVJOmqAAAAIHRFWHRzb2Z0d2FyZQBodHRwczovL2ltYWdlbWFnaWNrLm9yZ7zPHZ0AAAAYdEVYdFRodW1iOjpEb2N1bWVudDo6UGFnZXMAMaf/uy8AAAAXdEVYdFRodW1iOjpJbWFnZTo6SGVpZ2h0ADIw3+GomQAAABZ0RVh0VGh1bWI6OkltYWdlOjpXaWR0aAAyMCdOaBQAAAAZdEVYdFRodW1iOjpNaW1ldHlwZQBpbWFnZS9wbmc/slZOAAAAF3RFWHRUaHVtYjo6TVRpbWUAMTYxMzU4MDU0MP1XuP0AAAAQdEVYdFRodW1iOjpTaXplADgxN0Iis7AJAAAANXRFWHRUaHVtYjo6VVJJAGZpbGU6Ly8vdG1wL3RodW1ibHIvaW1nNzI4Nzk1MDY5NDMyNjgxODQ2NAFjgaMAAAAASUVORK5CYII=');
}
/* Template:key */
span.key {
display:inline-block;
white-space:nowrap;
cursor: pointer;
}
span.key a:-webkit-any-link {
text-decoration: none;
}
span.key kbd{
color:black;
border: 1px solid rgb(170, 170, 170);
box-shadow: 0.1em 0.2em 0.2em rgb(221, 221, 221);
border-radius: .2em;
background-image: linear-gradient(to bottom, rgb(238, 238, 238), rgb(249, 249, 249), rgb(238, 238, 238));
background-color: rgb(249, 249, 249);
padding: 0.1em 0.4em 0.2em 0.3em;
margin-right:2px;
font-size:85%;
font-family:inherit;
font-style:normal;
}
/* Template:eicons */
.eicon{
color: transparent !important;
font-size: 0 !important;
line-height: 0 !important;
vertical-align: middle !important;
}
.eicon span, .eicon:before, .eicon:after,
.eicon span:before, .eicon span:after{
display: inline-block;
vertical-align: middle;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
margin-left: 1px;
margin-right: 1px;
height: 16px;
}
.eicon span{
margin-left: 0;
margin-right: 0;
background-position: right center;
}
.eicon.s span, .eicon.s:before, .eicon.s:after,
.eicon.s span:before, .eicon.s span:after{
height: 12px;
}
.eicon.j span{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAAApElEQVQoka2SQQrEMAhFPaU5mgeb3sBF6CJpGrML6Z9NO0zoZJiWET4I6gO/kqrCzJBzviQzg/cetCwLRrG1hq21YT3n/BlQQ0AUgTJDmRFEUEMYAFIPqDFCmTER4bFrIoIyo8bY9ZrZGRBEXsPTriMPImdASqnbWZ3rht8h6lznyf8Bt1ZY1/W2iaWUMwD4/YxDwLsn3x6plALy3l9+40PzPOMJC/qV2WNuhKAAAAAASUVORK5CYII=);
box-shadow: 0 0 1px rgba(0,0,0,0.5);
width: 16px;
height: 12px;
}
.eicon.j.s span{
width: 12px;
height: 9px;
}
.eicon.i0:before{
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAMCAYAAABr5z2BAAACp0lEQVQokY2SzUuTcQDHf7haiHjwb/DgSeR3kFGtZeqaLufbHva0mpYoPOIYk9RGoBEmy0wmpEhkGyk8tmVmloHvNdG5x+m02V58aw7nG9Ompw4dvp0KvPW5fuBz+hDyn2g1GhXLMBzDajmGYTkdU8qVqQtURKPVqFidjititFyptpwr0lVyKl0lp9RWckq2glMxOq6U1XJqtbr6cH8PkZ19RLZ3cHJ0gNvqgmpSWFhQvX0Yg//oN7xxwHUMzMWBhTiwcgSEYr8QiZ1i+NMI3HMuuNwCBMED18w0SpRyPVEo5fpg9BA3atuQ++A1ch46oGh+j5LWYZQ/e4eG5/0IROP4PDaJaDSKra0wNta3EA2HUSCX64lSIdd7w/vIrX+Biv51lDki0L3Zxl1+DTV9S6jtGsZS5BT2wRFMTX7B+PgkpqenMTU2iizpRSOR58iMwuYBLtfbkN2xAFnHIq5YPLjaNoc88yiqOj5gZj0Ox/A4AoEQfD4fAqvfsRb0Q3ZJUkeysmTGr74fkJn6cM3ixvXubyjsCYLt3UQVH0ID78F46AQ9/BBWfX44nU7YXr2ERxAgyZTUEYkks84dCOPO07fQdTlR3euFgfehfjCIxiE/2j+uYGJ1D+3dNszOuzAxNYVlnxeCIIBmUBORSqV1iyurcC6vYza4C+/2TyxsxrAUPoY7tAuXbwPzy36o2VtQ39QgjymGimVQXFyMRJGYJ5RSLaXUlJ6ebqKUmqxWK2w2G6xWKyilpoyMDBOl1EQI6awxGlBz/x4etbfCYDAgkYg6z9yWmpraZLfbMTAwAIfDgbS0tKa/LjEpyfK41YxGczOa256gpaUFFxLOWc4EkpOTzdnZ2Xx+fj6vUCj4lJQU8z+ZQHgiSuCJWMQTsYgXi8X8eZGI/wPwz6C3jZnAMAAAAABJRU5ErkJggg==);
width: 16px;
}
.eicon.s.i0:before{
width: 12px;
}
.eicon.i1 span:before{
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAANCAYAAABPeYUaAAACjklEQVQokY2SS08aYRiFv4UxI5dejCFk2kxQdEKMKa0/qQ1iqiVpKw29KKvZGYq0BEQtOCCKVSsCQ0UQhRkuVdA0WlQiRY0umvgbTheaxjQsfLZP3nPexSHkBu1axqBjWYNOqzOQBrRrGQPbrjWwDNvQE023xnp+cYKLkzPUj+vo6NRZb3r2MWs9PavhvH6Kyz+X6PzPE9LSZBGLEvJ5Caf136jXaijtlMF2d1s7ejqtHY9Ya3mvjHq9hsPKPqqHR5AkCU3yFsvVvVxpcTqdEEURmewGht+/xY9CDok1AdXqIY5rVVSrVQhCFJKUhdHwDIWcCEnKwuV2Qi5vsRAlpeRWFsMIzc7hzdArvB56iXeWIfi8bqTXE8iJEjLpDKa9Pgw+78fR0QH6jE+xMB/E0sIcZDKKIwpKyYWC80iuJuCdmsDIyAeImXXEoouIhBexvPQNkeUI4jEB6VQSL0wDcLk/IfE9ivnQDCiqmSMK5V3O7nAgHA7ji3cSodkg/NM+DAwa4fG44ZnyYHxyAv39feB5H+aCAXx2jOHrQggOhx0KhYwj1B3FMD/rx/7BTwjCChx2G+y2UYyPuzAT9GMjswmfn4fL7YTNNoox20fEYwJ+VfYQmOHR2npvmKhptTmRiuO4VsHWtoTVRBy8bxoKGcX16p/w+h49r9f38jKZjAsEAkiuJrFdLCGflxCNrUBNq8yE0TImUcygUMygvFOAIEQhU1Bcoy01K5u5SCSG3dIuSlvbyOclMAxjIg80GmN5dweFYg6xSBg0TZsbrvGaNlpljoajKEgFVPYq6NJqjeShRmPayGSRWlu7eu0W3Fe3mdPpTaSSaTBdGiMhhBC1ijbTKvWtAv4F0Spz23XpX3tXlLpeYi2zAAAAAElFTkSuQmCC);
width: 17px;
}
.eicon.s.i1 span:before{
width: 13px;
}
.eicon.i2 span:after{
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQCAYAAAAiYZ4HAAACcUlEQVQokXXRW0hTAQAG4PMSDdkl1+atmTbPEEw8bpKYI7TQKDNyRan54GWblacUzU1ZOtGz0mIuiYi00zY3tVLoxS4vBx8KJWPkhdxyO2qWVoRFtxfr4e+lAiX/1///nn6CWBcmUq63yeRolcagVRqnX9+vSasiRn9ZIsJqvRkrdB3sslhcUpAbI4dcjqXc/cDR4/hZdBK/6Gq0S6OxIeiQScHv2o1P6nR835eNH0UlaJNEbQwaFREYVachkJiMhdRUBHNy0RwT/3+gVUSZjoVLTB2yCDxNy8BYqhqdIhEKJeGmvXE7TGvGKlWC6dv7Jaz6AxjSn4EpIhZN8ig8MhjwxfcMn9+9QULCH6RQqcwzfBA8H8QNG4MB8wU0a7Ngy9Difn0tmJoq8HOvsLj0Ftvj481EJBln8c/PYnFxDtfbWoBQEI2ZWtgP5OD13T40nzJiIRTEfIgHSZIWIoUkLTPPx7Hsn0aXxYzQ42HcpCvB0kYEBvvRYjDgw0wA874XSI7eZiGyhDKrz+nBx5EnYBsaYa+twcNeFg/6WFgry3DLVI+VkRFMeb3YIxRbicMCqfWarhhO/VlMuO+A6x9AQw2Numoaw14Pvo6Nwm00ovNIAQ4JhVYihxAwVw7qYC8oxoT7HpZ9k+AnX2J2yo+FiWmMO124mJcHh06HPLGYIbLFW5muUiPaS8rRVFKO82UGnNOfRpWBRnVFJdpKK2ArPIGr5WXIDAtjCI1SmR8tEjn62R54brPwOt3odbnhdHvgdnkwyLow1N0D5RapI12pyv933iaJoDuRSuIoiuIoiuKSNBpup1rDUSkpnGizoPvv7jfmDU3XQ9W5ywAAAABJRU5ErkJggg==);
width: 12px;
}
.eicon.i2.s span:after{
width: 9px;
}
.eicon.i3 span{
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAQCAYAAADAvYV+AAACZ0lEQVQokT3SyU8TYQBA8e8fU2OQqMQYCQejB3EFFO0ww0wBgSIBGmJAQGUKTmmhdNMGsNS2WEHKXqBYQUSw4sKFLXgwERA1zwOJh9/tHZ8QQghXp0d3OQK4nL04XX463F4MtxfD7ae96xl2l18XQgjh8nXrRpeXH/uwswcbB7D++9DWAWzvgs3ho9vn0YXd7WRj7y91zmGqPQtU+BYp9y9h8S5S60nS6HrFzi8wOjsRrYaN9PYumn2CQmeags5V8rpWueVcRXHMYzGGSG/9oUlvQzxpa+fjxj6m1hku29LkGqvkGmmuGCvkt6dQbMO824ZG3Y6wPW5lae0nN5oTnG9e5uKjpf8uPXxLXkuc2U2of+xANLQ0MfP5OxesQ5ypTZJtnSHbOsNZ6wLZdUnOW2OMrEFNiwNR1/SA0ZUtcu7FyKycIqtqjCzLBCctb8iqnOacJczQF6hqsiOq6+8z93WP0+YXHCmZ4NjdUTIqxjmqjZNpjnNGCzD8Ccob2hA11gYm329yqrCDE3IPxyU3mbKXjNs+sm57yCkyCCfXKa1tRFRW1TGdWiYYX6BvZJEXI/OEXqd4ObJCePgDwfgCiaVvVNTWIyrKLMwl54nFBpFlmdhABK1I4VUkhiqbiQ4OkkilMJeXIcpUM4mxCWKhCCWSSjQYRTapRMIDKEoRA9EQick4qlaEKNFUZqcmifYGMZuKed7Xzx1Jpj8cRCk2MRgOMTs+SmlJMULVFF2WJcL9IQKBAIFwD4HIU3pCfkLBAAP9EVRJQ5Kkw/NUTdUVRaVQvsNV5RrXtSsUSLlIpvzD8KaqCyHEP/2E67btctK/AAAAAElFTkSuQmCC);
margin-right: 1px;
padding-right: 12px;
}
.eicon.s.i3 span{
padding-right: 10px;
}
.eicon.i4:after{
content: "";
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAJCAYAAABT2S4KAAAD10lEQVQ4jYWSa0xTZxjHj9vM4pZJ39NKz/uWSOPYFJEQLk5AtrWCEm6aCaXQ0x5gzOkiIhMmAg4LzHA90nKJwUUCkngj2+IUw9wyQmEfliw776kW2JaBIc4GzcqEgNzaZx/EDzNuez7/n+T3/+XPUJZUUcQ5qQL/ThGZpCy5L7PYTVnyq4zINSeLP3QyfggAuKrKyrH30vZCZnqGN1cQfHlCDuRaLGAx8SsH8vPv1lirv7p587oRAF5lGIaZmZlRdXV2Vhw7UkjzhJyFPCEHVn+8VZWVd9xu91ZGVpJCGeHPKMJmJwpIdiIuiSJ8UGLxtzLCPllBFqX1/u2PJUlrNGSOqVklxEXHzLfZ7R3NoljW1NBQc7yk5IvUpOQHwUFvQLxOP9NQV9cGAOrG+noxOmr7yo7IqMXysvJLzaJYZjtz5uSpik/PNjU2fe12u7cyALCGec7JKrKXsmSOIgzUj/t+pq/vTd5oHMMqf0jQ66cHBwdjn2YBYK3D4Yg3m/gxjZqD7RGRyz3d3bbDhz76EStVkJiw+9HQ0FA2AKxdza8BgHUA8BLDMAzj3LgRSSrMSyw+ICvwUZkldhnhMQmRecqSW7fX+ccCAMdnrgLo9NMOh2Pns9Dnz507Fr4t1Ef81ZCf977r6uXLtnidbnZToBbidfrp48XF1y/29HwwMTGh/Udx14aAIIrIN1SBf5ZYPEIRfkARXqGIm5VZ7qr8iioCAPD/AfT396fE7Yhe4pQq2JeSdn9qairsy95eQ/HRolu7d+16FLJ5C7wVEblsyTb90t7aan04OUmeKDQYXpS0WsWoRqN0bdByt5WBwRRpDkos+YMiDJKfWp4srXgnOyt75D8NfH6+6KkBwWQanZubI6vKXxsYGNDV19a27ktNvafVBEBkWPjK6erqG8xvQUEvP28HroAAliIy/GQD6tlxg8liNJpc/7aB4eFhvcCbRzRqDsK3hfpa7HYRABQA8MIzloR3Y3cuqFklZBsyFxmKcI+sxGdlBSmUEcmSWS7DqSQFFHE3ZIQXKYsfS+v9u/7s6grJMhhH1awS4mJi5tvsrR3NolgmNjZWl5aU9KYlJU9t3vQ6vB0Tu1BltV7weDyh7W1tvSdPnOhuFsVTrTbbxy22lk+KCo70h2wJ9kWFhS/XWK19DGVJJ0XcHcqSe5KCPKQKMk0R9xdF+K6MyDXKkryfGOQHAFx5aenInvgEb0pi4pIxPcNrzMjwGfan+wz700HgzZ6K8vLvrly5dMjj8fgBgLK+tu6HHLPFK/A8CLx5JdcieAWeXyo8XODq6Og4PT4+Hvg3tXbwvaiwAi8AAAAASUVORK5CYII=);
width: 32px;
}
.eicon.s.i4:after{
width: 24px;
}
/* Template:eil */
.eil {
white-space: nowrap;
}
.eil .eico {
margin-left: 3px;
}
/* Template:note */
.note-text {
color: var(--custom-note-dark-color);
}
.l10n-data-table .note-text{
opacity: 0.5;
}
/* Template:na */
.na {
font-size: 90%;
color: var(--custom-note-light-color);
font-weight: bold;
font-style: italic;
}
/* Template:expert */
.expert {
color: var(--custom-template-expert-color);
font-weight: bold;
}
.expert[title]{
cursor: pointer;
}
abbr.expert{
text-decoration: none;
}
.expert > span.sep{
padding: 0 0.3em;
color: var(--custom-note-light-color);
}
.expert > span.postfix{
display: none;
}
.money .expert > span.sep{
padding: 0 0.5em;
}
/* Template:master */
.master {
color: var(--custom-template-master-color);
font-weight: bold;
}
.master > span.sep{
padding: 0 0.3em;
color: var(--custom-note-light-color);
}
.master > span.postfix{
display: none;
}
.master[title]{
cursor: pointer;
}
abbr.master {
text-decoration: none;
}
.money .master > span.sep{
padding: 0 0.5em;
}
/* Template:Journey */
.journey {
color: var(--custom-template-journey-color);
font-weight: bold;
}
.journey > span.sep {
padding: 0 0.3em;
color: var(--custom-note-light-color);
}
.journey > span.postfix {
display: none;
}
.journey[title] {
cursor: pointer;
}
abbr.journey {
text-decoration: none;
}
/* Template:hardmode */
abbr.hardmode > span.sep{
padding: 0 0.3em;
color: var(--custom-note-light-color);
}
/* Template:use time, Template:kb (.small-bold also used in some other places) */
.usetime, .knockback, .small-bold {
font-size: 10.5px;
font-weight: bold;
}
/* Template:Color box */
.color-box {
display: inline-block;
margin: 1px 0;
vertical-align: middle;
}
/* -------------------------------------------------------- */
/* Boxes */
/* -------------------------------------------------------- */
/* Template:Msgbox */
.msgbox {
border: 2px solid var(--theme-border-color);
padding: 3px 12px 3px 7px;
margin: 0 auto 1em;
text-align: center;
}
.message-box-container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
margin: 1px auto 3px;
}
.message-box {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
background: transparent;
border: 1px solid var(--theme-border-color);
border-radius: 0.2em;
padding: 4px 1.5em;
margin: auto;
align-items: center;
}
.message-box-small {
margin-left: 0;
max-width: 40em;
font-size: small;
}
.message-box-icon {
margin-right: 1.25em;
white-space: nowrap;
}
.message-box.msgbox-color-blue {
background: var(--custom-notice-blue-background-color);
border: 1px solid var(--custom-notice-blue-border-color);
}
.message-box.msgbox-color-red {
background: var(--custom-notice-red-background-color);
border: 1px solid var(--custom-notice-red-border-color);
}
.message-box.msgbox-color-purple {
background: var(--custom-notice-purple-background-color);
border: 1px solid var(--custom-notice-purple-border-color);
}
.message-box.msgbox-color-yellow {
background: var(--custom-notice-yellow-background-color);
border: 1px solid var(--custom-notice-yellow-border-color);
}
.message-box.msgbox-color-green {
background: var(--custom-notice-green-background-color);
border: 1px solid var(--custom-notice-green-border-color);
}
.message-box.msgbox-color-orange {
background: var(--custom-notice-orange-background-color);
border: 1px solid var(--custom-notice-orange-border-color);
}
.message-box.msgbox-color-pink {
background: var(--custom-notice-pink-background-color);
border: 1px solid var(--custom-notice-pink-border-color);
}
/* Template:bannerbox */
.notice-banner {
text-align: center;
margin: 3px auto 5px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
}
.notice-banner > div {
border: 1px solid var(--custom-accent-border-color);
background: var(--theme-accent-color);
color: var(--theme-accent-label-color);
padding: 6px 2em;
margin: auto;
}
@media(max-width: 600px) {
.notice-banner > div {
padding: 6px;
}
}
/* Template:ambox */
.ambox {
background-color: #eee;
border-bottom-color: #383838;
border-right-color: #383838;
border-top-color: #383838;
border-collapse: collapse;
font-size: 95%;
margin: 0 auto 2px auto;
width: 80%;
}
.ambox-gray {
border-left-color: #383838;
}
.ambox.ambox-tiny {
font-size: 90%;
margin: 2px 0;
width: auto;
}
.ambox + .ambox {
margin-top: -2px;
}
.ambox-text {
padding: 0.25em 0.5em;
color: #000;
}
.ambox-image {
padding: 2px 0 2px 0.5em;
text-align: center;
width: 60px;
}
.ambox-tiny .ambox-image {
padding: 2px 0.5em;
text-align: left;
width: auto;
}
/* Ambox colors */
.ambox-blue {
border-left: 10px solid #1e90ff;
}
.ambox-red {
border-left: 10px solid #b22222;
}
.ambox-orange {
border-left: 10px solid #f28500;
}
.ambox-yellow {
border-left: 10px solid #f4c430;
}
.ambox-purple {
border-left: 10px solid #9932cc;
}
.ambox-gray {
border-left: 10px solid #bbbbaa;
}
.ambox-green {
border-left: 10px solid #228b22;
}
/* Ambox small text */
.amsmalltext {
font-size: smaller;
margin-left: 0.8em;
margin-top: 0.5em;
}
/* Template:christmas only, Template:halloween only, Template:naturalgen only */
/* template:Unobtainium */
.notice-banner > .common-only,
.notice-banner > .notice{
margin: 1em auto;
padding: .4em .5em .25em .5em;
border: 2px solid;
-moz-border-radius: .3em;
-webkit-border-radius: .3em;
border-radius: .3em;
color: black;
}
.common-only.christmas {
border-color: #318a61;
background: #65d5b0;
}
.common-only.halloween {
border-color: #ffa500;
background: #ffb400;
}
.common-only.naturalgen {
border-color: #228b22;
background: #aadd99;
}
.notice.unobtainium{
border-color:#FF9F9F;
background-color: #FFCACA;
}
/*Template:Journey mode only */
.common-only.journey {
border-color: #ffb2ff;
background: #fceffc;
}
/* Template:guide header */
.guide-header {
margin: auto auto 0.5em;
max-width: 67%;
padding: 0.5em;
background: var(--theme-accent-color);
border: 1px var(--theme-border-color) solid;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
text-align: center;
}
/* Template:historical content */
.historical-content {
margin: auto auto 0.5em;
padding: 0.2em;
background: var(--theme-accent-color);
border: 1px var(--theme-border-color) solid;
-moz-border-radius: 0.7em;
-webkit-border-radius: 0.7em;
border-radius: 0.7em;
text-align: left;
}
/* Template:transclude */
.transclude-box {
float: right;
margin: 0.6em 0 0.5em 0.6em;
border: 1px solid var(--theme-border-color);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: var(--theme-accent-color);
padding: 0 7px;
font-size: 90%;
}
/* Template:protected */
.protected-box {
background-color: var(--theme-page-background-color--secondary);
border-color: var(--theme-border-color);
}
.protected-box .notice-banner div {
font-weight: bold;
font-size: 130%;
margin: 1em auto;
text-align: center;
}
.protected-box .notice-banner div span {
margin-right: 1.25em;
}
.protected-box table {
background: none;
}
.protected-box #left {
width: 50%;
vertical-align: top;
padding: 1.3em 5% 1.3em 1.3em;
}
.protected-box #right {
width: 50%;
vertical-align: top;
padding: 1.3em;
}
.protected-box #left div, .protected-box #right div {
font-size: 120%;
font-weight: bold;
margin-left: 1.3em;
}
/* Template:loot */
.loot-table tr:nth-child(2).topline td {
border-top: 0;
}
/* Template:editcopy notice */
.editcopy-notice {
text-align: center;
margin: 0.75em 2px 0;
}
.editcopy-notice > div {
border: 1px solid var(--theme-border-color);
-moz-border-radius: 5px;
border-radius: 5px;
background: var(--theme-accent-color);
padding: 0.5em;
max-width: 25em;
margin: auto;
font-style: italic;
}
.editcopy-notice > div span {
display: inline-block;
}
/* -------------------------------------------------------- */
/* Template:item */
/* -------------------------------------------------------- */
.i {
white-space: nowrap;
display: inline-block;
}
/* css trick for non-exist item image */
.i > a.new {
display: inline-block;
width: 16px;
height: 24px;
text-indent: -9999px;
direction: ltr;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAYCAYAAADzoH0MAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjEuNv1OCegAAAB3SURBVDhP5ZDdCoAgFIPPI/aY3fSMRrBJTOcRkW76YKDuhyiU64gyEmKeXuktxFoYKOdYdmh5QIu8OzVDznCaHsAHVmzOGoLN8aBCr8L3/QMZDFLfDWhhukiWB7TIO4WYh8HtA7Bztg2oYOf0yo9g57Dwm38QcQN+/9SIQx7WTAAAAABJRU5ErkJggg==');
background-repeat: no-repeat;
background-position: center center;
}
.i > a,
.i > img {
display: inline-block;
line-height: 0;
vertical-align: middle;
margin-left: 2px;
}
.i > span {
display: inline-block;
margin-left: 2px;
text-align: left;
}
.i > a:first-child,
.i > img:first-child,
.i > span:first-child {
margin-left: auto;
}
.i.multi-line > span,
.i.-w > span,
.i.break > span {
line-height: 1.25;
vertical-align: middle;
}
.i.break > span{
white-space: normal;
}
.i > span > .eico {
font-size: 0.75em;
vertical-align: middle;
}
.i .note {
color: var(--custom-note-dark-color);
font-size: 85.7142%;
/*12px/14px*/
}
.i > span > div.note {
/*note2*/
font-size: 100%;
line-height: 1;
}
.i > span > .eico,
.i > span > span.note {
margin-left: 3px;
}
.i.-w > span > .eico:last-child,
.i.-w > span > span.note:last-child {
display: block;
margin-left: auto;
}
.i.-w > span > span.note:last-child {
line-height: 1;
}
.i .id {
font-size: 71.4285%;
/*10px/14px*/
background-color: var(--theme-accent-color);
font-weight: bold;
margin-top: 1px;
padding: 0 2px;
}
.i.boldname > span span:first-child {
font-weight: bold;
}
.i.notecolor span.note {
color: inherit;
}
.i.note2color div.note {
color: inherit;
}
.i.block,
.i.block > span:first-child,
.i.allblock,
.i.allblock > * {
display: block;
}
.i.allblock > * {
text-align: inherit;
}
.i.notesize span.note {
font-size: 100%;
}
.i.note2size div.note {
font-size: 85.7142%;
/*12px/14px*/
}
.i.alignleft {
text-align: left;
}
.i.aligncenter {
text-align: center;
}
.i.alignright {
text-align: right;
}
.i.textleft > span {
text-align: left;
}
.i.textcenter > span {
text-align: center;
}
.i.textright > span {
text-align: right;
}
.i.flip > a:first-child img,
.i.flip > img:first-child{
transform: scaleY(-1);
}
.i.mirror > a:first-child img,
.i.mirror > img:first-child{
transform: scaleX(-1);
}
.i.rotate90 > a:first-child img,
.i.rotate90 > img:first-child{
transform: rotate(90deg);
}
.i.rotate180 > a:first-child img,
.i.rotate180 > img:first-child{
transform: rotate(180deg);
}
.i.rotate270 > a:first-child img,
.i.rotate270 > img:first-child{
transform: rotate(270deg);
}
td.il1c .i{
display: block;
text-align: center;
}
td.il2c .i{
display: block;
text-align: left;
}
table.item-noborder td.il1c{
border-right: 0 !important;
padding-right: 1px;
}
table.item-noborder td.il2c{
border-left: 0 !important;
padding-left: 1px;
}
/* -------------------------------------------------------- */
/* Template:recipes */
/* -------------------------------------------------------- */
table.crafts { /*must be "table.crafts", "".crafts" is not enouth */
margin: 1px 1px 4px 1px;
line-height: 1.5;
border-collapse: collapse;
border: 6px solid var(--theme-page-background-color);
border-bottom-width: 2px;
border-radius: 6px;
outline: 1px solid var(--theme-border-color);
}
.crafts caption {
font-size: 1.17em;
background: var(--theme-accent-color);
padding: 0.25em;
position: relative;
font-weight: bold;
border: 6px solid var(--theme-page-background-color);
border-bottom-width: 2px;
}
.crafts caption > i,div.crafts caption > b{
vertical-align: middle;
}
.crafts caption div._nav {
position: absolute;
left: 1em;
top: 0.5em;
font-size: 10px;
font-weight: normal;
}
.crafts caption div._nav s {
text-decoration: none;
}
.crafts thead{
background: var(--theme-accent-color);
}
.crafts thead th {
padding: 0.25em 0.5em;
border: 1px solid var(--theme-page-background-color);
}
.crafts td {
padding: 0.25em 0.5em;
border: 1px solid var(--theme-border-color);
}
.crafts td.result,
.crafts td.ingredients{
white-space: nowrap;
}
.crafts td.station{
text-align: center;
}
.crafts td.station span.water{
display: inline-block;
vertical-align: middle;
}
.crafts.nostation th.station,
.crafts.nostation td.station {
display: none;
}
.crafts .ingredients ul,
.crafting-ingredients > ul{
margin: 0;
list-style: none;
}
.crafts .ingredients li,
.crafting-ingredients > ul > li{
margin: 3px auto;
}
/* itemlink default as multiline */
.crafts .i > span,
.crafts .i > span,
.crafts .note-text
{
line-height: 1.25;
vertical-align: middle;
}
/* -------------------------------------------------------- */
/* math */
/* -------------------------------------------------------- */
.math-image img{
max-width: 100%;
height: auto;
margin: 1px auto 3px;
}
.math-image{
max-width: 100%;
height: auto;
}
/* -------------------------------------------------------- */
/* Navbox (Template:navbox/start etc.) */
/* -------------------------------------------------------- */
.navbox {
border: 1px solid var(--theme-border-color);
border-radius: 8px;
padding: 6px;
margin: 0.5em auto;
width: 100%;
max-width: 1800px;
box-sizing: border-box;
position: relative;
clear: both;
line-height: 1.5;
}
.navbox .i{
padding: 1px 0;
}
.navbox > .header {
background: var(--theme-accent-color);
text-align: left;
font-size: 16px;
font-weight: bold;
line-height: 2;
min-height: 1em;
padding: 4px 70px 4px 6px;
}
.navbox > .vde {
position: absolute;
right: 10px;
top: calc(2rem + 2px); font-size: 9px;
line-height: 1;
color: var(--custom-note-light-color);
}
.navbox > .mw-collapsible-toggle {
position: absolute;
line-height: 1;
right: 10px;
top: 10px;
font-size: 12px;
}
.navbox > .mw-collapsible-toggle > .mw-collapsible-bracket {
display: none;
}
.navbox > .mw-collapsible-toggle:before {
content: "";
vertical-align: middle;
display: inline-block;
width: 5px;
height: 5px;
transform: rotate(45deg);
position: relative;
left: -3px;
border-left: 2px solid var(--theme-link-color);
border-top: 2px solid var(--theme-link-color);
border-right: 0;
border-bottom: 0;
top: 1px;
}
.navbox > .mw-collapsible-toggle:after{
content: "";
}
.navbox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before {
border-left: 0;
border-top: 0;
border-right: 2px solid var(--theme-link-color);
border-bottom: 2px solid var(--theme-link-color);
top: -2px;
}
.navbox > .content {
text-align: left;
padding: 6px 6px 0;
}
.navbox > .content .dotlist + .dotlist{
margin-top: 0.5em;
}
.navbox > .content > .dotlist + .dotlist {
margin-top: 6px;
padding-top: 6px;
border-top: 1px solid var(--theme-body-text-color--hover);
}
/* nested navbox */
.navbox .navbox {
border: 0;
padding: 0;
width: auto;
margin: 0 -6px 6px -6px;
}
.navbox .navbox:last-child {
margin: 0 -6px;
}
.navbox .navbox > .header {
font-size: 14px;
padding: 0 64px 0 6px;
}
.navbox .navbox > .mw-collapsible-toggle {
right: 4px;
top: 4px;
font-size: 10px;
}
.navbox .navbox > .mw-collapsible-toggle:before {
width: 3px;
height: 3px;
border-left: 1px solid var(--theme-link-color);
border-top: 1px solid var(--theme-link-color);
border-right: 0;
border-bottom: 0;
top: 1px;
}
.navbox .navbox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before {
border-left: 0;
border-top: 0;
border-right: 1px solid var(--theme-link-color);
border-bottom: 1px solid var(--theme-link-color);
top: -1px;
}
.navbox .h1 {
font-weight: bold;
margin-top: 0.5em;
margin-bottom: 0.25em;
line-height: 1.5;
}
.navbox .table > div:first-child .h1,
.navbox .content > .h1:first-child{
margin-top: auto;
}
.navbox .h1::after {
content: '';
display: block;
margin: auto auto auto 0;
width: 5em;
height: 0;
border-bottom: 2px solid var(--theme-border-color);
}
.navbox .h2 {
font-weight: bold;
line-height: 1.5;
margin-top: 0.25em;
font-size: 12px;
}
.navbox .h1 + .h2 {
margin-top: 0.5em;
}
.navbox .h3 {
font-size: 10px;
font-weight: bold;
line-height: 1.5;
}
.navbox h2 + .h3 {
margin-top: 0.5em;
}
@media (max-width: 599px){
.navbox .table > div > .title::after,
.navbox .table > .dotlist > .title::after{
content: ":";
margin-right: 0.25em;
}
}
@media (min-width: 600px){
.navbox .table{
display: table;
text-align: left;
margin: -5px -7px -1px -7px;
}
.navbox .table > div{
display: table-row;
}
.navbox .table > div > * {
display: table-cell;
padding: 4px 7px;
vertical-align: middle;
box-shadow: inset 0 0 0 1px var(--theme-page-background-color);
}
.navbox .table > div > .title,
.navbox .table > div > .h1,
.navbox .table > div > .h2{
background-color: var(--theme-accent-color);
text-align: right;
/*width: max-content;*/
}
.navbox .table > div > .title::after,
.navbox .table > div > .h1::after{
display: none;
}
.navbox .table .table{
display: table;
padding: 0;
margin: 0 -1px 0 0;
}
.navbox .table .cell{
padding: 0;
}
.navbox .table .cell > .dotlist{
padding: 4px 7px;
}
}
/* -------------------------------------------------------- */
/* Common infobox */
/* -------------------------------------------------------- */
/* Keeping some rules just for the "old" template. */
.infobox td,
.infobox th {
vertical-align: top;
}
.infobox caption {
font-size: larger;
margin-left: inherit;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px var(--theme-border-color) solid;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
/* Latest version */
.infobox {
border: 1px solid var(--theme-border-color);
border-radius: 8px;
padding: 6px;
float: right;
font-size: 12px;
background-color: var(--theme-page-background-color);
margin: 0.5em 0 0.5em 1em;
}
.infobox *{
background: none;
}
@media(max-width:450px) {
.infobox,
.mw-parser-output>.infobox{ /*fandom!!!*/
float: none;
margin-left: 0;
}
}
.infobox.float-right {
float: right;
margin: 0.5em 0 0.5em 1em;
}
.infobox.float-left {
float: left;
margin: 0.5em 1em 0.5em 0;
}
.infobox.float-none {
float: none;
margin: 0.5em 1em 0.5em 0;
}
.infobox blockquote.quotation {
padding: 0 0.25em;
margin: 0.5em auto;
}
.infobox blockquote.quotation:before{
font-size: 3.5em;
left: 0;
}
.infobox blockquote.quotation div{
padding: 0;
margin-left: 2em;
border-left: 0;
}
.infobox table {
background-color: transparent;
width: 100%;
border-spacing: 0;
}
.infobox table th {
white-space: nowrap;
padding: 2px;
text-align: right;
width: 5em;
vertical-align: middle;
}
.infobox table td {
padding: 2px;
vertical-align: middle;
}
.infobox .title {
background-color: var(--theme-accent-color);
color: var(--theme-accent-label-color);
font-weight: bold;
text-align: center;
padding: 2px 0;
}
.infobox > .title {
font-size: 15px;
padding: 6px 3px;
line-height: 1.2;
}
.infobox > .title > span {
display: block;
font-size: 12px;
color: slategray;
font-style: italic;
}
.infobox > .title > span::before {
content: "(";
font-style: normal;
}
.infobox > .title > span::after {
content: ")";
font-style: normal;
}
.infobox > .title > span.ename {
color: var(--theme-accent-label-color);
}
.infobox > .title > span.ename::before,
.infobox > .title > span.ename::after
{
content:"";
}
.infobox .content-section {
padding: 6px 3px;
}
.infobox .variant {
background-color: var(--theme-accent-color);
color: var(--theme-accent-label-color);
font-weight: bold;
text-align: center;
font-size: 12px;
padding: 4px 0;
line-height: 1.2;
}
.infobox .images {
position: relative;
padding: 6px 0;
min-height: 40px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.infobox .images > img {
margin-top: 0.5em;
}
.infobox ul {
list-style: none;
margin: auto;
text-align: center;
}
.infobox .statistics .title {
margin-bottom: 6px;
}
.infobox .statistics table th,
.infobox .statistics table td {
padding-top: 3px;
padding-bottom: 3px;
}
.infobox .tags {
margin-top: -1px;
margin-bottom: -1px;
}
.infobox .tags .tag {
border: 1px solid var(--custom-accent-border-color);
display: inline-block;
padding: 0 4px;
border-radius: 3px;
margin: 3px 6px 3px auto;
}
.infobox .tags .tag a{
white-space: nowrap;
}
.infobox tr.buff th,
.infobox tr.buff td {
background-color: var(--theme-accent-color);
border: 1px solid var(--theme-page-background-color);
}
.infobox tr.buff th {
border-left: 0;
}
.infobox tr.buff td {
border-right: 0;
padding-left: 3px;
}
.infobox tr.buff td b {
font-weight: bold;
white-space: nowrap;
}
.infobox .section.buff table,
.infobox .section.debuff table {
border-bottom: 1px solid var(--theme-border-color);
margin-bottom: 0.25em;
}
.infobox .section.buff:after,
.infobox .section.debuff:after {
content: "";
display: block;
height: 4px;
margin-top: -7px;
background: var(--theme-page-background-color);
}
.infobox .section.ids {
margin-top: 3px;
border-top: 1px solid var(--theme-border-color);
text-align: center;
font-size: 10.5px;
background-color: var(--theme-accent-color);
color: var(--theme-accent-label-color);
}
.infobox .section.ids li {
padding: 2px 0;
border-bottom: 2px solid var(--theme-page-background-color);
margin: 0;
font-weight: bold;
}
.infobox .section.ids li:last-child {
border-bottom: 0;
}
.infobox .variant {
margin-bottom: 2px;
}
.infobox .drops td:first-child {
text-align: left;
}
.infobox .drops td:last-child {
text-align: right;
}
.infobox .drops th:first-child {
text-align: left;
border-right: 0;
}
.infobox .section.drops {
margin-top: 6px;
margin-bottom: 6px;
}
.infobox .drops.money table th {
width: 1px;
}
.infobox .imageother {
text-align: center;
padding: 6px 0;
border-top: 1px solid var(--theme-border-color);
}
.infobox .imageother .imageothercaption {
margin:0.15em 0 0;
}
.infobox .drops.items {
margin-top: 4px;
margin-bottom: 1px;
}
.infobox .drops.items li {
border-color: var(--theme-border-color);
border-style: solid;
border-width: 0;
border-top-width: 1px;
padding: 3px 0;
margin-bottom: auto;
display: flex;
flex-wrap: nowrap;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.infobox .drops.items li:first-child {
background-color: var(--theme-accent-color);
color: var(--theme-accent-label-color);
padding: 2px 3px 0;
border-top: 0;
}
.infobox .drops.items li > div {
display: block;
}
.infobox .drops.items li > div:first-child {
text-align: left;
}
.infobox .drops.items li > div:last-child {
text-align: right;
}
.infobox .drops.items li.notebox{
display: block;
text-align: center;
font-style: italic;
}
.infobox .drops.items li.notebox > div{
text-align: center;
border-width: 1px;
border-style: dashed;
border-color: inherit;
border-radius: 3px;
margin: 3px auto;
padding: 3px 0;
}
.infobox .drops.items li.note-before,
.infobox .drops.items li.note-after{
position: relative;
z-index: 100;
display: block;
}
.infobox .drops.items li.note-before{
padding-bottom: 0;
margin-bottom: -3px;
}
.infobox .drops.items li.note-after{
margin-top: -2px;
border-top: 0;
padding-top: 0;
}
.infobox .drops.items li.caption {
border-top-width: 5px;
padding-top: 5px;
line-height: 1;
text-align: center;
color: var(--theme-accent-label-color);
font-size: 10.5px;
background: var(--theme-accent-color);
display: block;
position: relative;
}
.infobox .drops.items li.caption:before {
content: "";
display: block;
height: 2px;
width: 100%;
background-color: var(--theme-page-background-color);
position: absolute;
top: -4px;
left: 0;
}
/* "Treasure Bag contents" caption */
.infobox .drops.items li.caption.trsbg {
border-bottom-width: 2px;
margin-bottom: 2px;
padding-bottom: 5px;
}
.infobox .drops.items li.caption.trsbg + li {
border-top-width: 1px;
border-top-style: solid;
}
.infobox .drops.items li.caption.group_end {
padding-bottom: 5px;
}
.infobox .drops.items li.group_end {
border-bottom-width: 2px;
position: relative;
margin-bottom: 2px;
}
.infobox .drops.items li.groupend {
border-top-width: 2px;
height: 0;
padding: 1px 0;
overflow: hidden;
}
.infobox .drops.items li.loot {
border-width: 0;
padding: 1px 0 1px 1.5em;
}
.infobox .drops.items li.loot > div:first-child:before {
content: " • ";
}
.infobox .drops.items li.loot.caption > div:first-child:before {
display: none;
}
.infobox .drops.items li.loot.caption,
.infobox .drops.items li.loot.groupend{
margin-left: 1.5em;
}
.infobox .drops.items li.loot.caption{
border-top-width: 1px;
padding: 3px 0 2px 0;
}
.infobox .drops.items li.loot.caption:before{
display: none;
}
.infobox .drops.items li.loot.groupend{
border-bottom-width: 1px;
padding: 0;
}
.infobox abbr[title]{
/* for {{expert}} and so on.*/
text-decoration: none;
}
/* -------------------------------------------------------- */
/* Template:item infobox */
/* -------------------------------------------------------- */
.item.infobox {
width: 21em;
}
.item.infobox .images .auto,
.infobox.item .images .stack {
position: absolute;
right: 3px;
}
.item.infobox .images .auto {
top: 3px;
}
.item.infobox .images .stack {
bottom: 3px;
}
.item.infobox .images ul.infobox-inline > li {
display: inline-block;
padding: 0 8px 0 9px;
margin: 2px auto;
position: relative;
vertical-align: middle;
line-height: 2px;
}
.item.infobox .images ul.infobox-inline > li::before {
content: "";
display: block;
width: 1px;
background: var(--theme-border-color);
height: 80%;
position: absolute;
left: 0;
top: 10%;
}
.item.infobox .images ul.infobox-inline > li:first-child {
padding: 0 8px;
}
.item.infobox .images ul.infobox-inline > li:first-child::before {
display: none;
}
.item.infobox .images ul.infobox-block > li {
display: block;
padding: 13px 0 0 0;
margin: auto;
position: relative;
}
.item.infobox .images hr {
background-color: var(--theme-border-color);
margin: 0.5em 0;
}
.item.infobox .images ul.infobox-block > li::before {
content: "";
display: block;
height: 1px;
background: var(--theme-border-color);
width: 80%;
position: absolute;
left: 10%;
top: 6px;
}
.item.infobox .images ul.infobox-block > li:first-child {
padding-top: 0;
}
.item.infobox .images ul.infobox-block > li:first-child::before {
display: none;
}
.item.infobox .section {
overflow: hidden;
}
.item.infobox .section .title {
margin-bottom: 0.25em;
}
.item.infobox .section .title + table,
.item.infobox .section .title + ul {
margin-top: 0.5em;
margin-bottom: 0.25em;
}
.item.infobox .section.statistics .title {
/* hidden title when section content is empty. */
margin-bottom: -2em;
}
.item.infobox .section.statistics .title + table,
.item.infobox .section.statistics .title + ul {
margin-top: 2.5em;
margin-bottom: 0.25em;
}
.item.infobox .section .title + table:empty,
.item.infobox .section .title + ul:empty {
/* hidden title when section content is empty. */
display: none;
}
.item.infobox ul.toolpower {
padding: 6px 0;
cursor: help;
}
.item.infobox ul.toolpower li {
display: inline-block;
padding: 0 0.5em;
}
.item.infobox ul.toolpower .zero{
opacity: 0.5;
}
.item.infobox ul.toolpower li>img{
width: 16px;
height: 16px;
object-fit: cover;
object-position: 0 0;
}
.item.infobox .section.projectile,
.item.infobox .section.mount {
text-align: center;
}
.item.infobox .section.mount .name,
.item.infobox .section.projectile .name {
font-size: 10.5px;
margin: 0.5em 0.5em 0.25em;
}
.item.infobox .section.projectile .image,
.item.infobox .section.mount .image {
margin: 0.25em 0.5em 0.5em;
}
.item.infobox .section.projectile img {
max-width: 100%;
height: auto;
}
.item.infobox .section.projectile .name {
margin-top: 0.25em;
}
.item.infobox .section.projectile ul {
margin: 0 0.5em;
}
.item.infobox .section.projectile ul.infobox-inline li {
display: inline-block;
vertical-align: middle;
}
/* ammo pages: Total Velocity Multiplier line */
.item.infobox td.tvm {
font-weight: bold;
padding-left: 5px
}
.item.infobox th.tvm,
.item.infobox td.tvm {
border-color: var(--theme-border-color);
border-style: solid;
border-width: 0;
border-top-width: 1px;
border-bottom-width: 1px;
}
/* -------------------------------------------------------- */
/* Template:npc infobox */
/* -------------------------------------------------------- */
.infobox .modetabs{
border-bottom: 1px solid var(--theme-border-color);
display: flex;
padding: 0 4px;
margin: 6px -6px;
}
.infobox .modetabs .tab{
margin: 0 2px -1px;
flex: 1 1 33.33333333%;
border: 1px solid var(--theme-border-color);
border-radius: 3px 3px 0 0;
background: var(--theme-page-background-color--secondary);
padding: 4px 0 3px;
text-align: center;
font-weight: bold;
cursor: pointer;
}
.infobox .modetabs .tab.current {
background: var(--theme-page-background-color);
border-bottom: 1px solid var(--theme-page-background-color);
}
.infobox.c-normal .m-expert,
.infobox.c-normal .m-master,
.infobox.c-normal .m-expert-master{
display: none !important;
}
.infobox.c-expert .m-normal,
.infobox.c-expert .m-master,
.infobox.c-expert .m-normal-master{
display: none !important;
}
.infobox.c-master .m-normal,
.infobox.c-master .m-expert,
.infobox.c-master .m-normal-expert{
display: none !important;
}
.infobox.expertonly .m-normal,
.infobox .expertonly .m-normal{
display: none !important;
}
.infobox.masteronly .m-normal,
.infobox.masteronly .m-expert{
display: none !important;
}
.npcstat .ssep{
display: inline;
padding-left: 0.5em;
padding-right: 0.5em;
}
.npc.infobox .npcstat .ssep,
.npc.infotable .npcstat .ssep
{
display: none;
}
.npc.infobox table.drops.money span.money,
.npc.infotable td.infobox-block span.npcstat,
.npc.infotable td.infobox-block span.npcstat .s{
display: block;
}
.npc.infotable td.infobox-block span.npcstat + br,
.npc.infotable td.infobox-block span.npcstat .sep{
display: none;
}
.npc.infobox table.drops.money span.sep{
display: block;
text-indent: -9999px;
height:1px;
overflow: hidden;
}
.npcstat span.prefix,
.npcstat span.postfix{
display: inline;
color: var(--custom-note-light-color);
font-weight: normal;
font-size: 0.85em;
}
.npcstat.prefix .s, .npcstat.postfix .s{
display: block;
}
.npc.infotable.c-expert .terraria th,
.npc.infobox.c-expert .section .title,
.npc.infobox.c-expert .drops.items li:first-child,
.npc.infobox.c-expert .drops.items li.caption,
.drop.infobox.c-expert th {
background-color: var(--custom-modetabs-expert-background-color);
border-color: var(--custom-modetabs-expert-border-color);
color: var(--custom-modetabs-expert-label-color);
}
.npc.infotable.c-expert .terraria,
.npc.infotable.c-expert .terraria th,
.npc.infotable.c-expert .terraria td,
.npc.infobox.c-expert .drops.items li,
.drop.infobox.c-expert td,
.drop.infobox.c-expert th{
border-color: var(--custom-modetabs-expert-border-color);
}
.npc.infotable.c-master .terraria th,
.npc.infobox.c-master .section .title,
.npc.infobox.c-master .drops.items li:first-child,
.npc.infobox.c-master .drops.items li.caption,
.drop.infobox.c-master th{
background-color: var(--custom-modetabs-master-background-color);
border-color: var(--custom-modetabs-master-border-color);
color: var(--custom-modetabs-master-label-color);
}
.npc.infotable.c-master .terraria,
.npc.infotable.c-master .terraria th,
.npc.infotable.c-master .terraria td,
.npc.infobox.c-master .drops.items li,
.drop.infobox.c-master td,
.drop.infobox.c-master th{
border-color: var(--custom-modetabs-master-border-color);
}
.infobox.npc .immunities > div{
margin: -1px;
}
.infobox.npc .immunities .i {
margin: 1px ;
}
.npc.infobox {
width: 21em;
}
.npc.infobox .statistics table th {
width: 6em;
}
.npc.infobox .section {
overflow: hidden;
}
.npc.infobox .section .title {
margin-bottom: 0.25em;
}
.npc.infobox .section .title + table,
.npc.infobox .section .title + ul {
margin-top: 0.5em;
margin-bottom: 0.25em;
}
.npc.infobox.c-expert .section.debuff table {
border-bottom: 1px solid var(--custom-modetabs-expert-border-color);
}
.npc.infobox.c-master .section.debuff table {
border-bottom: 1px solid var(--custom-modetabs-master-border-color);
}
.npc.infobox .section.statistics .title {
/* hidden title when section content is empty. */
margin-bottom: -2em;
}
.npc.infobox .section.statistics .title + table,
.npc.infobox .section.statistics .title + ul {
margin-top: 2.5em;
margin-bottom: 0.25em;
}
.npc.infobox .section .title + table:empty,
.npc.infobox .section .title + ul:empty {
/* hidden title when section content is empty. */
display: none;
}
.npc.infobox .section.drops table.drops.money {
margin: 6px auto 0;
}
/* npc drops list in tableview */
ul.table-npcdrops{
text-align: left;
margin: auto;
}
.table-npcdrops>li{
list-style: none;
margin-bottom: 2px;
}
.table-npcdrops>li:last-child{
margin-bottom: auto;
}
.table-npcdrops > li > div{
display: inline-block;
}
.table-npcdrops > li > div:last-child{
margin-left: 0.25em;
}
.table-npcdrops > li > div:last-child:before{
content: " (";
}
.table-npcdrops > li > div:last-child:after{
content: ")";
}
.npc.infotable{
display: table;
margin: 0.5em 0;
position: relative;
}
.npc.infotable > .statnote{
position: absolute;
right: 0;
top: 0;
text-align: right;
font-size: 10px;
line-height: 14px;
padding-right: 9px;
color: var(--custom-note-light-color);
}
.npc.infotable.note-no > .statnote{
display: none;
}
.npc.infotable.note-bottom{
padding-bottom: 2.1em;
}
.npc.infotable.note-bottom > .statnote{
right: auto;
top: auto;
left: 8px;
bottom: 0;
text-align: left;
}
.npc.infotable > .table{
z-index: 10;
margin: 0;
border: 1px solid var(--theme-border-color);
border-radius: 0 8px 8px 8px;
padding: 0.5em;
}
.npc.infotable > .table > table{
margin: 0;
}
.npc.infotable > .table > table.terraria{
margin-top: 0 !important;
}
.npc.infotable .modetabs{
position: relative;
z-index: 20;
}
.npc.infotable .modetabs .tab{
margin: 0 5px -1px 0;
border: 1px solid var(--theme-border-color);
border-radius: 4px 4px 0 0;
background: var(--theme-page-background-color--secondary);
padding: 4px 1em;
text-align: center;
font-weight: bold;
cursor: pointer;
transition: all 0.2s;
float: left;
position: relative;
}
.npc.infotable .modetabs .tab.current{
background: var(--theme-page-background-color);
transition: all 0.2s;
border-bottom: 1px solid var(--theme-page-background-color);
}
.npc.infotable.c-normal .m-expert,
.npc.infotable.c-normal .m-master,
.npc.infotable.c-normal .m-expert-master{
display: none !important;
}
.npc.infotable.c-expert .m-normal,
.npc.infotable.c-expert .m-master,
.npc.infotable.c-expert .m-normal-master{
display: none !important;
}
.npc.infotable.c-master .m-normal,
.npc.infotable.c-master .m-expert,
.npc.infotable.c-master .m-normal-expert{
display: none !important;
}
.npc.infotable.expertonly .m-normal,
.npc.infotable .expertonly .m-normal{
display: none !important;
}
.npc.infotable.masteronly .m-normal,
.npc.infotable.masteronly .m-expert{
display: none !important;
}
/* -------------------------------------------------------- */
/* Template:drop infobox */
/* -------------------------------------------------------- */
/* Overwrite the background:inherit; from the generic " .infobox * " above for the contents of the sortable column headers */
.drop.infobox .headerSort * {
background-image: unset;
}
.drop.infobox table {
margin-top: 6px;
margin-bottom: 6px;
}
.drop.infobox td {
border-top: 1px solid var(--theme-border-color);
}
.drop.infobox th:first-child, .drop.infobox td:first-child {
text-align: left;
width: 0;
}
.drop.infobox td:first-child s {
display: none;
}
.drop.infobox th:nth-child(2), .drop.infobox td:nth-child(2) {
text-align: center;
width: 0;
min-width: 3em;
}
.drop.infobox th:last-child, .drop.infobox td:last-child {
text-align: right;
width: 0;
min-width: 4em;
}
.drop.infobox th {
background-color: var(--theme-accent-color);
color: var(--theme-accent-label-color);
border-bottom: 1px var(--theme-border-color) solid;
border-right: 0;
padding: 2px 5px;
}
.drop.infobox th:first-child.headerSort {
padding-left: 21px;
background-position-x: left;
}
.drop.infobox th:nth-child(2).headerSort {
padding-left: 21px;
text-align: left;
background-position-x: left;
}
.drop.infobox th:last-child.headerSort {
padding-right: 21px;
}
.drop.infobox .entity-img img {
width: auto;
height: auto;
max-width: 90px;
max-height: 90px;
}
.drop.infobox .nodrop-note {
text-align: center;
padding-top: 6px;
}
.drop.infobox > .mw-collapsible-toggle {
background-color: unset;
margin-right: 3px;
}
.drop.infobox > .mw-collapsible-toggle:before {
content: "";
vertical-align: middle;
display: inline-block;
width: 4px;
height: 4px;
transform: rotate(45deg);
position: relative;
left: -3px;
border-left: 2px solid var(--theme-link-color);
border-top: 2px solid var(--theme-link-color);
border-right: 0;
border-bottom: 0;
top: 1px;
}
.drop.infobox > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before {
border-left: 0;
border-top: 0;
border-right: 2px solid var(--theme-link-color);
border-bottom: 2px solid var(--theme-link-color);
top: -2px;
}
.drop.infobox > .mw-collapsible-toggle:after {
content: "";
}
/* Template:Summoned (No longer on EN Wiki) */
.summoned.infobox {
text-align: center;
padding-bottom: 12px;
}
.summoned.infobox .title{
font-size: 12px;
}
.summoned.infobox .p{
font-size: 14px;
}
/* -------------------------------------------------------- */
/* Template:infobox wrapper */
/* -------------------------------------------------------- */
.infobox-wrapper.float-right {
float: right;
margin-left: 0.5em;
}
.infobox-wrapper.float-left {
float: left;
margin-right: 0.5em;
}
.infobox-wrapper.float-none {
float: none;
}
@media(max-width:600px) {
.infobox-wrapper.float-right {
float: none;
margin-left: auto;
}
.infobox-wrapper.float-left {
float: none;
margin-right: auto;
}
}
.infobox-wrapper.float-right.direction-row .infobox,
.infobox-wrapper.float-right.direction-row-reverse .infobox,
.infobox-wrapper.float-right.direction-row .infobox.float-left,
.infobox-wrapper.float-right.direction-row-reverse .infobox.float-left,
.infobox-wrapper.float-right.direction-row .infobox.float-right,
.infobox-wrapper.float-right.direction-row-reverse .infobox.float-right,
.infobox-wrapper.float-right.direction-row .infobox.float-none,
.infobox-wrapper.float-right.direction-row-reverse .infobox.float-none {
float: none;
margin: 0 0 0.5em 0.5em;
}
.infobox-wrapper.float-left.direction-row .infobox,
.infobox-wrapper.float-left.direction-row-reverse .infobox,
.infobox-wrapper.float-left.direction-row .infobox.float-left,
.infobox-wrapper.float-left.direction-row-reverse .infobox.float-left,
.infobox-wrapper.float-left.direction-row .infobox.float-none,
.infobox-wrapper.float-left.direction-row-reverse .infobox.float-none,
.infobox-wrapper.float-left.direction-row .infobox.float-right,
.infobox-wrapper.float-left.direction-row-reverse .infobox.float-right,
.infobox-wrapper.float-none.direction-row .infobox,
.infobox-wrapper.float-none.direction-row-reverse .infobox,
.infobox-wrapper.float-none.direction-row .infobox.float-left,
.infobox-wrapper.float-none.direction-row-reverse .infobox.float-left,
.infobox-wrapper.float-none.direction-row .infobox.float-none,
.infobox-wrapper.float-none.direction-row-reverse .infobox.float-none,
.infobox-wrapper.float-none.direction-row .infobox.float-right,
.infobox-wrapper.float-none.direction-row-reverse .infobox.float-right {
float: none;
margin: 0 0.5em 0.5em 0;
}
.infobox-wrapper.float-left.direction-column .infobox,
.infobox-wrapper.float-left.direction-column-reverse .infobox,
.infobox-wrapper.float-left.direction-column .infobox.float-left,
.infobox-wrapper.float-left.direction-column-reverse .infobox.float-left,
.infobox-wrapper.float-left.direction-column .infobox.float-none,
.infobox-wrapper.float-left.direction-column-reverse .infobox.float-none,
.infobox-wrapper.float-left.direction-column .infobox.float-right,
.infobox-wrapper.float-left.direction-column-reverse .infobox.float-right {
float: left;
margin: 0 0.5em 0.5em 0;
}
.infobox-wrapper.float-none.direction-column .infobox,
.infobox-wrapper.float-none.direction-column-reverse .infobox,
.infobox-wrapper.float-none.direction-column .infobox.float-right,
.infobox-wrapper.float-none.direction-column-reverse .infobox.float-right {
float: right;
margin: 0 0 0.5em 0.5em;
}
.infobox-wrapper.float-none.direction-column .infobox.float-left,
.infobox-wrapper.float-none.direction-column-reverse .infobox.float-left,
.infobox-wrapper.float-none.direction-column .infobox.float-none,
.infobox-wrapper.float-none.direction-column-reverse .infobox.float-none {
float: left;
margin: 0 0.5em 0.5em 0;
}
.infobox-wrapper.float-right.direction-column .infobox,
.infobox-wrapper.float-right.direction-column-reverse .infobox,
.infobox-wrapper.float-right.direction-column .infobox.float-left,
.infobox-wrapper.float-right.direction-column-reverse .infobox.float-left,
.infobox-wrapper.float-right.direction-column .infobox.float-none,
.infobox-wrapper.float-right.direction-column-reverse .infobox.float-none,
.infobox-wrapper.float-right.direction-column .infobox.float-right,
.infobox-wrapper.float-right.direction-column-reverse .infobox.float-right {
float: right;
margin: 0 0 0.5em 0.5em;
}
/* Template:Spoiler */
.spoiler-content{
background-color: rgba(127,127,127,1);
transition: all 0.3s;
cursor: pointer;
}
.spoiler-content > span{
opacity: 0;
transition: all 0.3s;
}
.spoiler-content.show,
.spoiler-content.hover:hover{
background-color: rgba(127,127,127,0);
}
.spoiler-content.show > span,
.spoiler-content.hover:hover > span{
opacity: 1;
}
/* Template:living preferences */
.living-preferences .love {
background-color: #56e55670;
}
.living-preferences .like {
background-color: #b7e55670;
}
.living-preferences .dislike {
background-color: #e5bd5670;
}
.living-preferences .hate {
background-color: #e55a5670;
}
/* Template:diagram */
table.diagram {
border-spacing: 0;
background: transparent;
}
table.diagram tr {
height: 1px;
text-align: center;
}
table.diagram td.l {
border-style: none;
border-width: 1px;
border-color: var(--theme-border-color);
padding: 0.5em;
}
table.diagram td.n {
padding: 0;
}
table.diagram td.db {
border-bottom-style: dashed;
}
table.diagram td.dr {
border-right-style: dashed;
}
table.diagram td.sb {
border-bottom-style: solid;
}
table.diagram td.sr {
border-right-style: solid;
}
table.diagram td.nb {
border-bottom-style: solid;
border-bottom-color: transparent;
}
table.diagram td.nr {
border-right-style: solid;
border-right-color: transparent;
}
/* center dot fix */
table.diagram td.cf {
position: relative;
}
table.diagram td.cf:after {
content: "";
display: block;
position: absolute;
width: 0.9px;
height: 1px;
border-bottom: 1px solid var(--theme-border-color);
right: 0;
bottom: 0;
}
.diagram-box {
border-width: 2px;
border-style: solid;
border-color: var(--theme-border-color);
border-radius: 7px;
padding: 0.25em 0.5em;
}
table.diagram td.no-border {
border: none;
}
table.diagram td.craft-station {
border: none;
padding: 2px 0;
}
.crafting-tree {
overflow: auto;
padding: 0.5em 0;
font-size: 12px;
line-height: 1.25;
}
.crafting-tree .diagram {
white-space: nowrap;
}
/* Template:hp */
.hp {
display:inline-block;
vertical-align:middle;
}
.hp > div {
margin: -2px;
max-width: 260px;
}
.hp > div > img,
.hp > div > a {
width: 22px;
height: 22px;
padding: 2px;
}
/* Template:l10n_subtemplate */
table.l10n-data-table tr:hover td{
background-color: rgba(180,0,0,0.05);
}
table.l10n-data-table th.all-lang,
table.l10n-data-table th.lang{
cursor: pointer;
}
table.l10n-data-table th.lang.en{
cursor: auto;
}
table.l10n-data-table th.shrinked{
padding-left: 0;
padding-right: 0;
}
table.l10n-data-table th.shrinked code{
padding-left: 1px;
padding-right: 1px;
}
table.l10n-data-table th.shrinked small{
display: none;
}
table.l10n-data-table td.shrinked{
background-color: rgba(127,127,127,0.05);
}
table.l10n-data-table td.shrinked > div{
display: none;
}
/* -------------------------------------------------------- */
/* Template:infocard */
/* -------------------------------------------------------- */
.infocard {
margin: 0.5em 0;
padding: 1em;
box-sizing: border-box;
border: 1px solid var(--theme-border-color);
border-radius: 6px;
width: 100%;
min-width: 300px;
position: relative;
background: var(--theme-page-background-color--secondary);
color: var(--theme-page-text-color);
}
.infocard > .card {
float: right;
margin: -1em 1em 0.75em 0.75em;
box-shadow: 0 0 6px rgba(0,0,0,0.05);
position: relative;
z-index: 5;
}
.infocard > .card .image {
background: var(--theme-border-color);
border-left: 1px solid var(--theme-border-color);
border-right: 1px solid var(--theme-border-color);
}
.infocard > .card .content {
border: 1px solid var(--theme-border-color);
border-top: 0; margin: 0 1px;
background: var(--theme-page-background-color);
border-radius: 0 0 4px 4px;
box-sizing: border-box;
padding: 0 0.75em 0;
}
.infocard > .card .content > .intro {
margin-top: 0.75em;
}
.infocard > .card .content > dl {
margin: 0.75em 0;
}
.infocard > .card .content dt {
font-weight: bold;
margin-top: 0.75em;
}
.infocard > .card .content dd {
margin: 0;
}
.infocard > .card .content > .outro {
margin-bottom: 0.75em;
}
.infocard .main-heading {
border-right: 3em solid transparent;
padding-left: 1em;
margin: 2em -1em 1em;
position: relative;
line-height: 1;
background: var(--custom-accent-border-color);
}
.infocard > .main-heading,
.infocard .intro:first-child > .main-heading:first-child,
.infocard .outro:first-child > .main-heading:first-child {
margin-top: 1em;
}
.infocard .main-heading .hgroup {
background: var(--theme-page-background-color--secondary);
padding: 0 1em;
display: inline-block;
position: relative;
z-index:10;
color: var(--custom-note-light-color);
font-weight: 100;
}
.infocard .main-heading .hgroup > .main {
font-size: 2em;
color: var(--theme-page-text-color);
}
.infocard .main-heading .hgroup > .main span {
font-size: 62.5%;
color: var(--custom-note-light-color);
}
.infocard .main-heading .icon {
position: absolute;
right: -2em;
top: 0;
height: 100%;
z-index: 1;
display:flex;
flex-wrap:wrap;
align-items:center;
align-content:center;
}
.infocard > .intro {
margin: 1em 0;
min-width: 200px;
}
.infocard > .outro {
margin: 1em 0;
min-width: 200px;
}
.infocard > .box {
margin: 1em 0;
}
.infocard > .intro:first-child,
.infocard > .outro:first-child,
.infocard > .box:first-child {
margin-top: 0;
}
.infocard > .intro:last-child,
.infocard > .outro:last-child,
.infocard > .box:last-child {
margin-bottom: 0;
}
.infocard > .intro > .box,
.infocard > .outro > .box {
margin: 0 0 1em 0;
}
.infocard > .intro > .box:last-child,
.infocard > .outro > .box:last-child {
margin: 0;
}
.infocard .box {
border: 1px solid rgba(var(--theme-border-color--rgb), 0.65);
background: var(--theme-page-background-color);
border-radius: 4px;
padding: 1em;
}
.infocard .box > .title {
line-height: 1;
display: inline-block;
margin-left: -1em;
padding: 0 1em 0 0.5em;
min-width: 5em;
border-left: 0.5em solid transparent;
}
.infocard .box > .title > span {
font-weight: lighter;
font-size: 1.5em;
}
.infocard .box > .content {
margin-top: 1em;
}
.infocard .box > .content:first-child {
margin-top: 4px;
}
.infocard .heading {
margin: 1em 0 0.25em;
font-weight: bold;
}
.infocard.small {
font-size: 12px;
}
.infocard.compact {
padding: 0.5em;
min-width: 240px;
}
.infocard.compact .main-heading {
padding-left: 0.5em;
margin: 0.75em -0.5em 0.5em;
}
.infocard.compact > .main-heading,
.infocard.compact .intro:first-child > .main-heading:first-child,
.infocard.compact .outro:first-child > .main-heading:first-child {
margin-top: 0.5em;
}
.infocard.compact .main-heading .hgroup {
padding: 0 0.5em;
font-weight: normal;
}
.infocard.compact .main-heading .hgroup > :first-child,
.infocard.compact .main-heading .hgroup > :last-child {
font-size: 85%;
}
.infocard.compact .main-heading .hgroup > .main {
font-size: 1.25em;
}
.infocard.compact .main-heading .hgroup > .main span {
font-size: 80%;
}
.infocard.compact > .intro {
margin: 0.5em 0;
}
.infocard.compact > .outro {
margin: 0.5em 0;
}
.infocard.compact > .box {
margin: 0.5em 0;
}
.infocard.compact > .intro:first-child,
.infocard.compact > .outro:first-child,
.infocard.compact > .box:first-child {
margin-top: 0;
}
.infocard.compact > .intro:last-child,
.infocard.compact > .outro:last-child,
.infocard.compact > .box:last-child {
margin-bottom: 0;
}
.infocard.compact > .intro > .box,
.infocard.compact > .outro > .box {
margin: 0 0 0.5em 0;
}
.infocard.compact > .intro > .box:last-child,
.infocard.compact > .outro > .box:last-child {
margin: 0;
}
.infocard.compact .box {
padding: 0.5em;
}
.infocard.compact .box > .title {
margin-left: -0.5em;
padding: 0 0.5em 0 0.25em;
border-left: 0.25em solid transparent;
}
.infocard.compact .box > .title > span {
font-size: 100%;
font-weight: bold;
}
.infocard.compact .box > .content {
margin-top: 0.25em;
}
.infocard.compact .box > .content:first-child {
margin-top: 0;
}
.infocard.compact .box > .content:first-child {
margin-top: 0;
}
.infocard.compact .heading {
margin: 0.5em 0 0;
}
.infocard.compact > .card {
margin: -0.5em 0.5em 0.5em 0.5em;
}
.infocard.compact > .card .content {
padding: 0 0.5em 0;
}
.infocard.compact > .card .content > .intro {
margin-top: 0.5em;
}
.infocard.compact > .card .content > dl {
margin: 0.5em 0;
}
.infocard.compact > .card .content dt {
margin-top: 0.5em;
}
.infocard.compact > .card .content > .outro {
margin-bottom: 0.5em;
}
.infocard.compact .main-heading .icon {
right: -2.5em;
}
.infocard.terraria {
background: var(--theme-page-background-color);
border-color: var(--custom-accent-border-color);
}
.infocard.terraria .main-heading {
background: var(--theme-accent-color);
border-right-color: var(--theme-accent-color);
}
.infocard.terraria .main-heading .hgroup {
background: var(--theme-page-background-color);
}
/* Template:coin */
.coins {
white-space: nowrap;
}
.coins s {
display: none;
}
.coin {
white-space: nowrap;
}
.coin s {
display: none;
}
.coin ::after{
content: '';
display: inline-block;
width: 12px;
height: 16px;
margin: -3px 2px auto;
vertical-align: middle;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUAAAAQCAMAAACBWcfHAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAABaUExURQAAAJN9IW+Nn1xnakwsDMu1R1xCEjI3SiE1P1QdCo+cnWBtj4iksOF1S/Hy6npbGUVMUKGsrbZXG/z4tpmsuFJXbe3Zeey3oOzw89XF45VDFq+h03o3Ea7CxDpXvFYAAAABdFJOUwBA5thmAAAAwUlEQVQoz43SSxKDIBREUXyCQVBRUBQ1+99m4MVQJf5yq3p4Zk2I74WRX4WPPHenuO/c9L1zTbO5omDMmOh2qvT9oTjvummKLqpgAKoKAB2ljGVZdDtVlnU9jujuFOdC5Hl0O1X5miYsKmOsTVUw86w1uifVtsEdFYCU7zeAc6iyTClrGaM0VVqv6zzX9aPK89YnxFFJOQxhyxKVUkdF0KEht4qg28xOfR0AmlBwm0lU8o1rdf2ow3spjeb6vffqtA8gqhYRvoCL8AAAAABJRU5ErkJggg==);
background-repeat: no-repeat;
background-size: auto 16px;
image-rendering: pixelated; /*for chrome*/
image-rendering: crisp-edges; /*for firefox*/
}
.coin .pc::after{
width: 14px;
background-position: 0 50%;
}
.coin .gc::after{
background-position: -15px 50%;
}
.coin .sc::after{
background-position: -28px 50%;
}
.coin .cc::after{
background-position: -41px 50%;
}
/* Template:project */
.project {
float: right;
display: block;
margin: -0.6em 0 0.5em;
border: 1px solid var(--custom-accent-border-color);
background: var(--theme-accent-color);
padding: 0 7px;
font-size: 90%;
}
/* Template:translation projects */
#indic-project {
height: 20px;
padding: 7px;
}
#indic-project-flag {
height: 20px;
float: right;
line-height: 1;
cursor: pointer;
}
#indic-project-flag > img {
border: 1px solid #000; /* border around the flag to improve visibility */
}
#indic-project .text-wrapper {
float: right;
margin-left: 1em;
font-size: 12px;
}
#indic-project.collapsed .text-wrapper .text {
display: none;
}
#mw-indicator-translation-project {
border: none;
background: transparent;
}
#mw-indicator-translation-project.expanded {
border: 1px solid var(--theme-border-color);
border-radius: 3px;
background: var(--theme-accent-color);
margin-left: 1em;
}
/* Template:GameText */
.gameText{
white-space: pre-wrap;
}
/* Template:archive header */
.terraria.archive-header {
text-align: center;
padding: 10px;
margin: 10px auto;
background: var(--theme-accent-color);
}
/* Template:dpl3 */
.dpl3{
background-color:var(--theme-page-background-color--secondary);
font:120% Courier, monospace;
}
/* Template:archive-box */
.archive-box {
float: right;
margin: 0 0 .5em .5em;
padding: .5em 1em;
width: 150px;
background: var(--theme-page-background-color);
border: 1px solid var(--theme-border-color);
-moz-border-radius: 10px;
}
.archive-box .archive-header {
padding: 0.1em;
font-size: 0.9em;
color: var(--theme-page-text-color);
background-color: var(--theme-border-color);
text-align: center;
-moz-border-radius: 7px;
}
/* Template:dropinfo */
.dropinfo br {
content: "";
}
.dropinfo br::after {
content: " / ";
}
.dropinfo .mode-content span + span::before {
content: " / ";
}
/* Template:chance */
.chance > s {
display: none;
}
/* Template:flavor text */
.flavor-text{
margin-bottom: 1em;
}
/* Template:toggleBox */
.trw-toggleable .trw-togglehandle{
text-align: center;
color: var(--theme-link-color);
cursor: pointer;
}
.trw-toggleable .trw-togglehandle:hover{
color: var(--theme-link-color--hover);
}
.trw-toggleable .trw-togglehandle>span:first-child,
.trw-toggleable.toggled .trw-togglehandle>span:last-child{
display: inline-block;
}
.trw-toggleable.toggled .trw-togglehandle>span:first-child,
.trw-toggleable .trw-togglehandle>span:last-child{
display: none;
}
/* ------------------------------------------------------------------ */
/* ================================================================== */
/* UCP fixes */
/* ================================================================== */
/* ------------------------------------------------------------------ */
/* ======================================= */
/* Curse profile, comments */
/* ======================================= */
.curseprofile .entryform {
text-align: right;
position: relative;
}
.curseprofile .entryform textarea {
display: block;
resize: vertical;
height: 2em;
margin-bottom: 5px;
}
.comments .avatar {
float: left;
width: 0;
margin-right: 54px;
}
.commentdisplay {
clear: left;
margin-bottom: 0.7em;
position: relative;
}
.commentdisplay .entryform {
padding-right: 5px;
margin-left: 54px;
}
.commentdisplay .right {
float: right;
}
.commentdisplay .right a {
margin-left: 3px;
}
.commentbody {
margin-left: 54px;
overflow-wrap: break-word;
}
.replyset {
padding-left: 54px;
}
/*UI: ad block*/
#content div#atflb, #content div#btflb{
min-height: auto !important;
}
/* ======================================= */
/* Extension:TemplateData */
/* ======================================= */
.oo-ui-icon-template-format-inline,
.oo-ui-icon-template-format-block,
.oo-ui-icon-parameter-set,
.oo-ui-iconElement-icon.oo-ui-icon-parameter {
background-color: inherit;
}
/* Small default and example values to separate them from the parameter description */
.ve-ui-mwParameterPage-description-default,
.ve-ui-mwParameterPage-description-example {
font-size: small;
}
/* Template:templatedata */
/* Common styles for all parameters, regardless of mode */
.templatedata-doc .templatedata-doc-param {
font-weight: bold;
padding-left: 6px;
border-left: 3px solid;
}
/* Mode-specific styles */
.templatedata-doc .templatedata-doc-param.param-required {
border-left-color: var(--theme-accent-dynamic-color-1);
}
.templatedata-doc .templatedata-doc-param.param-suggested {
border-left-color: var(--theme-page-text-mix-color);
}
.templatedata-doc .templatedata-doc-param.param-optional {
border-left-color: var(--theme-link-dynamic-color-2);
}
.templatedata-doc .templatedata-doc-param.param-deprecated {
border-left-style: dotted;
color: var(--theme-alert-label);
border-left-color: var(--theme-alert-label);
background-color: var(--theme-alert-color);
}
.templatedata-doc .templatedata-doc-param-illegal td {
border: red 3px solid;
}
/* ======================================= */
/* Special:Contribs */
/* ======================================= */
.mw-contributions-table>:nth-child(3) label+select,
.mw-contributions-table>:nth-child(4) label+input {
display: inline;
margin: 0;
}
.mw-contributions-table .mw-input-with-label {
vertical-align: middle;
}
/* ------------------------------------------------------------------ */
/* ================================================================== */
/* Extension/Gadget styles */
/* ================================================================== */
/* ------------------------------------------------------------------ */
/* Extension:Tabber */
body ul.tabbernav li a,
body ul.tabbernav li a:link,
body ul.tabbernav li a:visited,
body ul.tabbernav li a:hover {
border-radius: .5em .5em 0 0;
}
/* Extension:Cargo */
/* Removes redundant Cargo extension "Purge cache" link */
div.menu li#ca-cargo-purge {
display: none;
}
/* Maximum image size for NPC images storing in Cargo table */
.npcimg img{
height: auto;
width: auto;
max-height: 100px;
max-width: 100px;
}
/* Extension:InputBox */
/* Hide text input box for just a button */
.notextbox > .mw-inputbox-centered > form > input[type="text"] {
display: none;
}
/* -------------------------------------------------------- */
/* Geshi syntax highlighting */
/* -------------------------------------------------------- */
.mw-highlight pre {background: #282828 !important; color:#fff !important;}
.mw-highlight, .kw1 {color: #FFFFFF; font-weight: bold;}
.nf {color: aqua;}
/* Operators */
.mw-highlight .p,
.mw-highlight .o {color: #fff; font-weight: bold;}
/* Comments */
.mw-highlight .c {color: #8d9e6b; font-weight: bold;}
/* HTML Tags */
.mw-highlight .nt {color: #bfe431;}
/* IDs */
.mw-highlight .nn {color: #a8a8ff;}
/* Classes */
.mw-highlight .nc {color: #7676ff;}
/* Pseudo-classes */
.mw-highlight .nd {color: #cf82ff;}
/* Properties */
.mw-highlight .k,
.mw-highlight .kp {color: #fff; font-weight: normal;}
/* Keywords */
.mw-highlight .nb {color: #ff5858;}
/* Text values, strings */
.mw-highlight .kc,
.mw-highlight .s1,
.mw-highlight .s2,
.mw-highlight .sx,
.mw-highlight .n {color: #00c6d2;}
/* Numeric values */
.mw-highlight .mi,
.mw-highlight .mf {color: #60feff; font-weight: bold;}
/* Units */
.mw-highlight .kt {color: #ff3f85; font-weight: bold;}
/* #Color values */
.mw-highlight .mh {color: #b2d241;}
/* !important */
.mw-highlight .cp {color: #F37F20;}
/* JS generic */
.mw-highlight .nx {color: #a8a8ff;}
/* Highlight fields inside code class (e.g. Template:Code) */
.code .mw-highlight{
background: var(--theme-page-background-color) !important;
color: var(--theme-page-text-color) !important;
}
/* Curse video */
div.embedvideo{
position: relative;
z-index: 999;
}
div.embedvideo.ev_right{
margin-left: 1em;
}
div.embedvideo.ev_left{
margin-right: 1em;
}
@media(max-width: 800px){
div.embedvideo.ev_right{
margin-left: auto;
}
div.embedvideo.ev_left{
margin-right: auto;
}
div.embedvideo.ev_right,
div.embedvideo.ev_left{
float: none;
text-align: center;
}
div.embedvideo.ev_right .embedvideowrap,
div.embedvideo.ev_left .embedvideowrap{
margin: auto;
}
}
/* ------------------------------------------------------------------ */
/* ================================================================== */
/* Specific page styles */
/* ================================================================== */
/* ------------------------------------------------------------------ */
/* [[Accessories]] and its related pages, [[Light sources]] */
.table-accessories tr {
height: 3.5em;
}
.table-accessories td {
position: relative;
}
.table-accessories td sup {
position: absolute;
right: 0.25em;
top: 0.25em;
}
.table-accessories td:last-child,
.table-accessories td:nth-child(4) {
text-align: center;
}
/* for music box accessories */
.table-accessories td:nth-child(3) {
text-align: left;
}
/* [[Bunny]] */
#bunny-variants {
float: right;
text-align: center;
width: 130px;
}
#bunny-variants img {
margin: 0.5em auto 0.25em;
}
#bunny-variants .npc-id {
background: var(--theme-accent-color);
padding: 2px 0;
font-weight: bold;
text-align: center;
font-size: 10.5px;
color: var(--theme-accent-label-color);
}
/* [[Help:Creating animated GIFs]] */
#table-gif td {
vertical-align:top;
}
/* [[Template:GameText/doc/alltext]] */
#all-game-text td:first-child {
font-weight: bold;
}
/* [[Terraria Wiki:Projects]] and subpages */
.projects-wrapper {
border: 1px solid var(--theme-border-color);
vertical-align: top;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 7px;
}
.projects-header {
background: var(--theme-accent-color);
padding: 7px;
font-weight: bold;
text-align: center;
color: var(--theme-accent-label-color);
font-size: 140%;
}
/* [[Terraria Wiki:List of administrators]] */
.admin-table-mainheading {
padding: 5px;
margin: 3px;
font-size: 110%;
color: var(--theme-accent-label-color);
white-space:nowrap;
}
.admin-table-mainheading-inactive {
padding: 3px;
margin: 3px;
color: var(--theme-accent-label-color);
white-space:nowrap;
}
.admin-table-subheading {
background: none;
}
/* [[Evil biome#Corruption and Crimson counterparts]] */
#cc-counterparts td:nth-child(3) {border-left-width: 1px;}
/* [[Guide:Game Progression graph]] */
#progression-graph {overflow: auto;}
#progression-graph .diagram {margin: auto;}
.game-progression.legend {
white-space: nowrap;
display: inline-block;
color: var(--theme-page-text-color);
border: 2px var(--theme-border-color) solid;
padding: 2px 0.5em;
border-radius: 6px;
}
.game-progression.box {background-color: var(--theme-accent-color);}
.game-progression.biome {background-color: var(--custom-notice-green-background-color); border-color: var(--custom-notice-green-border-color);}
.game-progression.boss {background-color: var(--custom-notice-red-background-color); border-color: var(--custom-notice-red-border-color);}
.game-progression.miniboss {background-color: var(--custom-notice-yellow-background-color); border-color: var(--custom-notice-yellow-border-color);}
#progression-graph .diagram big {font-size: 130%; display: block; line-height: 1.3;}
#progression-graph .diagram small {font-size: 80%; display: block; line-height: 1.3;}
/* [[Guide:Armor progression]] */
.armorg-subh {font-size:95%;}
/* [[Hooks]] */
#Hooks-Pre-Hardmode-table td:first-child,
#Hooks-Pre-Hardmode-table td:nth-child(3),
#Hooks-Pre-Hardmode-table td:last-child {text-align: left;}
#Hooks-Pre-Hardmode-table td:nth-child(8) {text-align: right;}
#Hooks-Pre-Hardmode-table td:last-child {font-size: 85%;}
#Hooks-Hardmode-table td:first-child,
#Hooks-Hardmode-table td:nth-child(3),
#Hooks-Hardmode-table td:last-child {text-align: left;}
#Hooks-Hardmode-table td:nth-child(8) {text-align: right;}
#Hooks-Hardmode-table td:last-child {font-size: 85%;}
#Hooks-Hardmode-table th {line-height: 1.25;}
/* [[List of weapons]] */
table.list-of-all-weapons .kb .knockback {font-size:10.5px; font-weight: bold;}
/* [[Paintings]] */
.Paintings-table td:last-child, .Paintings-table td:nth-last-child(2) {text-align: left;}
.Paintings-table td:nth-last-child(2) {white-space: nowrap;}
#Painter-sell-table td:nth-last-child(2) {white-space: normal;}
#Painter-sell-table td:nth-last-child(3) {text-align: left; white-space: nowrap;}
#Paintings-chance-list li {line-height: 3em;}
#Paintings-chance-list li>span:last-child {display: inline-block; width: 50px; text-align: right;}
#Paintings-chance-list .i {display: inline-block; width: 270px;}
/* [[Fishing Poles]] */
#fishing-poles-table th {line-height: 1.25;}
#fishing-poles-table td:nth-child(3),
#fishing-poles-table td:nth-child(8),
#fishing-poles-table td:nth-child(9),
#fishing-poles-table td:nth-child(10) {text-align:left; font-size:85%;}
/* [[Light sources]] */
#table-portable-light-source td:first-child,
#table-portable-light-source td:nth-child(2) {text-align: left;}
#table-Furniture td:first-child {text-align: left;}
#table-Novelty-lights td:first-child,
#table-Novelty-lights td:nth-child(2) {text-align: left;}
#table-Light-Pet td:first-child {text-align: left;}
#table-buffs td:last-child,
#table-buffs td:nth-child(2) {text-align: center;}
#table-Furniture2 td:first-child {text-align: left;}
#table-Accessories td:last-child {text-align: center;}
#table-Blocks td:last-child {text-align: center;}
#table-Growable td:nth-child(2),
#table-Growable td:last-child {text-align: center;}
#table-other td:nth-child(2) {text-align: center;}
#table-world-generation td:first-child {text-align: left;}
/* [[Drills]] */
#drills-table th {line-height: 1.25;}
#drills-Effectiveness-table td.td-na {background:lightgray;}
#drills-Effectiveness-table td:first-child {text-align: left;}
/* [[Pickaxes]], [[Mining speed]] */
#pickaxes-table th {line-height: 1.25;}
#pickaxes-table td:first-child,
#pickaxes-table td:nth-child(2) {text-align: left;}
/* [[Axes]] */
#axes-table td:first-child,
#axes-table td:nth-child(2) {text-align:left;}
/* [[Hammers]] */
#hammers-table td:first-child,
#hammers-table td:nth-child(2) {text-align: left;}
#hammers-table th {line-height: 1.25;}
/* [[Health]] */
#Preventing-damage-table td:nth-child(2) {text-align: center;}
#Preventing-Drowning-table td:nth-child(2) {text-align: center;}
#lava-safety-table td:nth-child(2) {text-align: center;}
#Healing-table td:nth-child(2),
#Healing-table td:nth-child(3) {text-align: center;}
#Regeneration-table td:nth-child(2) {text-align: center; max-width: 280px;}
#draining-table td:nth-child(2) {text-align: center;}
/* [[Map size]] */
#table-mapsizes td:nth-child(2),
#table-mapsizes td:nth-child(3),
#table-mapsizes td:nth-child(4),
#table-mapsizes td:nth-child(5) {text-align: right;}
/* [[NPC spawning]] */
#NPC-spawning-table-1 td:first-child {text-align: left;}
/* [[Player stats]] */
#Horizontal-movement-table td:first-child {text-align: left;}
#Medium-movement-table td:first-child {text-align: left;}
/* [[Pickaxe power]] */
#in-game-table td:first-child {text-align: left; padding: 0.5em 0;}
/* [[Template:Item infobox/doc]], [[Template:Npc infobox/doc]] */
table.lined .infob-doc-no-border-b td {border-bottom: 0;}
table.lined .infob-doc-medium-border-t td {border-top:2px var(--theme-border-color) solid;}
/* [[Title messages]] */
#msgtable td:first-child {font-style:italic;}
#msgtable td:last-child {font-size:90%;}
/* [[Potion Sickness]] */
#Potion-Sickness-table td:last-child {border-left: 1px var(--theme-border-color) solid; text-align: center;}
#Potion-Sickness-table td:first-child {border-left: 0; text-align: left;}
/* [[Angler/Quests]] */
#angler-quests-table td:first-child {font-style:italic;}
/* [[Whips]] */
#whips-table td:nth-child(4) {
text-align: left;
font-size: 85%;
}
/* [[Achievements]] */
.trw-toggleable.not-toggled.achievements thead,
.trw-toggleable.not-toggled.achievements tfoot,
.trw-toggleable.not-toggled.achievements td{
display: none;
}
.trw-toggleable.not-toggled.achievements table,
.trw-toggleable.not-toggled.achievements tr,
.trw-toggleable.not-toggled.achievements td:first-child{
display: block;
border: 0;
}
.trw-toggleable.not-toggled.achievements tbody{
display: grid;
grid-template-columns: repeat(auto-fill, minmax(18em, 1fr));
align-items: center;
}
.trw-toggleable.not-toggled.achievements .achievement>div>div:last-child,
.trw-toggleable.not-toggled.achievements .achievement>div>i{
display: none;
}
.trw-toggleable.not-toggled.achievements .achievement>div{
color: transparent;
}
.trw-toggleable.not-toggled.achievements .achievement b a{
color: var(--theme-page-text-color);
}
#ps3wiiu.not-toggled div.achievement:not(:first-child){
display: none !important;
}
#ps3wiiu.not-toggled div.achievement img[alt="Playstation"]{
display: none;
}
#oldmobile.not-toggled .achievement:not(:first-child)>:first-child{
display: none;
}
#oldmobile.not-toggled td{
position: relative;
min-height: 72px;
min-width: 72px;
}
#oldmobile.not-toggled td:first-child{
display: flex;
flex-direction: column;
justify-content: center;
}
#oldmobile.not-toggled .achievement{
margin-left: 0 !important;
}
#oldmobile.not-toggled .achievement>:first-child{
position: absolute;
left: 0;
top: 0;
height: 100%;
display: flex;
align-items: center;
}
#oldmobile.not-toggled .achievement>div{
padding-left: 64px;
margin-top: 0;
margin-bottom: 0;
line-height: 1.1;
}
@media (max-width: 600px){
.trw-toggleable.not-toggled.achievements .achievement>div{
display: none;
}
.trw-toggleable.not-toggled.achievements tbody {
display: block;
}
.trw-toggleable.not-toggled.achievements tr {
display: inline-block;
}
}
/* [[Drowning]] */
.drowning-table-no-border td {border-bottom: 0 !important;}
/* [[Trees/Shaking]] (transcluded on [[Trees]]) */
#treeshaking-table ul {list-style:none; margin-left:0;}
/* [[Death#Death messages]] */
.deathmessages-groupicon {
width: 65px;
height: 65px;
background: var(--theme-page-background-color);
border: 1px solid var(--theme-border-color);
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
}
/* [[List of possible modifiers]] */
/* Sticky header row and second column.
Need to set a specific height to make it work because of the large width of the table,
which requires auto horizontal overflow. */
#possible-modifiers-table-prepend + div {
/* this div is created automatically around the table by Extension:Crusher,
so we can't directly select it and thus have to use this slightly awkward selector */
height: 500px;
resize: vertical;
}
#possible-modifiers-table tbody,
#possible-modifiers-table tr {
background-color: inherit;
}
#possible-modifiers-table th {
position: sticky;
top: 0;
}
#possible-modifiers-table th:nth-child(2) {
left: 0;
z-index: 10;
}
#possible-modifiers-table td:nth-child(2) {
position: sticky;
left: 0;
background-color: inherit;
}
/* FandomDesktop fix: horizontal overflow and sticky header */
#possible-modifiers-table + .fl-scrolls,
#possible-modifiers-table-prepend + div > .table-wide:before {
display: none;
}
#possible-modifiers-table-prepend + div > .table-wide > .table-wide-inner {
overflow-x: initial;
}
/* -------------------------------------------------------- */
/* Main page - [[Terraria Wiki]]
/* Responsive layout relies on common.js to adapt different skins.
/* -------------------------------------------------------- */
/* Hide page title on main page */
body.rootpage-Terraria_Wiki.action-view h1.firstHeading {display: none;}
/* main wrapper min width */
body.rootpage-Terraria_Wiki #mainpage-wrapper {min-width: 300px;}
body.rootpage-Terraria_Wiki #mainpage-wrapper .section {margin: 0 -2px;}
body.rootpage-Terraria_Wiki #mainpage-wrapper .section .infocard {width: auto; margin: 2px;}
/* boxes */
.infocard {min-width: 200px;}
.infocard .outro {padding-top: 2px;}
.infocard.compact .main-heading .hgroup > .main {font-size: 1.5em;}
.infocard.compact .heading {margin-top: 0;}
.mclist {column-gap: 0.5em;}
@media (max-width:360px) {
.mclist {column-gap: 0;}
}
/**** mobile view fix ****/
#mw-content-text {font-size: 14px;}
@media(max-width: 600px) {
body.rootpage-Terraria_Wiki .skin-minerva #bodyContent {margin: 0; padding: 5px;}
}
/*header box */
#box-wikiheader {
background: var(--theme-accent-color);
margin-bottom: 2px;
padding: 7px;
color: var(--theme-accent-label-color);
position: relative;
}
#box-wikiheader > div {
background: var(--theme-page-background-color);
width: 100%;
}
#box-wikiheader > div > div {
margin: auto;
padding: 8px 5px;
}
#box-wikiheader-toggle-link {
position: absolute;
bottom: 7px;
left: 50%;
line-height: 1;
cursor: pointer;
font-size: 10px;
display: none;
width: 16em;
margin-left: -8em;
text-align: center;
}
#box-wikiheader-toggle-link span {display: none; width: 6em; text-align: center; padding: 3px 0;}
#box-wikiheader-toggle-link span:first-child::before {
content: "";
vertical-align: middle;
display: inline-block;
width: 4px;
height: 4px;
transform: rotate(45deg);
position: relative;
left: -3px;
border-left: 0;
border-top: 0;
border-right: 2px solid var(--theme-link-color);
border-bottom: 2px solid var(--theme-link-color);
top: -2px;
}
#box-wikiheader-toggle-link span:last-child::before {
content: "";
vertical-align: middle;
display: inline-block;
width: 4px;
height: 4px;
transform: rotate(45deg);
position: relative;
left: -3px;
border-left: 2px solid var(--theme-link-color);
border-top: 2px solid var(--theme-link-color);
border-right: 0;
border-bottom: 0;
top: 1px;
}
#box-wikiheader .main-title {
text-align: center;
position: relative;
z-index: 10;
margin: 3px 0;
font-size: 12px;
}
#box-wikiheader .main-title > span {font-size: 200%; line-height: 1; margin-bottom: 4px;}
#box-wikiheader .main-title > span > span {display: inline-block;}
#box-wikiheader .main-title > span + div {margin: auto 0.25em;}
#box-wikiheader .main-title .statistics {margin: 0.5em auto;}
#box-wikiheader .related-info {
position: relative;
z-index: 100;
/*background: var(--theme-page-background-color);*/
overflow: hidden;
margin: 2px 0;
}
#box-wikiheader .related-info .ii {margin: 5px 1em; text-align: center;}
#box-wikiheader .related-info .ii li {margin: 0;}
#latest-version {
line-height: 1;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
margin: 0.5em 0;
font-size: 12px;
}
#latest-version * {vertical-align: middle;}
#latest-version a:hover {text-decoration: none;}
#latest-version a.external {padding: 0; background: none; color: var(--theme-link-color);}
#latest-version ul {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
margin: 0 2px;
}
#latest-version ul li {
display: flex;
justify-content: center;
align-items: center;
margin: auto 4px;
}
#latest-version ul:first-child li:first-child {margin-left: auto;}
#latest-version ul:last-child li:last-child {margin-right: auto;}
#latest-version ul li > div {margin: auto auto auto 3px; text-align: left;}
#latest-version ul li > div > * {display: block;}
#latest-version ul li > div.pic > * {display: inline;}
#latest-version ul li > div > span {font-size: 9px;}
#latest-version ul li > div > strong {font-size: 15px; padding: 2px 0;}
#latest-version ul li > div > small {font-size: 9px; color: var(--custom-note-light-color);}
#latest-version div.pic {text-align: center;}
#box-wikiheader .main-title{
flex: 1 1 404px;
}
#box-wikiheader .related-info{
flex: 1 1 1230px;
}
#box-wikiheader.collapsable #latest-version ul:first-child li:first-child {margin-left: 4px;}
#box-wikiheader.collapsable #latest-version ul:last-child li:last-child {margin-right: 4px;}
#box-wikiheader.collapsable .main-title > span {display: block;}
#box-wikiheader.collapsable .related-info{margin: 0.25em auto 0;}
#box-wikiheader.collapsable .related-info .ii {margin: 0.25em 1em;}
#box-wikiheader.collapsable #latest-version {margin: 0.25em auto 0;}
#box-wikiheader.collapsable #latest-version ul li {margin: 0.25em 0.5em;}
#box-wikiheader.collapsable > div {padding-bottom: 15px;}
#box-wikiheader.collapsable #box-wikiheader-toggle-link{display: inline-block;}
#box-wikiheader.collapsable #box-wikiheader-toggle-link span {display: inline-block;}
#box-wikiheader.collapsable #box-wikiheader-toggle-link span:first-child {display: none;}
#box-wikiheader.collapsable.collapsed .related-info {display: none !important;}
#box-wikiheader.collapsable.collapsed .main-title .statistics {display: none;}
#box-wikiheader.collapsable.collapsed #box-wikiheader-toggle-link span:first-child {display: inline-block;}
#box-wikiheader.collapsable.collapsed #box-wikiheader-toggle-link span:last-child {display: none;}
#main-section .sep {display: none; width: 100%; height: 0;}
#main-section li {margin-bottom: 1px;}
.box-row-l #main-section #sep-D {
display: block;
}
.box-row-m #main-section #sep-B,
.box-row-m #main-section #sep-E {
display: block;
}
.box-row-s #main-section #sep-B,
.box-row-s #main-section #sep-D,
.box-row-s #main-section #sep-F {
display: block;
}
#box-game .i {line-height: 60px;}
#box-game .intro {margin-right: 1em;}
#box-game {flex: 3 0 960px;}
#box-game .mclist {columns: 5;}
#box-game .mclist li {height: 60px;}
.width-a#box-game {flex: 2 0 640px;}
.width-a#box-game .mclist {columns: 4;}
.width-b#box-game {flex: 3 0 840px;}
.width-c#box-game {flex: 19 0 640px;}
.width-c#box-game .mclist {columns: 4;margin: auto;}
.width-d#box-game {flex: 1 1 1000px;}
.width-d#box-game .mclist {columns: 5;}
.width-e#box-game .mclist {columns: 4;}
.width-f#box-game .mclist {columns: 3;}
.width-g#box-game .mclist {columns: 2;}
#box-news {flex: 1 0 480px; display: flex; flex-direction: column;}
#box-news .main-heading {flex: none;}
#box-news .news ul {margin-top: 0;}
#box-news .outro {flex: 1 0 auto; display: flex; flex-direction: column;}
#box-news .more {
display: block;
font-style: italic;
font-size: 85%;
margin-left: 2em;
margin-top: 0.5em;
flex: 1 0 auto;
}
#box-news .links {
margin-top: 0.25em;
margin-bottom: 0.25em;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: space-around; /*fallback*/
justify-content: space-evenly;
}
#box-news .links span {margin: 0.75em 0.25em 0; display: inline-block;}
.width-a#box-news{flex: 1 0 320px;}
.width-b#box-news{flex: 1 0 280px;}
#box-items .i {line-height: 28px;}
#box-items .i > a:first-child {display: inline-block; width: 20px; text-align: center;}
#box-items .mclist {columns: 3;}
#box-items .mclist li {height: 28px;}
#box-items{flex: 2 0 auto;}
.width-a#box-items .mclist {columns: 2;}
.width-b#box-items .mclist {columns: 2;}
.width-c#box-items .mclist {columns: 3;}
.width-d#box-items .mclist {columns: 2;}
.width-e#box-items {flex: 1 1 320px;}
.width-e#box-items .mclist {columns: 2;}
.width-f#box-items {flex: 1 1 720px;}
.width-f#box-items .mclist {columns: 4;}
.width-g#box-items .mclist {columns: 6;}
.width-h#box-items .mclist {columns: 4;}
.width-i#box-items .mclist {columns: 3;}
.width-j#box-items .mclist {columns: 2;}
#box-biomes .i {line-height: 28px;}
#box-biomes .i > a:first-child{display: inline-block; width: 22px; text-align: center;}
#box-biomes .mclist {columns: 3;}
#box-biomes .mclist li {height: 28px;}
#box-biomes {flex: 2 0 auto;}
.width-a#box-biomes .mclist {columns: 3;}
.width-b#box-biomes .mclist {columns: 2;}
.width-c#box-biomes .mclist {columns: 3;}
.width-d#box-biomes .mclist {columns: 2;}
.width-e#box-biomes {flex: 1 1 430px;}
.width-e#box-biomes .mclist {columns: 2;}
.width-f#box-biomes {flex: 1 1 720px;}
.width-f#box-biomes .mclist {columns: 3;}
.width-g#box-biomes .mclist {columns: 4;}
.width-h#box-biomes .mclist {columns: 3;}
.width-i#box-biomes .mclist {columns: 2;}
.width-j#box-biomes .mclist {columns: 1;}
#box-mechanics .i {line-height: 28px;}
#box-mechanics .i > a:first-child {display: inline-block; width: 20px; text-align: center;}
#box-mechanics .mclist {columns: 3;}
#box-mechanics .mclist li {height: 28px;}
#box-mechanics {flex:2 0 auto;}
.width-a#box-mechanics .mclist {columns: 2;}
.width-b#box-mechanics .mclist {columns: 2;}
.width-c#box-mechanics {flex:1 1 720px;}
.width-c#box-mechanics .mclist {columns: 4;}
.width-d#box-mechanics .mclist {columns: 3;}
.width-e#box-mechanics .mclist {columns: 2;}
.width-f#box-mechanics .mclist {columns: 1;}
#box-npcs .i {line-height: 32px;}
#box-npcs .i > a:first-child {display: inline-block; width: 32px; text-align: center;}
#box-npcs .mclist li {height: 32px;}
#box-npcs .prehardmode .mclist {columns: 3;}
#box-npcs {flex: 3 0 720px;}
#box-npcs .prehardmode {padding-right: 40px; flex: 1 0 auto;}
#box-npcs .hardmode {flex: 1 0 150px;}
.width-a#box-npcs .prehardmode .mclist {columns: 2;}
.width-a#box-npcs {flex: 2 0 460px;}
.width-a#box-npcs .prehardmode {padding-right: 0;}
.width-a#box-npcs .hardmode {flex: 1 0 auto;}
.width-b#box-npcs {flex: 2 0 auto;}
.width-b#box-npcs .prehardmode {padding-right: 20px;}
.width-b#box-npcs .hardmode {flex: 1 0 auto;}
.width-c#box-npcs .prehardmode .mclist {columns: 2;}
.width-c#box-npcs {flex: 2 0 auto;}
.width-c#box-npcs .prehardmode {padding-right: 1em; flex: 2 0 auto;}
.width-c#box-npcs .hardmode {flex: 1 0 auto;}
.width-d#box-npcs {flex:1 1 720px;}
.width-d#box-npcs .prehardmode .mclist {columns: 3;}
.width-e#box-npcs {flex:1 1 720px;}
.width-e#box-npcs .prehardmode {width: 100%; padding-right: 0;}
.width-e#box-npcs .prehardmode .mclist {columns: 3;}
.width-e#box-npcs .hardmode {width: 100%;}
.width-e#box-npcs .hardmode .mclist {columns: 3;}
.width-f#box-npcs .prehardmode .mclist {columns: 2;}
.width-f#box-npcs .hardmode .mclist {columns: 2;}
.width-g#box-npcs .prehardmode .mclist {columns: 1;}
.width-g#box-npcs .hardmode .mclist {columns: 1;}
#box-bosses .i {line-height: 32px;}
#box-bosses .mclist li {height: 32px;}
#box-bosses .i > a:first-child {display: inline-block; width: 24px; text-align: center;}
#box-bosses {flex: 2 0 360px;}
#box-bosses .content > div {flex: 1 0 auto;}
.width-a#box-bosses {flex: 2 0 310px;}
.width-b#box-bosses {flex: 3 0 600px;}
.width-b#box-bosses .mclist {columns: 2;}
.width-c#box-bosses .mclist {columns: 2; column-gap: 0.25em;}
.width-d#box-bosses .mclist {columns: 1;}
.width-e#box-bosses {flex: 1 1 720px;}
.width-e#box-bosses .mclist {columns: 2;}
.width-f#box-bosses .prehardmode,
.width-f#box-bosses .hardmode {width: 100%;}
.width-f#box-bosses .mclist {columns: 3;}
.width-g#box-bosses .mclist {columns: 2;}
#box-events .i {line-height: 32px;}
#box-events .mclist li {height: 32px;}
#box-events .i > a:first-child {display: inline-block; width: 24px; text-align: center;}
#box-events {flex: 2 0 360px;}
#box-events .content > div {flex: 1 0 auto;}
.width-a#box-events {flex: 2 0 310px;}
.width-b#box-events .mclist {columns: 2; column-gap: 0.25em;}
.width-c#box-events .mclist {columns: 1;}
.width-d#box-events {flex: 1 1 720px;}
.width-d#box-events .mclist {columns: 2;}
.width-e#box-events .prehardmode,
.width-e#box-events .hardmode {width: 100%;}
.width-e#box-events .mclist {columns: 4;}
.width-f#box-events .mclist {columns: 3;}
.width-g#box-events .mclist {columns: 2;}
#sect-ext dd {margin-left: 1em;}
#box-software {flex: 1 0 auto;}
#box-wiki {flex: 3 0 auto;}
.width-a#sect-ext .outro {display: flex;}
.width-a#sect-ext .outro dl {flex: 1 0 auto;}
.width-a#box-software {flex-basis: 220px;}
.width-a#box-software .outro dl {display: inline-block; width: 100%;}
.width-a#box-wiki {flex-basis: 900px;}
.width-a#box-wiki .outro dl {display: inline-block; width: 33.33333333%;}
.width-b#box-wiki {flex-basis: 620px;}
.width-b#box-wiki .outro dl {width: 50%;}
.width-b#box-software {flex-basis: 620px;}
.width-b#box-software .outro dl {width: 50%;}
.width-c#box-software {flex-shrink: 1;}
.width-c#box-software .outro dl {width: 100%;}
.width-c#box-wiki {flex-shrink: 1;}
.width-c#box-wiki .outro dl {width: 100%;}
body.rootpage-Terraria_Wiki #mainpage-wrapper .footer {text-align: center; margin: 0.75em 2px 0;}
body.rootpage-Terraria_Wiki #mainpage-wrapper .footer > div {
border: 1px solid var(--custom-accent-border-color);
-moz-border-radius: 5px;
border-radius: 5px;
background: var(--theme-accent-color);
padding: 0.5em;
max-width: 25em;
margin: auto;
}
body.rootpage-Terraria_Wiki #mainpage-wrapper .footer > div span {display: inline-block;}
/* Hide the translation project flag */
body.rootpage-Terraria_Wiki #mw-indicator-translation-project {display:none;}