Thorium Mod Wiki
Don't have an account?
Register
Register
Thorium Mod Wiki
Thorium Mod Wiki
2,270
pages

Common.css

MediaWiki page
Back to page
Sign in to edit
Hayaku (talk | contribs)
mNo edit summary
mNo edit summary
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
  +
.page__main::before {
  +
display: block;
  +
content: "THIS WIKI IS NO LONGER OFFICIAL.\A As of March 25th,\0020 2022,\0020 this wiki is no longer the official wiki for the Thorium Mod. It is no longer maintined by its admins;\0020 as such,\0020 please consider all the information on this wiki deprecated,\0020 outdated,\0020 and prone to errors.";
  +
white-space: pre-wrap;
  +
font-size: 110%;
  +
text-align: center;
  +
border: 2px solid var(--theme-alert-color);
  +
border-radius: 0.5em;
  +
padding: 1em 2em;
  +
margin-bottom: 1em;
  +
}
  +
  +
.wiki-page-header::before {
  +
display: block;
  +
content: "THIS WIKI IS NO LONGER OFFICIAL.\A As of March 25th,\0020 2022,\0020 this wiki is no longer the official wiki for the Thorium Mod. It is no longer maintined by its admins;\0020 as such,\0020 please consider all the information on this wiki deprecated,\0020 outdated,\0020 and prone to errors.";
  +
white-space: pre-wrap;
  +
font-size: 110%;
  +
line-height: 1.6;
  +
border: 2px solid var(--theme-alert-color);
  +
padding: 1em 2em;
  +
margin-bottom: 1em;
  +
}
  +
 
/**********************************************************************
  
/**********************************************************************
 
*
  
*

Revision as of 05:56, 23 June 2022

.page__main::before {
	display: block;
	content: "THIS WIKI IS NO LONGER OFFICIAL.\A As of March 25th,\0020 2022,\0020 this wiki is no longer the official wiki for the Thorium Mod. It is no longer maintined by its admins;\0020 as such,\0020 please consider all the information on this wiki deprecated,\0020 outdated,\0020 and prone to errors.";
	white-space: pre-wrap;
	font-size: 110%;
	text-align: center;
	border: 2px solid var(--theme-alert-color);
	border-radius: 0.5em;
	padding: 1em 2em;
	margin-bottom: 1em;
}

.wiki-page-header::before {
	display: block;
	content: "THIS WIKI IS NO LONGER OFFICIAL.\A As of March 25th,\0020 2022,\0020 this wiki is no longer the official wiki for the Thorium Mod. It is no longer maintined by its admins;\0020 as such,\0020 please consider all the information on this wiki deprecated,\0020 outdated,\0020 and prone to errors.";
	white-space: pre-wrap;
	font-size: 110%;
	line-height: 1.6;
	border: 2px solid var(--theme-alert-color);
	padding: 1em 2em;
	margin-bottom: 1em;
}

/**********************************************************************
 *
 * CSS placed here will be applied to all skins, 
 * but won't be applied to mobile view.
 * Therefore, some rules need to be repeated in mobile.css.
 *
 **********************************************************************/
 
.theme-fandomdesktop-light,
.skin-hydra {
	--custom-ambox-background-color: #eeeeee;
}

.theme-fandomdesktop-dark,
.skin-hydradark {
	--custom-ambox-background-color: #282828;
}

.skin-hydra {
	--theme-page-background-color: #fcfcfc;
	--theme-page-background-color--secondary: #f5f5f5;
	--theme-page-text-color: #000000;
	--theme-page-text-color--hover: #000000;
	--theme-link-color: #0619aa;
	--theme-link-color--hover: #0619aa;
	--theme-link-label-color: #3a3a3a;
	--theme-accent-color: #e4f0f7;
	--theme-accent-border-color: #AFCFE2;
	--theme-accent-color--hover: #e4f0f7;
	--theme-accent-label-color: #063b5e;
	--theme-border-color: #aaaaaa;
	--theme-border-color--rgb: 170,170,170;

	--custom-accent-border-color: #0288D1;
	--custom-notice-blue-background-color: var(--theme-accent-color);
	--custom-notice-blue-border-color: var(--custom-accent-border-color);
}

/* -- Hide page title on main page----------------------------------- */
body.page-Thorium_Mod_Wiki h1.firstHeading {
	display: none; 
}
/* ------------------------------------------------------------------ */


/* -- Add diff accent to make even smaller changes visible ---------- */
.diffchange-inline {
	border: 1px var(--theme-alert-color) dashed;
}
/* ------------------------------------------------------------------ */

/* -- Auto line separators for tables ------------------------------- */
table.lined td {
	border-width: 0;
	border-bottom-width: 1px;
	border-bottom:1px var(--theme-border-color) solid;
}
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;
	border-bottom:1px var(--theme-border-color) solid;
}
table tr.topline td {
	border-top-width: 1px;
	border-top:1px var(--theme-border-color) solid;
}
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;
	padding: 2px;
}
table.inner {
	border-collapse: collapse; 
	background: inherit; 
	width: 100%;
}
/* Seems to not be needed
table.inner th {
	border: 2px solid var(--theme-page-background-color);
}*/

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

/* -- fix 100% width table with border ------------------------------ */
table {
	box-sizing: border-box;
}
/* ------------------------------------------------------------------ */


/* -- Other "plaincollapse" styling --------------------------------- */
/* Removes brackets from collapse/expand links for collapsible elements with "plaincollapse" class specified */
.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;
}
/* ------------------------------------------------------------------ */


/* -- Template: Anchor ----------------------------------------- */
.anchor {
	display: block;
	height: 0;
	position: relative;
	top: -100px;
	z-index: -9999;
	visibility: hidden;
}
/* ------------------------------------------------------------------ */


/* -- Template: Nowrap --------------------------------------------- */
.nowrap {
	white-space: nowrap;
}
/* ------------------------------------------------------------------ */


/* -- Template: Note ----------------------------------------------------- */
.note-text {
	color: var(--custom-note-dark-color);
}
/* ------------------------------------------------------------------ */

/* -- "terraria" box style. ------------------------------------------*/
.terraria {
	border: 1px var(--theme-border-color) solid;
	padding: 3px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	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 0 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%;
}

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

/* ".center" has width=100% rule, we don't want it, so use a different class name. */
.aligncenter,
.align-center {
	 text-align: center;
}

/* -- item link ----------------------------------------------------- */
.item-link {
	white-space: nowrap;
	display: inline-block;
}
.item-link > a, 
.item-link > img { 
	display: inline-block;
	line-height: 0.1;
	vertical-align: middle;
	margin-left: 2px;
}
.item-link > span {
	display: inline-block;
	margin-left: 3px;
	text-align: left;
}
.item-link > a:first-child,
.item-link > img:first-child,
.item-link > span:first-child {
	margin-left: auto;
}
.item-link.-w > span {
	vertical-align: middle;
	line-height: 1.25;
}
.item-link .note {
	color: #666;
	font-size: 85.7142%; /*12px/14px*/
}
.item-link div.note { /*note2*/
	font-size: 100%;
	line-height: 1;
}
.item-link span.note {
	margin-left: 3px;
}
.item-link.-w span.note:last-child {
	display: block;
	margin-left: auto;
	line-height: 1;
}
.item-link.boldname > span span:first-child {
	font-weight: bold;
}
.item-link.notecolor span.note {
	color: inherit;
}
.item-link.note2color div.note {
	color: inherit;
}
.item-link.block,
.item-link.block > span {
	display: block;
}
.item-link.notesize span.note {
	font-size: 100%;
}
.item-link.note2size div.note {
	font-size: 100%;
	font-size: 85.7142%; /*12px/14px*/
}
.item-link.alignleft {
	text-align: left;
}
.item-link.aligncenter {
	text-align: center;
}
.item-link.alignright {
	text-align: right;
}
.item-link.textleft > span {
	text-align: left;
}
.item-link.textcenter > span {
	text-align: center;
}
.item-link.textright > span {
	text-align: right;
}
/* ------------------------------------------------------------------ */

/* -- Infobox & infobox wrapper template style ---------------------- */
/* some rules just kept for "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: 5px;
	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,
	.mw-parser-output > .infobox {
		float: none;
		margin-left: 0;
	}
}
.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;
}
table .infobox {
	padding: 3px;
}
.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 .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;
}
/* Custom tidbits */
.infobox .stat td > small {
	font-size: 10.5px;
	font-weight: bold;
}
.infobox .stat td > small::before{
	content: "(";
}
.infobox .stat td > small::after{
	content: ")";
}

/* .infobox .statistics .title {
	margin-bottom: 6px;
}
.infobox .statistics table th,
.infobox .statistics table td {
	padding-top: 3px;
	padding-bottom: 3px;
}*/
.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 .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: 4px;
	/*margin-bottom: 6px;*/
}
.infobox .drops.money table th {
	width: 1px;
}
/* Custom tidbits */
.infobox .drops.money {
	margin: 2px auto;
}
.infobox .image2 {
	text-align: center;
	padding-top: 3px;
}

.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:last-child {
	border-bottom: none;
}*/
.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;
}
.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;
}
/* Template: Item infobox */
.item.infobox {
	width: 21em;
}
.item.infobox .images .auto, .infobox.item .images .stack {
	position: absolute;
	right: 3px;
}
.item.infobox .images .instrument {
	position: absolute;
	left: 3px;
}
.item.infobox .images .auto {
	top: 3px;
} 
.item.infobox .images .stack, .item.infobox .images .instrument {
	bottom: 3px;
}
.item.infobox .images ul.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.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.inline > li:first-child::before {
	display: none;
}
.item.infobox .images ul.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.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.block > li:first-child {
	padding-top: 0;
}
.item.infobox .images ul.block > li:first-child::before {
	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;
}
/* Template: Npc infobox */
.npc.infobox {
	width: 23em;
}
.npc.infobox .statistics table th {
	width: 6em;
}
.npc.infobox .images .map {
	position: absolute;
	left: 3px;
	top: 3px;
}
/* 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: Crafting recipe */
.craftbox {
	width: 240px;
	border: 1px solid var(--theme-border-color);
	border-radius: 8px;
	padding: 3px; /* should be 5 but something is off */
	background: var(--theme-page-background-color);
}
.craftboxtitle {
	background-color: var(--theme-accent-color);
	color: var(--theme-accent-label-color);
}
/* ------------------------------------------------------------------ */

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


/* -- multi-column list --------------------------------------------- */
/* correct webkit/chrome uneven margin on the first column*/
.responsive-columns ul, .responsive-columns ol{
	margin-top:0px;
}
.responsive-columns ul li:first-child, .responsive-columns ol li:first-child
{
	margin-top:0px;
}
/* ------------------------------------------------------------------ */


/* ------------------------------------------------------------------ */
/* Template: Itemlist */
.itemlist > ul {
	list-style: none;
	margin: 0;
}
.itemlist > ul > li {
	width: 10em;
	margin: 0.25em 1em 0.25em 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;
}
/* ------------------------------------------------------------------ */

/* ======================== Extensions ===============================*/

/* -- This is the style for the tabs of the tabber extension. ------- */
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;
}
/* ------------------------------------------------------------------ */

/* Template: Doc */
.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);
}

/* For elements which only display in the mobile view */
.mobileonly {
	display: none;
}

/* Larger font for Module: code display (default is smaller than other code pages) */
pre.lua.source-lua {
	font-size:14px !important;
}

/* When title sub line is empty, remove its margin */
#contentSub:empty {
	 margin: 0 !important;
}

/* Framework */
body {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background:	no-repeat fixed center center / cover	#2c3e50;
}

body #pageWrapper {
	margin-right: 10px;
}

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

.catlinks {
	background-color: var(--theme-accent-color);
	border: 1px ridge var(--theme-border-color);
	border-radius: .3em;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
}

/* other elements */
fieldset {
	margin-top: 0;
}

code {
	background-color: transparent;
}

/* More noticeable diff coloring */
.diff td.diff-context {
	background: none repeat scroll 0 0 transparent;
	color: var(--theme-page-text-color);
	border-color: rgba(var(--theme-border-color--rgb), 0.5);
}
.diff td.diff-deletedline {
	background-color: #FFE49C;
	border-color: #FFE49C;
	color: #000;
}
.diff td.diff-deletedline .diffchange {
	background-color: #feeec8;
	color: #000;
}
.diff td.diff-addedline {
	background-color: #A3D3FF;
	border-color: #A3D3FF;
	color: #000;
}
.diff td.diff-addedline .diffchange {
	background-color: #d8ecff;
	color: #000;
}

/* Ambox */
.ambox {
	background-color: var(--custom-ambox-background-color);
	border:1px solid #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;
}
.ambox-image {
	padding: 2px 0px 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 #bba;
}
.ambox-green {
	border-left: 10px solid #228b22;
}

/* Ambox small text */
.amsmalltext {
	font-size: smaller;
	margin-left:0.8em;
	margin-top:0.5em;
}

/* For Template:Heading, mainly used in main page. */
div.heading {
	 background: var(--theme-accent-color);
	 padding: 5px;
	 margin-bottom: 0.5em;
	 font-weight: bold;
	 text-align: center;
	 color: var(--theme-accent-label-color);
	 font-size: 120%;
}

div.heading > span.rightimg {
	 float: right;
}

/* Template: Key */
div.key {
	 pointer-events: none;
}

div.key span {
	 cursor: pointer;
	 white-space: nowrap;
	 pointer-events: all;
}

div.key a:-webkit-any-link {
	 text-decoration: none;
}

/* 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; */
	border-spacing: 2px;
}
table.terraria.navbox {
	margin: 0.5em auto 0;
	width: 80%;
}
@media(max-width:980px) {
	table.terraria.navbox {
		width: 100%;
	}
}
table.terraria.navbox td {
	padding: 0;
}
table.terraria.noborder {
	padding: 0;
	border: 0;
}
.terraria th,
.terraria td {
	border-color: var(--theme-border-color);
	border-style: solid;
	border-width: 0;
}
.terraria th {
	background: var(--theme-accent-color);
	border-color: var(--theme-page-background-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);
}
/* ------------------ */

/* Custom list style for use in miniature bullet lists within infobox drop tables */
span.dropSub ul {
	list-style: none;
	margin-top: 0;
	margin-left: 0;
	padding-left: 0;
}
span.dropSub li {
	padding-left: 1em;
	text-indent: -1em;
}
span.dropSub li:before {
	content: "•";
}
/* ------------------ */


/* ------------------------------------------------------------------ */
/* Desktop view for mobile screen. */
@media(max-width: 1250px){
	div.vectorTabs li span,
	div#mw-head div.vectorMenu h3 {
		padding: 2px 0;
		margin: 0;
	}
}
@media(max-width: 970px){
	body #content div#atflb, body #content div#btflb{
		width: 100% !important;
		min-width: 300px !important;
	}
	html body{
		margin-top: 0 !important;
	}
	div#netbar{
		overflow: hidden;
		height: auto;
		position: static;
		width: 100%;
	}
	#netbar .netbar-flex{
		flex-wrap: wrap;
	}
	#mw-page-base, #mw-head-base{
		display: none;
	}
	div#pageWrapper{
		position: relative;
		padding-top: 0.5em;
		margin-right: auto;
		margin: auto 5px;
	}
	div#content{
		margin: 4em auto auto;
	}
	#mw-navigation{
		position: absolute;
		left: 0; top: 0.5em;
		width: 100%;
		height: 4em;
	}
	div#mw-head {
		position: relative !important;
		height: 100%;
		margin-top: auto;
		font-size: 12px;
		line-height: 1;
	}
	div#mw-head div.vectorTabs{
		float: none;
		display: block;
		position: relative;
		background: none;
		height: auto;
		line-height: 1;
	}
	div#mw-head div.vectorTabs a{
		float: none;
		padding: 0.25em;
		height: auto;
		font-size: 1em;
		margin: auto;
	}
	div#mw-head div.vectorTabs ul,div#mw-head div.vectorTabs li{
		line-height: inherit;
		float: none;
		background: none;
		height: auto;
	}
	div#mw-head div.vectorTabs ul{
		display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;
		-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;
		-moz-align-items:center;align-items:center;
	}
	div#mw-head div.vectorTabs ul li{
		display: block;
		margin-right: 0.5em;
	}
	div#mw-head div.vectorTabs ul li:last-child{
		margin-right: 0;
	}
	div#mw-head div.vectorMenu{
		float: none;
		display: block;
		position: relative;
		background: none;
		line-height: 1;
		margin-top: 10px;
	}
	div#mw-head div.vectorMenu h3{
		height: auto;
		float: none;
	}
	div#mw-head div.vectorMenu h3 span{
		padding: 0.25em;
		margin: 0;
		font-size: 1em;
	}
	div#mw-head div.vectorMenu h3 a{
		display: none;
	}
	div.vectorTabs li span{
		height: 18px;
	}
	div.vectorTabs li span,
	div#mw-head div.vectorMenu h3 {
		padding: 0;
	}
	div.vectorMenu#p-sharing div.menu{
		left: 0 !important;
	}
	div#p-namespaces,div#p-views,div#p-variants,div#p-cactions{
		top:0;
		float: none;
	}
	div#mw-head div.emptyPortlet{
		display: none;
	}
	div#mw-head div.vectorMenu div.menu{
		top: 100%;
		margin-top: -2px !important;
		border: 1px solid #a2a9b1;
	}
	div#mw-head div.vectorMenu div.menu a{
		font-size: 1em;
	}
	div#left-navigation{
		float: none;
		margin: auto;
		position: absolute;
		left: 5px;
		margin-left: -0.25em;
		top: auto;
		bottom: 0.25em;
		display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;
			-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;
			-moz-align-items:center;align-items:center;
	}
	div#right-navigation{
		float: none;
		margin: auto;
		position: absolute;
		right: 5px;
		margin-right: -0.25em;
		top: auto;
		bottom: 0.25em;
		text-align: right;
		display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;
			-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;
			-moz-align-items:center;align-items:center;
	}
	div#mw-head div#left-navigation div.vectorMenu, 
	div#mw-head div#left-navigation div.vectorTabs{
		margin-right: 0.5em;
	}
	div#mw-head div#left-navigation div.vectorMenu:last-child, 
	div#mw-head div#left-navigation div.vectorTabs:last-child{
		margin-right: 0;
	}
	div#mw-head div#right-navigation div.vectorMenu, 
	div#mw-head div#right-navigation div.vectorTabs{
		margin-left: 0.5em;
	}
	div#mw-head div#right-navigation div.vectorMenu:first-child, 
	div#mw-head div#right-navigation div.vectorTabs:first-child{
		margin-left: 0;
	}
	/* right offset */
	#p-cactions div.menu{
		left: auto;
		right: 0;
	}
	div#mw-head div.vectorTabs li.mw-watchlink{
		width: 20px;
		height: 20px;
		overflow: hidden;
	}
	div#mw-head div.vectorTabs li.mw-watchlink a{
		width: 18px;
		height: 18px;
		padding: 30px 0 0 0;
		background-position: center 1px;
	}
	/* search */
	div#p-search{
		float: none;
		width: auto;
		height: 23px;
		position: absolute;
		top: auto;
		right: 0.25em;
		margin: auto;
		bottom: 38px;
	}
	div#p-search h3{
		display: none;
	}
	div#p-search form{
		margin: auto;
		width: auto;
		height: 100%;
		display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;
			-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;
			-moz-align-items:center;align-items:center;
	}
	div#simpleSearch{
		width: auto;
		height: auto;
		margin: auto;
		border: none;
		background: none;
	}
	div#p-search div#simpleSearch #searchInput{
		width: 20em;
		padding: 0.25em;
		box-sizing: border-box;
		background-color: #fff;
		font-size: 12px;
		border: 1px solid #aaa;
		border-radius: 1px;
	}
	div#mw-navigation div#mw-panel{
		position: absolute !important;
		top: 2.25em;
		left: 0;
		padding: 0;
		width: 100%;
		display: block;
		font-size: inherit;
		background: rgba(44, 62, 80, 0.95);
		overflow: visible;
		z-index: 999;
	}
	div#p-logo{
		display: block;
		position: absolute;
		left: 5px;
		top: -2.25em;
		width: 72px;
		height: 32px !important;
		border-radius: 3px;
		overflow: hidden;
	}
	#p-logo a{
		width: 72px;
		height: 32px; 
		background-position: -2px -22px;
		background-size: 75px auto;
	}
	div#mw-navigation div#mw-panel .portal{
		width: auto;
		margin: 0.5em;
		margin-bottom: 1em;
		padding: 0;
		display: none;
	}
	div#mw-navigation div#mw-panel.on .portal{
		display: block;
	}
	div#mw-navigation div#mw-panel .portal h3{
		display: block !important;
		padding: 0 !important;
		background: none !important;
	}
	div#mw-navigation div#mw-panel .portal div.body{
		display: block !important;
		padding: 0 !important;
		margin: 0 !important;
		overflow: hidden;
	}
	div#mw-navigation div#mw-panel .portal div.body ul{
		margin-left: -0.5em;
	}
	div#mw-navigation div#mw-panel .portal div.body li{
		display: inline-block !important;
		padding: 0.5em 1.5em !important;
	}
	.socialSidebar{
		overflow: hidden;
		text-align: center;
		width: auto;
		margin-top: 2em;
	}
	#menu-toggle-button {
		position: absolute !important;
		top: -2em !important;
		left: 85px !important;
		right: auto  !important;
		bottom: auto  !important;
		visibility: visible  !important;
		margin-top: 0 !important;
		width: 24px !important;
		height: 24px !important;
		z-index: 999 !important;
		display: block;
		background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiB3aWR0aD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggY2xhc3M9Imhlcm9pY29uLXVpIiBzdHJva2U9IndoaXRlIiBmaWxsPSJ3aGl0ZSIgZD0iTTQgNWgxNmExIDEgMCAwIDEgMCAySDRhMSAxIDAgMSAxIDAtMnptMCA2aDE2YTEgMSAwIDAgMSAwIDJINGExIDEgMCAwIDEgMC0yem0wIDZoMTZhMSAxIDAgMCAxIDAgMkg0YTEgMSAwIDAgMSAwLTJ6Ii8+PC9zdmc+);
		background-size: 100% 100%;
		background-position: center center;
		background-repeat: no-repeat;
		cursor: pointer;
	}
}/*end media max-width:970px*/

@media(max-width: 650px){
	div#pageWrapper{
		margin: auto;
	}
	#pageWrapper div#content{
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
		border-radius: 0;
		padding: 5px;
	}
	div#p-search div#simpleSearch #searchInput{
		width: 14em;
	}
	div#p-sharing{
		display: none !important;
	}
}/*end media max-width:650px*/
@media(max-width: 399px){
	div#p-search div#simpleSearch{
		max-width: 500px;
	}
	div#p-search, 
	div#p-search div#simpleSearch,
	div#p-search div#simpleSearch #searchInput{
		width: 100%;
	}
}/*end media max-width:399px*/
/* ------------------------------------------------------------------ */

/* ========================================================================== */
/* mobile.css doesn't need this part.													  */
/* ========================================================================== */
/* Forces the page to have a vertical scroll bar to avoid width jitter caused by page content changes. */
body {
	overflow-y: scroll;
}

/* Specific pages */
#table-first-left td:first-child {text-align: left;}

#wings-table {font-size: 85%;}
#wings-table td:last-child {font-size: 95%; text-align: left;}
#wings-table td:first-child {text-align: left;}

#table-portable-light-source td:first-child,
#table-portable-light-source td:nth-child(2) {text-align: left;}
#table-buffs td:last-child,
#table-buffs td:nth-child(2) {text-align: center;}

#table-Accessories td:last-child {text-align: center;}

#table-Blocks td:nth-child(2) {text-align: center;}

#table-other td:nth-child(2) {text-align: center;}

.ib {display: inline-block;}

.box {
	border: 1px var(--custom-accent-border-color) solid;
	border-radius: 8px;
	padding: 5px;
	margin: 0 1px 2px; /* since there is margin collapsing so can't use margin: 1px; */
}

.fit-20 a {width: 20px; text-align: center;}
.fit-24 a {width: 24px; text-align: center;}

.enemylist ul {
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.enemylist li {padding: 1px 0px;}

/* Main page css */
#mf-wikiheader {
	color: var(--theme-page-text-color); 
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: space-between;
}
#mf-wikiheader > div:first-child {
	flex-basis: 480px;
	flex-grow: 1;
	flex-shrink: 1;
}
#mf-wikiheader > div:first-child > span:first-child {
	font-size: 24px;
}
#mf-wikiheader > .ext-info {
	flex-basis: 1000px;
	flex-grow: 3;
	flex-shrink: 99;
	margin: 0.75em 0;
}
#mf-wikiheader .links {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin-bottom: 0.75em;
}
#mf-wikiheader .links > * {
	margin: 0 1.5em;
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: auto;
}

#main-section .mclist li {
	line-height: 28px;
	height: 28px;
}

.footer {
	text-align: center;
	line-height: 1;
	margin: 0.75em 2px 0;
}
.footer > div {
	border: 1px var(--custom-accent-border-color) solid;
	border-radius: 6px;
	padding: 0.5em;
	max-width: 25em;
	margin: auto;
}
.footer > div span {
	display: inline-block;
}

/* Template: Infocard */ 
.infocard {
	margin: 0.5em 0;
	padding: 1em;
	box-sizing: border-box;
	border: 1px solid var(--theme-border-color);
	border-radius: 8px;
	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: Value */
.coins {
	 white-space: nowrap;
}
.coins s {
	 display: none;
}
/* Template: Donator */
.donator {
	text-align: left;
	margin: .5em auto;
	border: 1px solid var(--custom-notice-blue-border-color);
	padding: .3em 1.3em .2em;
	-moz-border-radius: .6em;
	-webkit-border-radius: .6em;
	border-radius: .6em;
	background: var(--custom-notice-blue-background-color);
	color: var(--theme-accent-label-color);
}

/* Template: Color box */
.color-box {
	display: inline-block;
	margin: 1px 0;
	vertical-align: middle;
}

/* Fix for objects with too wide/narrow padding */
/* Make wider */
.wide {
	padding: 5px;
}
/* Make narrower */
.narrow {
	padding: 3px;
}
Community content is available under CC BY-NC-SA unless otherwise noted.
More Fandoms