MediaWiki:Common.css

/********************************************************************** * * 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. * **********************************************************************/

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

/* -- SoundManager2Button icon (It looks useless) --- */ a.sm2_button { background-color: #3399CC; } a.sm2_button:hover, a.sm2_playing { background-color: #006A9F; } /* -- */

/* -- 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:2px solid #FFF; } /* -- */

/* -- 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); } /* 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: 0; position: relative; top: -100px; z-index:-9999; visibility: hidden; } /* -- */

/* -- helper for nowrap - */ .nowrap{ white-space:nowrap; } /* -- */

/* -- note text - */ .note-text{ color: #666; } /* -- */

/* -- "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: #E4F0F7; 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 { 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; }

/* -- */

/* ".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 #AAA solid; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; } /* styles for latest template */ .infobox{ border: 1px solid #aaa; border-radius: 8px; padding: 6px; float: right; font-size: 12px; background-color: #f9f9f9; color: black; 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: #E4F0F7; color: #063B5E; font-weight: bold; text-align: center; padding: 2px 0; } .infobox > .title{ font-size: 15px; padding: 8px 0; 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 .variant{ background-color: #E4F0F7; color: #063B5E; 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 ul{ list-style: none; margin: auto; text-align: center; } .infobox .stat td > small{ font-size: 10.5px; font-weight: bold; } .infobox .stat td > small::before{ content: "("; } .infobox .stat td > small::after{  content: ")"; } .infobox tr.buff th, .infobox tr.buff td{ background-color: #E4F0F7; 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; } .infobox .variant{ margin-bottom: 2px; white-space: nowrap; } .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; } .infobox .drops.money{ margin: 2px auto; } .infobox .image2{ text-align: center; padding-top: 3px; 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: #E4F0F7; color: #063B5E; padding: 2px 3px 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:2px #AFCFE2 solid; margin-top: 2px; line-height:1; text-align: center; color:#063B5E; font-size: 10.5px; background:#f0f7fb; padding-top: 5px; display: block; } .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: #f9f9f9; } /* for 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; } .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 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 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; } /* for npc infobox */ .npc.infobox{ width: 23em; } .npc.infobox .statistics table th{ width: 6em; } .npc.infobox .images .map{ position: absolute; left: 3px; top: 3px; } /* 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; } .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; } /* -- */

/* */ 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: #a0a0a0; 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 #a0a0a0; right: 0; bottom: 0; } .diagram-box{ border-width: 2px; border-style: solid; border-color: #AFCFE2; 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; } .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; } /* -- */

/* -- */ /* itemlist */ .itemlist > ul { list-style: none; margin: 0 0.25em -0.25em 0; }

.itemlist > ul > li { width: 10em; /* default width */ margin: auto 1em 0.5em auto; display: inline-block; }

/* dot list */ .dotlist{ margin: auto; } .dotlist > .title{ font-weight: bold; } .dotlist.nobold > .title{ font-weight: normal; } .dotlist > .title::after{ content: " "; } .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; } .dotlist > ul > li::after{ content: " • "; } .dotlist.nodot > ul > li::after { content: "　"; padding: 0; margin: 0; } .dotlist > ul > li:last-child::after{ display: none; } .dotlist.l > .title{ margin-right: 5px; } .dotlist.l > ul > li::after{ margin-left: 3px; margin-right: 3px; } .dotlist.xl > .title{ margin-right: 10px; } .dotlist.xl > ul > li::after{ margin-left: 6px; margin-right: 6px; } .dotlist.xxl > .title{ margin-right: 15px; } .dotlist.xxl > ul > li::after{ margin-left: 9px; margin-right: 9px; } .dotlist.xxxl > .title{ margin-right: 20px; } .dotlist.xxxl > ul > li::after{ margin-left: 12px; margin-right: 12px; } .dotlist.xxxxl > .title{ margin-right: 25px; } .dotlist.xxxxl > ul > li::after{ margin-left: 15px; margin-right: 15px; } /* -- */

/* ======================== 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 documentation */ .feature, .documentation { background: rgba(0, 0, 0, 0.05); border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 5px; padding: 10px; }

.documentation_header { padding-bottom: 3px; border-bottom: 1px solid #AAAAAA; }

/* 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 */ margin: 0 !important; }
 * 1) contentSub:empty {

/* Logo */ top: -150px; }
 * 1) p-logo {

background-image: url("https://static.wikia.nocookie.net/thoriummod_gamepedia_en/images/b/bc/Wiki.png/revision/latest"); }
 * 1) p-logo a{

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

/* Allows limiting TOCs to generate links for only header levels below a limit, for instance only level-3 (=== ===) and below. Use Template:Toc limit */ .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; }

/* Head */ div#mw-page-base { background: transparent; }

div#mw-head-base { background: transparent; }

/* Tabs */ margin-right: 0.5em; }
 * 1) right-navigation {

div.vectorTabs { background-color: rgba(0,0,0,0); background-image: none; height: 33px; margin-top: 8px; }

div#mw-head a, .vectorTabs li a span, div#mw-head div.vectorTabs a, div.vectorMenu h3 span { color: white; font-weight: bold; }

div.vectorMenu h3 span { padding-top: 0.2em; }

div.vectorMenu h3 span::after { content: ''; position: absolute; top: 5px; right: 0; bottom: 0; left: 0; background-image: url(/skins/Vector/images/arrow-down.png?42edd); background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2212%22 viewBox=%220 0 12 12%22%3E %3Cpath d=%22M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5%22 fill=%22%23222%22/%3E %3C/svg%3E"); background-position: 100% 50%; background-repeat: no-repeat; opacity: 0.85; }

div.vectorTabs li a { background-image: none; margin-top: -16px; }

div.vectorTabs li.new a, div.vectorTabs li.new a:visited { color: white; }

div.vectorTabs li span { background:#6690b6; background:-moz-linear-gradient(top, #6690b6 35%, #6690b6 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(35%,#6690b6), color-stop(100%,#6690b6)); background:-webkit-linear-gradient(top, #6690b6 35%, #6690b6 100%); background:-o-linear-gradient(top, #6690b6 35%, #6690b6 100%); background:-ms-linear-gradient(top, #6690b6 35%, #6690b6 100%); background: linear-gradient(to bottom, #6690b6 35%, #6690b6 100%); display: inline-block; border: 1px solid #6690b6; border-radius: 4px 4px 4px 4px; padding: 2px 10px; margin: 0 3px 0 3px; height: 19px; text-align: center; }

div.vectorTabs span { background-color: rgba(0, 0, 0, 0); background-image: none; }

div.vectorTabs li.selected { background-color: rgba(0, 0, 0, 0); background-image: none; color: white; }

div.vectorTabs ul { background-color: rgba(0, 0, 0, 0); background-image: none; }

div.vectorTabs ul li { background-color: rgba(0, 0, 0, 0); background-image: none; }

div.vectorTabs li a, div.vectorTabs li a span { color: white; cursor: pointer; font-weight: bold; margin-top: -15px; }

div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited { color: white; text-decoration: none; font-weight: bold; }

div.vectorMenu div.menu { border-color: inherit; }

div.vectorMenu h3 a { background-color: rgba(0, 0, 0, 0); background-image: none; border: 0px; }

div#mw-head div.vectorMenu li a { color: white; }

div#mw-head div.vectorMenu li a:hover { color: white; }

div#mw-head div.vectorMenu ul { background-color: #15181a; background-image: none; border: 1px solid #6690b6; }

div#mw-head div.vectorMenu h3 { background-image: none; }

div#mw-head div.vectorMenu h3 { background:#6690b6; background:-moz-linear-gradient(top, #6690b6 35%, #6690b6 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(35%,#6690b6), color-stop(100%,#6690b6 65%)); background:-webkit-linear-gradient(top, #6690b6 35%, #6690b6 100%); background:-o-linear-gradient(top, #6690b6 35%, #6690b6 100%); background:-ms-linear-gradient(top, #6690b6 35%, #6690b6 100%); background: linear-gradient(to bottom, #6690b6 35%, #6690b6 100%); display: inline-block; border: 1px solid #6690b6; border-radius: 4px 4px 4px 4px; color: white; font-weight: bold; padding: 2px 10px; margin-top: 8px; height: 19px; text-align: center; }

div.vectorMenu h3 a { background-color: rgba(0, 0, 0, 0); background-image: url("https://static.wikia.nocookie.net/commons_hydra/images/8/80/Vector_menu_downarrow_white.png"); background-position: 50% 50%; border: medium none; }

div#mw-head div.vectorMenu h4, div#p-variants.vectorMenu #mw-vector-current-variant { color: white; font-weight: bold; padding-top: 0.2em; text-shadow: none; }

.vectorTabs #ca-watch span, .vectorTabs #ca-unwatch span { background: #6690b6; border-radius: 4px; }

.vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a { padding: 20px 0 0; }

div#p-cactions div.menu, div#p-sharing div.menu { margin-top: -7px !important; }

div.vectorMenu#p-sharing div.menu { min-width: 10%; left: 27px !important; width: 58px !important; }

width: 50px; }
 * 1) p-sharing #socialIconImages img {

width: 50%; }
 * 1) p-sharing #socialIconImages {

/* Sidebar */

div#mw-panel div.portal h3, color: white; font-weight: bold; }
 * 1) mw-panel.collapsible-nav .portal h3 a,
 * 2) mw-panel.collapsible-nav .portal h3 a:visited,
 * 3) mw-panel.collapsible-nav .portal.collapsed h3 a,
 * 4) mw-panel.collapsible-nav .portal.collapsed h3 a:visited {

div#mw-panel div.portal, div#mw-panel div.portal div.body, .skin-hydradark #mw-panel.collapsible-nav .portal { background-image: none; }

div#mw-panel div.portal div.body ul li a, div#mw-panel div.portal div.body ul li a:link, div#mw-panel div.portal div.body ul li a:visited { color: white; }

/* Content */ div#content { background: white; border: none; box-sizing: border-box; color: #000000; }

/* anchors */ a, a:visited, div#content a.extiw, div#content a.extiw:visited, div#content a.external, div#content a.external:visited { color: #0645ad; }

.toc, .mw-warning { background: rgba(0,0,0,0); }
 * toc,

.catlinks, ul#filetoc { background: rgba(0,0,0,0); }

/* Footer */ div#footer { background-image: none; }

div#footer ul li { color: #ffffff; text-shadow: 1px 1px #000000; }

div#footer ul li a { color: #ffffff; font-weight: bold; text-shadow: 1px 1px #000000; }

/* tables */ table.wikitable { background: none repeat scroll 0 0 transparent; }

table.wikitable > caption { color: #000000; }

table.wikitable > tr > th, table.wikitable > * > tr > th { background: #6690b6; border: 1px solid #aaaaaa; color: #FFFFFF; text-align: center; }

table.wikitable > tr > td, table.wikitable > * > tr > td { border: 1px solid #aaaaaa; padding: 0.2em; }

.wikitable th { background-color: #6690b6; border: 1px solid #aaaaaa; color: #FFFFFF; padding: 0.2em; }

.wikitable td { border: 1px solid #aaaaaa; color: #000000; padding: 0.2em; }

table.mw_metadata th { background: #6690b6; border: 1px solid #aaaaaa; color: #FFFFFF; }

table.mw_metadata td { background-color: transparent; border: 1px solid #aaaaaa; color: #000000; }

.mw-datatable th { border: 1px solid #aaaaaa; }

.mw-datatable, .mw-datatable td { border: 1px solid #aaaaaa; }

.TablePager { border:1px solid #aaaaaa; color: #000000; padding:0 0.15em; }

.TablePager th { background-color: #6690b6; color: #ffffff; border:1px solid #aaaaaa; padding:0 0.15em; }

.TablePager tr:hover td { background-color: rgba(0, 0, 0, 0.2) !important; color: #FFFFFF; }

.TablePager th a { background-color: #6690b6; color: #FFFFFF !important; } .TablePager td { background: transparent !important; border: 1px solid #aaaaaa; color: #000000; }

/* colour fix for advanced search options box */ fieldset#mw-searchoptions { background-color: rgba(0, 0, 0, 0); border-color: #aaaaaa !important; }

.mw-search-profile-tabs { background-color: rgba(0, 0, 0, 0); border: 1px solid #aaaaaa; margin-top: 1em; }

.mw-search-profile-tabs div.search-types ul li.current a { color: #000; font-weight: bold; }

/* other elements */ fieldset { border: 1px solid #6690b6; }

code { background-color: transparent; }

/* Page history */ background-color: transparent; border: none; padding: 3px; }
 * 1) pagehistory li {

background-color: rgba(0,0,0,0); background-image: none; border: 1px dashed #aaaaaa; padding: 3px; }
 * 1) pagehistory li.selected {

table.diff { background: transparent; }

td.diff-context { background: none repeat scroll 0 0 transparent; color: #000000; }

td.diff-deletedline { background-color: #FFE49C; border-color: #FFE49C; color: #000000; }

td.diff-addedline { background-color: #A3D3FF; border-color: #A3D3FF; color: #000000; }

/* thumbnails and galleries and image file history */ div.thumb { border: 1px solid #aaaaaa; margin: 2px; margin-left: 6px; }

img.thumbborder { border: 1px solid #aaaaaa; border-radius: 5px; padding: 5px; }

div.thumbinner { background-color: rgba(228, 240, 247, 0.8); border: medium none; }

li.gallerybox div.thumb { background-color: rgba(228, 240, 247, 0.8); border: 1px solid #aaaaaa; border-radius: 5px; }

html .thumbimage { border: 1px solid #aaaaaa; border-radius: 5px; }

div.tright div.tleft { border: 1px solid #aaaaaa !important; }

div.tright { clear: right; float: right; }

/* Preferences */ .client-js #preftoc { background-color: rgba(255, 255, 255, 0.5); border: 0px; margin: 0 0 4px !important; }

.client-js #preftoc, .client-js #preftoc li, .client-js #preferences, .client-js #preftoc li a { background-image: none; background-color: transparent; color: #666666; }

.client-js #preftoc li:first-child { margin-bottom: 1px; margin-left: 5px; }

.client-js #preftoc li.selected a { background-color: rgba(255, 255, 255, 0.5); background-image: none; border-color: #aaaaaa #aaaaaa rgba(255, 255, 255, 0.5); border-radius: 5px 5px 0 0; border-style: solid; border-width: 1px; color: #000000; }

.client-js #preferences { background-color: rgba(255, 255, 255, 0.5); border: 1px solid #aaaaaa; border-radius: 5px; }

.client-js #preferences fieldset { border-color: #aaaaaa; }

[type="radio"]:checked ~ label { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border-bottom: medium none; z-index: 2; }

/* wiki editor styling */ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: none; }

.wikiEditor-ui-tabs div { border-bottom: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; }

.wikiEditor-ui-buttons { background: rgba(0, 0, 0, 0); border-top: none; margin-right: 5px; }

.wikiEditor-ui-toolbar { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); }

.wikiEditor-ui-toolbar .tabs span.tab a, .wikiEditor-ui-toolbar .tabs span.tab a:visited { color: #000000; }

.wikiEditor-ui-toolbar .tabs span.tab a.current, .wikiEditor-ui-toolbar .tabs span.tab a.current:visited { color: #000000; font-weight: bold; }

.wikiEditor-ui-toolbar .sections .section { background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid #aaaaaa; color: #000000; }

.wikiEditor-ui-toolbar .page-characters div span { border: 1px solid #aaaaaa; color: #000000; }

.wikiEditor-ui-toolbar .booklet .pages { background-color: rgba(255, 255, 255, 0.2); }

.wikiEditor-ui-toolbar .booklet .index .current { background-color: rgba(255, 255, 255, 0.2); color: #0645ad; }

.wikiEditor-ui-toolbar .booklet .index div { color: #000000; }

.wikiEditor-ui-toolbar .page-characters div span:hover { background-color: rgba(255, 255, 255, 0.2); border-color: #aaaaaa; color: #ffffff; }

.wikiEditor-ui-toolbar .page-table th, .wikiEditor-ui-toolbar .page-table td { color: #000000; }

.wikiEditor-ui-toolbar .page-table td { border-top: 1px solid #aaaaaa; }

.wikiEditor-ui-tabs div a { background: #6690b6; /* Old browsers */ background: -moz-linear-gradient(top,	#6690b6 0%, #6690b6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6690b6), color-stop(100%,#6690b6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,	#6690b6 0%,#6690b6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,	#6690b6 0%,#6690b6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,	#6690b6 0%,#6690b6 100%); /* IE10+ */ background: linear-gradient(to bottom,	#6690b6 0%,#6690b6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6690b6', endColorstr='#6690b6',GradientType=0 ); /* IE6-9 */ display: inline-block; color: #FFFFFF; }

.wikiEditor-ui-tabs div.current { border-bottom: 1px solid #aaaaaa; }

.wikiEditor-ui-tabs div.current a { color: #ffffff; font-weight: bold; }

.wikiEditor-ui-tabs { border-left: 1px solid #aaaaaa; border-top: 1px solid #aaaaaa; }

.wikiEditor-preview-contents { background: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.2); border-color: #aaaaaa; border-style: solid; border-width: 0 1px 1px; color: #000000; }

.wikiEditor-ui-controls { background: rgba(0, 0, 0, 0); border-bottom: 1px solid #aaaaaa; }

.wikiEditor-preview-contents, .wikiEditor-preview-loading { background-color: transparent; }

.editOptions { background-color: rgba(255, 255, 255, 0.2); border-color: -moz-use-text-color #aaaaaa #aaaaaa; border-image: none; border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: medium 1px 1px; }

input#wpSummary { margin-bottom: 1em; margin-top: 1em; width: 80%; }

/* MsUpload color fixes */ background-color: #353535; border-top: #333; border-bottom: #444; }
 * 1) upload_list .file {

color: #E0E0E0; }
 * 1) upload_list .file .file-title,
 * 2) upload_list .file .file-size,
 * 3) upload_list .file .file-warning {

color: #add8e6; }
 * 1) upload_list .file a {

/* Notice templates */ .topNotice { border: 2px solid #ff9900; background: rgba(0, 0, 0, 0); margin: 0 0 10px 0; padding: 3px 6px; overflow: auto; }

.topNotice .heading { font-size: 132%; font-weight: bold; margin: 0 0 8px 0; padding: 0; }

.topNotice.delete { border: 2px solid #ff0000; }

.topNotice.move, .topnotice.merge, .topnotice.split { border: 2px solid #6690b6; }

.topNotice.pagestub, .topNotice.imagerequest, .topNotice.nowalkthrough { border: 2px solid #008000; }

/* Ambox */ .ambox { background-color: #eeeeee; 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; }

.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: #E4F0F7; padding: 5px; margin-bottom: 0.5em; font-weight: bold; text-align: center; color: #033251; font-size: 120%; }

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

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

/* copyright images tweak */ .copyright-icon { background: url("https://static.wikia.nocookie.net/commons_hydra/images/thumb/b/b6/Copyright.png/32px-Copyright.png") transparent center center no-repeat; background-size: 100%; width: 32px; height: 32px; }

/* Infobox template style */ .infobox { border: 1px #AAA solid; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; } .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; }

/* Terraria Infobox template style */ .infobox { border: 1px #AAA solid; background-color: #f9f9f9; color: black; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; float: right; } .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; } /* -- */

table.terraria { margin-top: 0.4em !important; }

table:not(.infobox table) { font-size: 100%; color: #000000; /* we don't want the bottom borders of s to be visible through * floated tables */ background-color: #FFFFFF; }

/* Tables */ table { font-size: 100%; color: #000000; /* we don't want the bottom borders of s to be visible through * floated tables */ background-color: #FFF; /* 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; }

.terraria th, .terraria td { padding: 3px; }

.terraria th { background: #E4F0F7; text-align: center; }

.terraria caption { font-weight: bold; background: #E4F0F7; 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 #F9F9F9; border-bottom-width: 1px; box-shadow: 0 0 0 1px #AFCFE2; position: relative; }

.terraria > caption:after { content: ""; display: block; width: 100%; height: 1px; background: #F9F9F9; position: absolute; left: -4px; bottom: -2px; border-left: 4px solid #f9f9f9; border-right: 4px solid #f9f9f9; } /* -- */

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

/* -- */

/* DPL Tables */ text-align: center; }       text-align: left; }       text-align: right; }       line-height: 1.25; } /* -- */
 * 1) dpl-table {
 * 1) dpl-table td:first-child {
 * 1) dpl-table td:last-child {
 * 1) dpl-table th {

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

/*Removes wiki skin images from appearing in Special:UnusedFiles */ /* */ /*--- */

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


 * 1) wings-table {font-size: 85%;}
 * 2) wings-table td:last-child {font-size: 95%; text-align: left;}
 * 3) wings-table td:first-child {text-align: left;}


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


 * 1) table-Accessories td:last-child {text-align: center;}


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


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

.ib {display: inline-block;}

.box { border: 1px solid #0288D1; border-radius: 5px; padding: 7px; 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;}

color: #033251; text-align: center; 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:space-between; -ms-flex-line-pack:space-between; align-content:space-between; }  -webkit-flex-basis:480px; -moz-flex-basis:480px; -ms-flex-preferred-size:480px; flex-basis:480px; -webkit-box-flex:1; -webkit-flex-grow:1; -moz-flex-grow:1; -ms-flex-positive:1; flex-grow:1; -webkit-flex-shrink:1; -moz-flex-shrink:1; -ms-flex-negative:1; flex-shrink:1; }  -webkit-flex-basis:1000px; -moz-flex-basis:1000px; -ms-flex-preferred-size:1000px; flex-basis:1000px; -webkit-box-flex:3; -webkit-flex-grow:3; -moz-flex-grow:3; -ms-flex-positive:3; flex-grow:3; -webkit-flex-shrink:99; -moz-flex-shrink:99; -ms-flex-negative:99; flex-shrink:99; margin: 0.75em 0; }  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-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; -moz-justify-content:center; justify-content:center; margin-bottom: 0.75em; }  margin: 0 1.5em; -webkit-box-flex:0; -webkit-flex-grow:0; -moz-flex-grow:0; -ms-flex-positive:0; flex-grow:0; -webkit-flex-shrink:1; -moz-flex-shrink:1; -ms-flex-negative:1; flex-shrink:1; -webkit-flex-basis:auto; -moz-flex-basis:auto; -ms-flex-preferred-size:auto; flex-basis:auto; } @media(max-width: 413px){ #mf-enemies .content {max-height: 4000px;} } .footer {text-align: center; line-height: 1;}
 * 1) mf-wikiheader {
 * 1) mf-wikiheader > div:first-child{
 * 1) mf-wikiheader > div:first-child > span:first-child {font-size: 24px;}
 * 2) mf-wikiheader > .ext-info {
 * 1) mf-wikiheader .links {
 * 1) mf-wikiheader .links > * {
 * 1) mf-enemies .content {max-height: 500px;}

.footer {text-align: center; margin: 0.75em 2px 0;} .footer > div { border: 1px solid #0288D1; -moz-border-radius: 5px; border-radius: 5px; padding: 0.5em; max-width: 25em; margin: auto; } .footer > div span {display: inline-block;}

/* */ .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; font-size: 1.5em; } .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 { background: #E4F0F7; border-right-color: #E4F0F7; } .infocard.terraria .main-heading .hgroup{ background: #fcfcfc; } .infocard.compact .main-heading .hgroup > .main { font-size: 1em; }

/* Template:coin */ .coins { white-space: nowrap; } .coins s { display: none; }