(Added additional linksbox rule for mod pages) |
m (Corrected .mf-wikiheader to #mf-wikiheader) |
||
Line 1,479: | Line 1,479: | ||
#mainpage-wrapper #box-header .boxcontent, |
#mainpage-wrapper #box-header .boxcontent, |
||
− | + | #mf-wikiheader .box { |
|
background: var(--template-background-color-1); |
background: var(--template-background-color-1); |
||
padding: 8px; |
padding: 8px; |
||
Line 1,496: | Line 1,496: | ||
#mainpage-wrapper #box-header .linksbox, |
#mainpage-wrapper #box-header .linksbox, |
||
− | + | #mf-wikiheader .linksbox { |
|
border: 1px solid #AFCFE2; |
border: 1px solid #AFCFE2; |
||
margin-top: 5px; |
margin-top: 5px; |
Revision as of 23:20, 6 July 2021
/* CSS placed here will be applied to all skins */
@import url(https://terraria.gamepedia.com/index.php?title=MediaWiki:Common-base.css&action=raw&ctype=text/css);
.theme-fandomdesktop-light,
.skin-hydra {
--template-background-color-1: #E4F0F7;
--template-background-color-2: #f9f9f9;
--template-text-color-1: #033251;
}
.theme-fandomdesktop-dark {
--template-background-color-1: var(--theme-page-background-color--secondary);
--template-background-color-2: var(--theme-page-text-mix-color-95);
--template-text-color-1: var(--theme-page-text-color);
}
/* Hide page title on main page */
body.page-Terraria_Wiki h1.firstHeading {
display:none;
}
/* ------------------ */
/* Add diff accent to make even smaller changes visible */
.diffchange-inline {
border: 1px #FF6666 dashed;
}
/* ------------------ */
/* Add faded horizontal line to level-3 and level-4 headers */
h3:not(div#mw-head h3), h4 {
border-bottom: 1px #CDCDCD solid;
}
/* ------------------ */
/* SoundManager2Button icon */
a.sm2_button {
background-color: #3399CC;
}
a.sm2_button:hover, a.sm2_playing {
background-color: #006A9F;
}
/* ------------------ */
#contentSub{
margin: 0 !important;
}
#contentSub .mw-redirectedfrom{
display: block;
margin-bottom: 1em;
}
/* for mod logo */
.mw-parser-output{
position: relative;
}
.mw-body-content{
position: static;
}
.mw-parser-output .mod-logo{
position:absolute;
top: -60px;
right: 0;
max-height: 50px;
}
/* modname in firstHeading */
#firstHeading:after{
margin-left: 0.4em;
font-size: 65%;
color: #999;
vertical-align: middle;
}
/* hide visual editor edit button for Terraria Overhaul page */
body.page-Terraria_Overhaul #ca-ve-edit{
display: none;
}
/* "terraria"-classed tables */
table.terraria {
margin: 1em 1em 1em 0;
background: var(--template-background-color-2);
border: 1px #AFCFE2 solid;
padding: 0.2em;
-moz-border-radius: .7em;
-webkit-border-radius: .7em;
border-radius: .7em;
}
.terraria th, .terraria td {
padding: 0.2em;
}
.terraria th {
background: var(--template-background-color-1);
color: black;
text-align: center;
}
.terraria caption {
font-weight: bold;
}
/* ------------------ */
/* "terraria" box style. */
.terraria{
border: 1px #AFCFE2 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(--template-background-color-1);
text-align: center;
font-weight: bold;
line-height: 2;
min-height: 1em;
margin: auto -4px;
padding: 0;
font-size: inherit;
margin-top: 8px;
}
.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 #0645ad;
border-top: 2px solid #0645ad;
border-right: 0;
border-bottom: 0;
top: 1px;
}
.terraria > .mw-collapsible-toggle.mw-collapsible-toggle-collapsed:before {
border-left: 0;
border-top: 0;
border-right: 2px solid #0645ad;
border-bottom: 2px solid #0645ad;
top: -2px;
}
/* Auto line separators for tables */
table.lined td {
border-bottom:1px #AFCFE2 solid;
}
table.lined tr:last-of-type td {
border-bottom:0;
}
table tr.bottomline td {
border-bottom:1px #AFCFE2 solid;
}
table tr.topline td {
border-top:1px #AFCFE2 solid;
}
/* ------------------ */
/* 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:solid #FFF;
border-width:2px 2px 2px 2px;
}
/*
table.inner th:first-of-type {
border-width:0px 0px 0px 0px;
}
*/
/* ------------------ */
/* 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: "•";
}
/* ------------------ */
/* 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;
}
/* ------------------ */
/* This removes brackets from collapse/expand links for collapsible elements with the "plaincollapse" class specified */
.plaincollapse .mw-collapsible-toggle {
color:rgba(0, 0, 0, 0.0);
}
/* ------------------ */
/* Other "plaincollapse" styling */
.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;
color:#11688F;
}
/* ------------------ */
/* Offset linked anchors */
.anchor {
display: block;
height: 100px;
margin-top: -100px;
z-index:-9999;
visibility: hidden;
}
/* ------------------ */
/*Removes Wiki Skin Images from appearing in Special:UnusedFiles */
/* [[File:Wiki.png]] */
/* [[File:Favicon.ico]] */
/*------------------- */
/*crafts table*/
div.crafts{
margin-bottom: 4px;
line-height: 1.5;
display: table;
}
div.crafts .wrap{
border:1px solid #aaa;
border-radius: 8px;
padding: 6px 6px 2px;
position: relative;
}
div.crafts .wrap::after{
content: "";
display: block;
height: 1px;
width: auto;
background: #fcfcfc;
position: absolute;
bottom: 2px;
left: 6px; right: 6px;
}
div.crafts caption{
font-size: 1.17em;
background: var(--template-background-color-1);
padding: 0.25em;
position: relative;
margin-bottom: 2px;
font-weight: bold;
}
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(--template-background-color-1);
padding: 0.25em 0.5em;
border-right: 1px solid #f9f9f9;
border-left: 1px solid #f9f9f9;
}
div.crafts th:first-child{
border-left: 0;
}
div.crafts th:last-child{
border-right: 0;
}
div.crafts td{
padding: 0.25em 0.5em;
border-bottom: 1px solid #ccc;
}
div.crafts td.station{
border-left: 1px solid #ccc;
}
div.crafts.nostation th.station,
div.crafts.nostation td.station{
display: none;
}
div.crafts table ul{
margin: 0;
list-style: none;
}
div.crafts table li{
margin: 3px auto;
}
/* -- item link ----------------------------------------------------- */
.item-link{
white-space:nowrap;
display: inline-block;
}
/* css trick for non-exist item image */
.item-link > a.new{
display: inline-block;
width: 16px;
height: 24px;
text-indent: -9999px;
direction: ltr;
background-image: url(https://gamepedia.cursecdn.com/terraria_gamepedia/d/dd/Unknown.png);
background-repeat: no-repeat;
}
.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.multi-line > span,
.item-link.-w > span{
line-height: 1.25;
vertical-align: middle;
}
.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 .id{
font-size:71.4285%; /*10px/14px*/
background-color:var(--template-background-color-1);
font-weight:bold;
margin-top: 1px;
padding: 0 2px;
}
.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;
margin-left: auto;
}
.item-link.notesize span.note{
font-size: 100%;
}
.item-link.note2size div.note{
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;
}
/* ------------------------------------------------------------------ */
/* -------------------------------------------------------- */
/* 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 #AAA solid;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
/* Latest version */
.infobox {
border: 1px solid #aaa;
border-radius: 8px;
padding: 6px;
float: right;
font-size: 12px;
background-color: var(--template-background-color-2);
margin: 0 0 0.5em 1em;
}
@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 table {
background-color: transparent;
width: 100%;
border-spacing: 0;
}
.infobox table th {
white-space: nowrap;
padding: 2px;
text-align: right;
border-right: 1px solid #f9f9f9;
width: 5em;
vertical-align: middle;
}
.infobox table td {
padding: 2px;
vertical-align: middle;
}
.infobox .title {
background-color: var(--template-background-color-1);
color: var(--template-text-color-1);
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(--template-background-color-1);
color: var(--template-text-color-1);
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: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
/* direction=column, for IE11 */
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-moz-box-direction: normal;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
-moz-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: 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 .stat td > small {
font-size: 10.5px;
font-weight: bold;
margin-left: 2px;
}
.infobox .stat td > small::before {
content: "(";
}
.infobox .stat td > small::after {
content: ")";
}
.infobox tr.buff th,
.infobox tr.buff td {
background-color: var(--template-background-color-1);
border: 1px solid #f9f9f9;
}
.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 .tags {
margin-top: -1px;
margin-bottom: -1px;
}
.infobox .tags .tag {
border: 1px solid #AFCFE2;
display: inline-block;
padding: 0 4px;
border-radius: 3px;
margin: 3px 6px 3px auto;
}
.infobox .section.ids {
margin-top: 3px;
border-top: 1px solid #aaa;
text-align: center;
font-size: 10.5px;
background-color: var(--template-background-color-1);
color: var(--template-text-color-1);
}
.infobox .section.ids li {
padding: 2px 0;
border-bottom: 2px solid #f9f9f9;
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 {
margin: 2px auto;
}
.infobox .drops.money table th {
width: 1px;
}
.infobox .imageother {
text-align: center;
padding-top: 8px;
border-top: 1px solid #aaa;
}
.infobox .drops.items {
margin-bottom: 1px;
}
.infobox .drops.items li {
border-bottom: 1px #AFCFE2 solid;
padding: 3px 0;
margin-bottom: auto;
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
-webkit-flex-wrap: nowrap;
-moz-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-direction: normal;
-webkit-box-orient: horizontal;
-moz-box-direction: normal;
-moz-box-orient: horizontal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
}
.infobox .drops.items li:first-child {
background-color: var(--template-background-color-1);
color: var(--template-text-color-1);
padding: 2px 3px 0;
}
.infobox .drops.items li:last-child {
border-bottom: none;
}
.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.caption {
border-top: 2px #AFCFE2 solid;
margin-top: 2px;
line-height: 1;
text-align: center;
color: var(--template-text-color-1);
font-size: 10.5px;
background: var(--template-background-color-2);
padding-top: 5px;
display: block;
}
.infobox .drops.items li.caption.group_end {
padding-bottom: 5px;
}
.infobox .drops.items li.group_end {
border-bottom: 5px #AFCFE2 solid;
position: relative;
}
.infobox .drops.items li.group_end::after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: -4px;
width: 100%;
height: 2px;
background-color: var(--template-background-color-2);
}
/* -------------------------------------------------------- */
/* {{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.inline li {
display: inline-block;
padding: 0 8px 0 9px;
margin: 2px auto;
position: relative;
vertical-align: middle;
}
.item.infobox .images ul.inline li::before {
content: "";
display: block;
width: 1px;
background: #ccc;
height: 80%;
position: absolute;
left: 0;
top: 10%;
}
.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: #ccc;
margin: 0.5em 0;
}
.item.infobox .images ul.block li::before {
content: "";
display: block;
height: 1px;
background: #ccc;
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 .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 .section.statistics span.knockback {
font-size: 10.5px;
font-weight: bold;
}
.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.inline li {
display: inline-block;
vertical-align: middle;
}
/* -------------------------------------------------------- */
/* {{npc infobox}} */
/* -------------------------------------------------------- */
.npc.infobox {
width: 23em;
}
.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 .section.debuff table {
border-bottom: 1px solid #AFCFE2;
}
.npc.infobox .section.debuff table:last-child {
border-bottom: 0;
}
.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;
}
/* {{summoned}} */
.summoned.infobox {
text-align: center;
padding-bottom: 12px;
}
.summoned.infobox .title{
font-size: 12px;
}
.summoned.infobox .p{
font-size: 14px;
}
/* -------------------------------------------------------- */
/* {{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;
}
/* multi-column list */
/* correct webkit/chrome uneven margin on the first column*/
.responsive-columns ul{
margin-top:0px;
}
.responsive-columns ul li:first-child
{
margin-top:0px;
}
/* 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;
}
/* {{infocard}} */
.infocard{
margin: 0.5em 0;
padding: 1em;
box-sizing: border-box;
border: 1px solid #aaa;
border-radius: 6px;
width: 100%;
min-width: 300px;
position: relative;
background: #f2f2f2;
color: #000;
}
.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: #ddd;
border-left: 1px solid #f2f2f2;
border-right: 1px solid #f2f2f2;
}
.infocard > .card .content{
border: 1px solid #ddd;
border-top: 0; margin: 0 1px;
background: #fff;
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:#AFCFE2;
border-right-color:#AFCFE2;
}
.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: #f2f2f2;
padding: 0 1em;
display: inline-block;
position: relative;
z-index:10;
color: #999;
font-weight: 100;
}
.infocard .main-heading .hgroup > .main{
font-size: 2em;
color: #000;
}
.infocard .main-heading .hgroup > .main span{
font-size: 62.5%;
color: #999;
}
.infocard .main-heading .icon{
position: absolute;
right: -2em;
top: 0;
height: 100%;
z-index: 1;
display:-webkit-box;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
flex-wrap:wrap;
-webkit-box-align:center;
-ms-flex-align:center;
-webkit-align-items:center;
-moz-align-items:center;
align-items:center;
-webkit-align-content:center;
-ms-flex-line-pack: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 #ddd;
background: #fff;
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: 0;
}
.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: #fcfcfc;
border-color: #AFCFE2;
}
.infocard.terraria .main-heading .hgroup{
background: #fcfcfc;
}
/* hide sub page nav */
#contentSub .subpages{ display: none; }
/* ========================================== */
/* Mod-specific templates */
/* ========================================== */
/* Template:SGAmod/Nightmare */
.nightmare {
color: #CC82CC;
font-weight: bold;
}
.nightmare[title]{
cursor: pointer;
}
abbr.nightmare{
text-decoration: none;
}
.nightmare > span.sep{
padding: 0 0.3em;
color: #808080;
}
.nightmare > span.postfix{
display: none;
}
.money .nightmare > span.sep{
padding: 0 0.5em;
}
/* Specific pages */
#table-Minions-Pre-Hardmode td:last-child,
#table-Minions-Pre-Hardmode td:nth-child(3) {
text-align: center;
}
/* Main page */
#mainpage-wrapper .box {
border: 1px solid #AFCFE2;
-moz-border-radius: 5px;
border-radius: 5px;
padding: 5px;
margin: 3px;
}
#mainpage-wrapper .box .boxcontent {
padding: 10px;
}
#mainpage-wrapper #box-header .boxcontent,
#mf-wikiheader .box {
background: var(--template-background-color-1);
padding: 8px;
margin: 3px;
color: var(--template-text-color-1);
text-align: center;
}
#mainpage-wrapper #box-header {
padding: 0;
}
#mainpage-wrapper #box-header .heading {
font-size: 162%;
}
#mainpage-wrapper #box-header .linksbox,
#mf-wikiheader .linksbox {
border: 1px solid #AFCFE2;
margin-top: 5px;
padding: 5px;
text-align: center;
background: var(--template-background-color-2);
}
#mainpage-wrapper #box-description {
flex: 10 0 240px;
}
#mainpage-wrapper #box-description .boxcontent > div:not(:last-child) {
margin-bottom: 30px;
}
#mainpage-wrapper #box-featuredmods {
flex: 1 1 240px;
}
#mainpage-wrapper #box-featuredmods .allmods-link {
margin-top: 1em;
}
#mainpage-wrapper #box-externalwikis .boxcontent div:first-child {
margin-bottom: 1.5em;
}
#mainpage-wrapper #box-externalwikis .boxcontent > ul {
list-style-image: none;
list-style-type: none;
}
#mainpage-wrapper #box-newmods {
flex: 1 0 240px;
}
#mainpage-wrapper #box-newmods .newmods-list {
column-count: 2;
margin-bottom: 1.75em;
}
#mainpage-wrapper #box-wikicommunity {
flex: 2 0 240px;
}
#mainpage-wrapper .footer {
margin: 0.75em 2px 0;
}
#mainpage-wrapper .footer > div {
margin: auto;
max-width: 25em;
text-align: center;
border: 1px solid #AFCFE2;
-moz-border-radius: 5px;
border-radius: 5px;
background: var(--template-background-color-1)
padding: 0.5em;
}
.mp-heading {
background: var(--template-background-color-1);
padding: 5px 20px;
margin: 3px;
font-weight: bold;
text-align: center;
color: var(--template-text-color-1);
font-size: 120%;
}