User:Serlance3000/common-base.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.
Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.
/*
Common css for both desktop and mobile view.
Imported in common.css and mobile.css.
*/

/* ------------------------------------------------------------------ */

/* ================================================================== */
/* General styles */
/* ================================================================== */


/* ------------------------------------------------------------------ */

: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 header 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;
}

#content p {
	margin-bottom: 0.25em;/*!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 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 */
.eico {
	white-space: nowrap;
	position: relative;
	top: -0.1em;
	line-height: 1;
}

/* 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: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;
	font-size: 95%;
	width: 40em;
}
.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: 3px;
	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 */
/* -------------------------------------------------------- */
div.crafts {
	margin-bottom: 4px;
	line-height: 1.5;
	display: table;/*float fix*/
	overflow: auto;
}

div.crafts.centered {
	justify-content:center;
}

div.crafts .wrap {
	border: 1px solid var(--theme-border-color);
	border-radius: 8px;
	padding: 6px 6px 2px 5px;
	position: relative;
	background: var(--theme-page-background-color);
}

div.crafts .wrap::after {
	content: "";
	display: block;
	height: 1px;
	width: auto;
	background: var(--theme-page-background-color);
	position: absolute;
	bottom: 2px;
	left: 6px;
	right: 6px;
}

div.crafts table {
	position: relative;
}

div.crafts table::after {
	content: "";
	display: block;
	height: 100%;
	width: 1px;
	background: var(--theme-page-background-color);
	position: absolute;
	top: 0;
	left: 0;
}

div.crafts caption {
	font-size: 1.17em;
	background: var(--theme-accent-color);
	padding: 0.25em;
	position: relative;
	margin-bottom: 2px;
	font-weight: bold;
}
div.crafts caption > i,div.crafts caption > b{
	vertical-align: middle;
}

div.crafts caption div._nav {
	position: absolute;
	left: 1em;
	top: 0.5em;
	font-size: 10px;
	font-weight: normal;
}

div.crafts caption div._nav s {
	text-decoration: none;
}

div.crafts th {
	background: var(--theme-accent-color);
	padding: 0.25em 0.5em;
	border-right: 1px solid var(--theme-page-background-color);
	border-left: 1px solid var(--theme-page-background-color);
}
div.crafts th:first-child {
	border-left-width: 0;
}

div.crafts th:last-child {
	border-right: 0;
}

div.crafts td {
	padding: 0.25em 0.5em;
	border-bottom: 1px solid var(--theme-border-color);
	border-left: 1px solid var(--theme-border-color);
}
/*
div.crafts td:first-child {
	border-left: 0;
}
*/
div.crafts td.result,
div.crafts td.ingredients{
	white-space: nowrap;
}

div.crafts td.station{
	text-align: center;
}

div.crafts td.station span.water{
	display: inline-block;
	vertical-align: middle;
}

div.crafts.nostation th.station,
div.crafts.nostation td.station {
	display: none;
}

div.crafts table .ingredients ul,
.crafting-ingredients > ul{
	margin: 0;
	list-style: none;
}

div.crafts table .ingredients li,
.crafting-ingredients > ul > li{
	margin: 3px auto;
}
/* itemlink default as multiline */
div.crafts .i > span,
div.crafts .i > span,
div.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 > .header {
	background: var(--theme-accent-color);
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	line-height: 2;
	padding: 4px 70px;
	min-height: 1em;
}

.navbox > .vde {
	position: absolute;
	left: 12px;
	top: 10px;
	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: 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;
}

.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 {
	padding-top: 6px;
	text-align: center;
}

.navbox > .content .dotlist + .dotlist {
	margin-top: 0.5em;
}

/* nested navbox */
.navbox .navbox {
	border: 0;
	padding: 0;
	width: auto;
	margin: 0 0 6px;
}

.navbox .navbox:last-child {
	margin: 0;
}

.navbox .navbox > .header {
	font-size: 14px;
	padding: 0 64px;
}

.navbox .navbox > .vde {
	left: 6px;
	top: 4px;
}

.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.75em;
	margin-bottom: 0.25em;
	line-height: 1.5;
}

.navbox .h1::after {
	content: '';
	display: block;
	margin: auto;
	width: 5em;
	height: 0;
	border-bottom: 2px solid var(--theme-border-color);
}

.navbox .h1:first-child {
	margin-top: auto;
}

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

/* compact mode */
.navbox.compact .content {
	text-align: left;
	padding-top: 0;
}
.navbox.compact .content > div {
	padding-left: 9px;
	padding-right: 9px;
}
.navbox.compact .content > div.navbox {
	padding-left: 0;
	padding-right: 0;
}
.navbox.compact .content > div.h1 {
	margin: 8px auto 3px;
	border-left-width: 4px;
	border-left-color: var(--theme-border-color);
	border-left-style: solid;
	padding-left: 5px;
}
.navbox.compact .h1::after {
	display: none;
}
.navbox.compact > .content .dotlist + .dotlist {
	margin-top: 3px;
}
.navbox.compact .content > .dotlist{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
.navbox.compact .content > .dotlist.middle,
.navbox.compact.middle .content > .dotlist,
.navbox.compact .middle .content > .dotlist{
	align-items: center;
}
.navbox.compact .content > .dotlist > span.title{
	flex: 0 0 auto;
}
.navbox.compact .content > .dotlist > ul{
	flex: 1 1 auto;
}
.navbox.compact table{
	border-spacing: 0;
	border-collapse: collapse;
}
.navbox.compact th,
.navbox.compact td{
	padding: 2px 5px;
	border-color: var(--theme-page-background-color);
	border-style: solid;
	border-width: 2px 0;
}
.navbox.compact th{
	background: var(--theme-accent-color);
}


/* -------------------------------------------------------- */
/* 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 0 0.5em 1em;
}
.infobox *{
	background: none;
}
@media(max-width:450px) {
	.infobox {
		float: none;
	}
}

.infobox.float-right {
	float: right;
	margin: 0 0 0.5em 1em;
}

.infobox.float-left {
	float: left;
	margin: 0 1em 0.5em 0;
}

.infobox.float-none {
	float: none;
	margin: 0 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;
	transition: all 0.2s;
}
.infobox .modetabs .tab.current {
	background: var(--theme-page-background-color);
	border-bottom: 1px solid var(--theme-page-background-color);
	transition: all 0.2s;
}
.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;
}


/* ------------------------------------------------------------------ */


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

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

/* -------------------------------------------------------- */
/* 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: 8em;
	margin-left: -4em;
	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;}
Personal tools

Navigation menu

Namespaces

Views

Navigation

Guides

Portals

Tools

User:Serlance3000/common-base.css

Navigation menu

Search

User:Serlance3000/common-base.css
