User:Minecat/Common.css

/* CSS placed here will be applied to all skins */

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

/* Infobox template style */ .infobox { border: 1px #AAA solid; background-color: #373D40; 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"-classed tables */ table.terraria { margin: 1em 1em 1em 0; background: #373D40; border: 1px #AFCFE2 solid; padding: 0.2em; border-radius: .7em; -moz-border-radius: .7em; -webkit-border-radius: .7em; } .terraria th, .terraria td { padding: 0.2em; } .terraria th { background: #373D40; color: black; text-align: center; } .terraria caption { font-weight: bold; } /* -- */

/* 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 redundant Cargo extension "Purge cache" link */ div.menu li#ca-cargo-purge { display:none; } /* -- */

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

/* clearfix */ .clearfix{ *zoom: 1; } .clearfix::before,.clearfix::after{ content: " "; display: table; } .clearfix::after{ clear: both; } /*--- */

/*Removes infobox float in infobox wrapper */ .infobox-wrapper .infobox{ float: none !important; } /*--- */

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

/* item link */ .item-link{ white-space:nowrap; line-height: 1.5; } .item-link .text{ display: inline-block; vertical-align: middle; margin-left: 3px; } .item-link .eico{ font-size: 12px; } .item-link span.eico{ margin-left: 3px; } .item-link div.eico{ line-height: 1; } .item-link div.eico{ line } .item-link .note{ color: #808080; font-size: 0.85em; } .item-link span.note{ margin-left: 3px; } .item-link div.note{ line-height: 1; }

.item-link .id{ font-size:65%; background-color:#373D40; font-weight:bold; margin-top: 1px; }

/* New flex mainpage styles */

min-width: 300px; background:#fcfcfc; }
 * 1) mainpage-global-wrapper {

background: #373D40; padding: 8px; color: #033251; text-align: center; } border: 1px solid #AFCFE2; margin-top: 5px; padding: 0.25em 0; background: #fff; line-height:1.25; } vertical-align:middle; }
 * 1) mf-wikiheader > div{
 * 1) mf-wikiheader .latest-version{
 * 1) mf-wikiheader .latest-version *{

.fp-box { border: 1px solid #AFCFE2; border-radius: 5px; -moz-border-radius: 5px; padding: 7px; box-sizing: border-box; margin: 0 2px 4px; }

.fake-bullet::before { content: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%225%22%20height%3D%2213%22%3E%0A%3Ccircle%20cx%3D%222.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%20fill%3D%22%2300528c%22%2F%3E%0A%3C%2Fsvg%3E%0A); padding-right: 5px; }

.fake-bullet { padding: 1px 0; white-space: nowrap; }

background: #373D40; padding: 8px; color: #033251; text-align: center; }
 * 1) mf-wikiheader > div{

line-height:1; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -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; -ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;flex-wrap:wrap; } vertical-align:middle; } padding: 0; background: none; color: #0645ad; } display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -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; -ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;flex-wrap:wrap; margin: 0; } display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -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; margin: 0.75em 1.5em; } margin: auto auto auto 0.5em; text-align: left; } display: block; } display: inline; } font-size: 10px; } font-size: 18px; } font-size: 10px; color: #999; } text-align: center; }
 * 1) latest-version{
 * 1) latest-version *{
 * 1) latest-version a.external{
 * 1) latest-version ul{
 * 1) latest-version ul li{
 * 1) latest-version ul li > div{
 * 1) latest-version ul li > div > *{
 * 1) latest-version ul li > div.pic > *{
 * 1) latest-version ul li > div > span{
 * 1) latest-version ul li > div > strong{
 * 1) latest-version ul li > div > small{
 * 1) latest-version div.pic{

/* -- desktop view for mobile screen -- */ @media(max-width: 720px){ 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: 3em auto auto; }   #mw-navigation{ position: absolute; left: 0; top: 0.5em; width: 100%; height: 3em; }   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 span{ height: auto; }   div#mw-head div.vectorTabs a{        float: none; padding: 0.25em; height: auto; font-size: 1em; }   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; }   div#mw-head div.vectorMenu h3{ height: auto; float: none; background: none; padding: 0 !important; margin: 0; }   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#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: 0.25em; 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: 18px; height: 18px; 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: 22px; }   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: 2em; left: 0; padding: 0; width: 100%; display: block; font-size: inherit; background: rgba(0,0,0,0.9); overflow: visible; z-index: 999; }   div#p-logo{ display: block; position: absoulte; left: 5px; top: -2em; width: 71px; height: 25px !important; border-radius: 3px; overflow: hidden; }   #p-logo a{        width: 71px; height: 25px; background-position: -2px -25px; 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 .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; }   /**/    div#mw-navigation div#mw-panel .resize-sensor{ 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:720px*/ @media(max-width: 500px){ 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; } } @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%; } }

/* Maximum image size class for storing NPC images in Cargo table */ .npcimg { height:auto; width:auto; max-height:100px; max-width:100px; }

/*crafts table*/ div.crafts{ margin-bottom: 4px; line-height: 1.5; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }

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: #373D40; position: absolute; bottom: 2px; left: 6px; right: 6px; } div.crafts caption{ font-size: 1.17em; background: #373D40; 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: #373D40; 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; }

/* infobox */ .infobox{ border: 1px solid #aaa; border-radius: 8px; padding: 6px; float: right; font-size: 12px; } .infobox.item{ min-width: 21em; } .infobox table{ background-color: transparent; } .infobox .title{ background-color: #373D40; 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; } .item.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; -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; } .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 ul{ list-style: none; margin: auto; text-align: center; } .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: pointer; } .item.infobox ul.toolpower li{ display: inline-block; padding: 0 0.5em; } .item.infobox table.stat{ border-spacing: 0; width: 100%; } .item.infobox .stat th{ white-space: nowrap; padding: 2px; text-align: right; border-right: 1px solid #f9f9f9; width: 5em; vertical-align: middle; } .item.infobox .stat td{ padding: 2px; border-left: 1px solid #f9f9f9; vertical-align: middle; } .item.infobox .stat td > small{ font-size: 10.5px; font-weight: bold; } .item.infobox .stat td > small::before{ content: "("; } .item.infobox .stat td > small::after{  content: ")"; } .item.infobox tr.buff th, .item.infobox tr.buff td{ background-color: #373D40; border: 1px solid #f9f9f9; } .item.infobox tr.buff th{ border-left: 0; } .item.infobox tr.buff td{ border-right: 0; } .item.infobox tr.buff td b{  font-weight: bold; white-space: nowrap; } .item.infobox .section.ids{ margin-top: 3px; border-top: 1px solid #aaa; text-align: center; font-size: 10.5px; background-color: #373D40; color: #063B5E; } .item.infobox .section.ids li{ padding: 2px 0; border-bottom: 2px solid #f9f9f9; margin: 0; font-weight: bold; } .item.infobox .section.ids li:last-child{ border-bottom: 0; }