MediaWiki:Common.css

/* common css for both desktop and mobile view. */ @import url(https://terraria.gamepedia.com/index.php?title=MediaWiki:Common-base.css&action=raw&ctype=text/css);

/* When title sub line is empty, remove its margin (provides better vertical centering) */
 * 1) contentSub:empty {margin: 0;}

/* notification count */ .reverb-total-notifications.reverb-bell-notification-count.reverb-ddt{ display: inline; } /* notification link (setting cog) */ .reverb-np-header a{	color: #fff; }

/* sidebar merch */ margin: 0 0 1.5em; background: transparent; border: 0 none; box-shadow: none; }
 * 1) mw-panel.collapsible-nav .portal#p-sitePromos {

/* layout style for all page */ div#mw-page-base { background: transparent !important; }

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

width: 160px; height: 163px; }	width: 160px; height: 163px; background-size: contain; background-position: 50% 0%; } .mw-body{ margin-left: 11em; }	margin-left: 11em; } /*main layout*/ html body { background: url("/media/6/6b/Terraria_forest_background.jpg") no-repeat fixed center bottom / cover #B6D1B2; height: auto !important; margin-top: 0 !important; min-height: 100%; display: flex; flex-direction: column; } div#netbar{ position: static; }	flex: 1 0 auto; position: relative; display: flex; flex-direction: column; }	flex: 1 1 auto; } /*override.*/ html body.hide-ads #global-wrapper, html body #global-wrapper{ margin-bottom: auto; min-height: 0; }	flex: 0 0 auto; transition: margin-top 0.2s; }	display: none; }	/* align with main content */ padding: 0.5em 1em; margin-bottom: 8px; margin-right: 8px;/*0.5rem*/ background: rgba(255,255,255,0.65); box-shadow: inset 0 0 10px rgba(255,255,255,0.3); margin-top: 0; border-radius: 0 0 .3em .3em; } div#mw-panel{ top: 0; padding-top: 0.5em; padding-left: 0.5em; }	position: static; }	margin: 8px 0; padding: 0; border-radius: .3em; background: rgba(255,255,255,0.65); box-shadow: inset 0 0 10px rgba(255,255,255,0.3); }   margin-top: 8px; } div#mw-panel div.portal#p-socialProfiles{ background: none; box-shadow: none; }   padding: 0.3em 0; }	padding-top: 0; }	padding-top: 0.3em; }	padding-top: 5px; padding-bottom: 5px; }	text-decoration: none; }	background: rgba(255,255,255,0.2); box-shadow: inset 0 0 10px rgba(255,255,255,0.3); top: 0.5em; right: 0.5em;/*8px*/ left: 11em; width: auto; height: 2.5em; border-radius: .3em .3em 0 0; z-index:0; } .socialSidebar{ width: auto; } div.vectorMenu div.menu{ border-top-width: 1px; } /*move content up*/ margin-top: 0; }	margin-left: 0.5em; }	padding-left: 1em; }	height: 3em; } div.vectorMenu div.menu{ top: 2em; } div.suggestions, html > body div.suggestions{ margin-top: 0; } /*fix for responsive*/ display: inline-block; }	padding: 0 0.75em; }	text-align: center; }
 * 1) p-logo{
 * 1) p-logo a{
 * 1) footer{
 * 1) global-wrapper{
 * 1) pageWrapper{
 * 1) curse-footer{
 * 1) footer-push{
 * 1) footer{
 * 1) p-logo{
 * 1) mw-panel .portal{
 * 1) mw-panel #p-logo + div.portal {
 * 1) mw-panel .portal .body ul {
 * 1) mw-panel.collapsible-nav .portal .body ul{
 * 1) mw-panel.collapsible-nav #p-navigation .body ul{
 * 1) mw-panel.collapsible-nav .portal h3{
 * 1) mw-panel.collapsible-nav div.portal.collapsed h3:hover{
 * 1) mw-head{
 * 1) left-navigation, #right-navigation{
 * 1) left-navigation{
 * 1) right-navigation{
 * 1) mw-page-base{
 * 1) curse-footer.hide-ads .footer-box ul.you,
 * 2) curse-footer.hide-ads .footer-box ul.more,
 * 3) curse-footer.hide-ads .footer-box ul.you li,
 * 4) curse-footer.hide-ads .footer-box ul.more li {
 * 1) curse-footer.hide-ads .footer-box ul.you li a,
 * 2) curse-footer.hide-ads .footer-box ul.more li a{
 * 1) curse-footer.hide-ads .footer-flex{

/* Tabs */ div.vectorTabs, div.vectorMenu{ margin-top: 0.5em; height: 2em; } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited { color: #E4F0F7 !important; } div.vectorTabs, div.vectorTabs span { background-image: none; } div.vectorTabs span { overflow: hidden; } div.vectorTabs span a{	padding-top: 0.75em; } div.vectorTabs li.selected a, div.vectorTabs li.selected a span, div.vectorTabs li.selected a:visited, div.vectorTabs li.selected a:visited span { color: #E4F0F7; } .vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a { padding-top: 2.5em; } div.vectorTabs ul { background-image: none; }

div.vectorTabs li a, div.vectorTabs li a span { color: #E4F0F7; }

div.vectorTabs li a:hover, div.vectorTabs li a:hover span { color: #E4F0F7; }

div.vectorTabs li a { background-image: none; }

div.vectorTabs li.selected, div.vectorTabs ul li{ background: none; } div.vectorTabs li.selected span{ background: #fcfcfc; border: 1px solid #e8e8e8; border-bottom: 1px solid #fcfcfc; } div.vectorTabs ul li span, div.vectorMenu{ background: rgba(32,32,32,0.12); border: 1px solid rgba(232,232,232,0.4); margin-right: 6px; border-radius: 5px 5px 0 0; border-bottom: 0; } div#p-sharing { top: 0; } div#p-sharing .menu { min-width: 0px; width: 48px; margin-left: 0.5em; }

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

width: 40px; }
 * 1) p-sharing #socialIconImages a {

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

div.vectorMenu h3 span { color: #E4F0F7; } div.vectorMenu h3:hover span, div.vectorMenu h3:focus span { color: #E4F0F7; }

div#mw-head div.vectorMenu h3 { background-image: none; height: 2em; } div#mw-head div.vectorMenu h3 span{ margin-top: -0.5em; } div.vectorMenu h3 a { background-image: none; }

div.vectorMenu li a { color: #000000; }

/* Sidebar */ div#p-personal h5 { color: #E4F0F7; }

div#p-personal a { color: #E4F0F7; }

div#p-personal a:hover { color: #FFFFFF; background: transparent; }

div#mw-panel div.portal h3, color: #E4F0F7; font-weight: bold; text-decoration: none; }
 * 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.body ul li a:visited { color: #000; }

div#mw-panel div.portal div.body ul li a { color: #000; }

div#mw-panel div.portal, div#mw-panel div.portal div.body, background-image: none; }
 * 1) mw-panel.collapsible-nav .portal {

/* Content */ div#content { background-color: #FCFCFC; background-image: none; border: 0px; color: #000000; margin-right: 8px;/*0.5rem*/ margin-bottom: -1px; margin-top: 0; border-radius: 0; border-bottom: 1px solid rgba(48,48,48, 0.1); border-top: 1px solid #e8e8e8; }

h1, h2, h3, h4, h5, h6 { color: #000000; }

.catlinks { background-color: #E4F0F7; border: 1px ridge #AFCFE2; border-radius: .3em; -moz-border-radius: .3em; -webkit-border-radius: .3em; }

.toc, .mw-warning { border: 1px solid #AFCFE2; background-color: white; padding: 5px; font-size: 95%; border-radius: .3em; -moz-border-radius: .3em; -webkit-border-radius: .3em; }
 * toc,

ul#filetoc { border: 1px solid #DEECF4; }

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

div#footer ul li { color: #FFFFFF; }

div#footer a { color: #E4F0F7; }

/* Gamepedia lines */ border-top: #f48020 3px solid; }
 * 1) gamepedia-footer {

.netbar-flex { border-bottom: 1px solid #f48020; }

/* Desktop view for mobile screen. */ @media(max-width: 980px) {

/* longest: User:xxx/Common.css */ body #content div#atflb, body #content div#btflb { width: 100% !important; min-width: 300px !important; }

html body { margin-top: 0 !important; }

div#netbar { 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: 55px auto auto; }

#mw-navigation { position: absolute; left: 0; top: 0.5em; width: 100%; height: 3.5em; }

div#mw-head { position: relative !important; height: 100%; margin-top: auto; font-size: 12px; line-height: 1; top: -3px; left: 0; padding-bottom: 5px; background: none; box-shadow: none; }

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; height: auto; font-size: 1em; padding-bottom: 5px; }   div.vectorTabs li span a { padding-bottom: 2px; }

div#mw-head div.vectorTabs ul, div#mw-head div.vectorTabs li { line-height: inherit; float: none; background: none; height: auto; }   div.vectorTabs ul li, div.vectorTabs li.selected{ border: 0; }   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.vectorMenu { float: none; display: block; position: relative; line-height: 1; }

div#mw-head div.vectorMenu h3 { height: auto; float: none; background: none; padding: 0 0.5em !important; margin: 0.5em 0 0; }

div#mw-head div.vectorMenu h3 span { padding: 0.25em; margin: 0; font-size: 1em; padding-right: 15px; }   div.vectorMenu h3 span::after{ top: 0; }

div#mw-head div.vectorMenu h3 a { display: none; }

div#p-namespaces, div#p-views{ top: 0; float: none; }   div#p-cactions,div#p-variants { top: 0; float: none; }

div#mw-head div.emptyPortlet { display: none; }

div#mw-head div.vectorMenu div.menu { top: 100%; margin-top: 0; 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; 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; 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; }

/* right offset */ #p-cactions div.menu { left: auto; right: 0; }

div#mw-head div.vectorTabs li.mw-watchlink { height: 24px; overflow: hidden; margin-top: 0; }	.vectorTabs #ca-unwatch.icon a, .vectorTabs #ca-watch.icon a{		margin: 3px; }   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; margin: auto; bottom: 36px; }

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; padding-right: 0; }

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: #f2f2f2; overflow: visible; z-index: 999; }   div#p-logo { display: block; position: absolute; left: 0; top: -35px; width: 71px; height: 25px !important; border-radius: 3px; overflow: hidden; margin-top: 0; }

#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; background: 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: -35px !important; left: 80px !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+PHBhdGggY2xhc3M9Imhlcm9pY29uLXVpIiBzdHJva2U9IiMzMzMiIGZpbGw9IiMzMzMiIGQ9Ik00IDVoMTZhMSAxIDAgMCAxIDAgMkg0YTEgMSAwIDEgMSAwLTJ6bTAgNmgxNmExIDEgMCAwIDEgMCAySDRhMSAxIDAgMCAxIDAtMnptMCA2aDE2YTEgMSAwIDAgMSAwIDJINGExIDEgMCAwIDEgMC0yeiIvPjwvc3ZnPg==); background-size: 100% 100%; background-position: center center; background-repeat: no-repeat; cursor: pointer; }   #footer{ margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 5px; } } /*end media max-width:980px*/ @media(max-width: 500px) { div#pageWrapper { margin: auto; }   #footer{ margin-top: auto; margin-bottom: auto; border-radius: 0; }   #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:500px*/ @media(max-width: 399px) { /* make curse-footer smaller to avoid warp */ #curse-footer, #curse-footer a, #curse-footer a:visited, #curse-footer a:active, #curse-footer a:hover { font-size: 12px; } } /* end media max-width:399px */

/* Forces the page to have a vertical scroll bar to avoid width jitter caused by page content changes. */ body { overflow-y: scroll; }

/* Wiki editor fixes */ .wikiEditor-ui { background: rgba(0, 0, 0, 0); border: medium none; }

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

div.wikiEditor-ui-controls { background-color: rgba(0, 0, 0, 0); /* border-bottom: 1px solid #aaaaaa; remove for mw1.31*/ }

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

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

.wikiEditor-ui-tabs div a { background: #f9f9f9; /* you can use a gradient here if you want to get fancy */ color: #0645ad; }

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

.wikiEditor-ui-tabs div.current a { color: #000000; }

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

.wikiEditor-toolbar-spritedButton { background: url('https://help.gamepedia.com/media/help.gamepedia.com/5/5c/Editbar_sprites.png'); }

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

.wikiEditor-ui-toolbar .group { border-right: 1px solid #aaaaaa; }

.wikiEditor-ui-toolbar .group-search { border-left: 1px solid #aaaaaa; border-right: none; }

.wikiEditor-ui-toolbar .group .label { color: #000000; }

.tab { border-color: transparent; }

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

.wikiEditor-ui-toolbar .group .tool-select .label { color: #000000; }

.wikiEditor-ui-toolbar .sections .section { background-color: #f3f3f3; border-top: 1px solid #aaaaaa; }

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

.wikiEditor-ui-toolbar .booklet .index .current { background-color: transparent; color: #000000; }

.wikiEditor-ui-toolbar .booklet .pages { background-color: transparent; }

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

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

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

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

.wikiEditor-preview-contents { background-color: transparent; border-color: -moz-use-text-color #aaaaaa #aaaaaa; border-image: none; border-style: none solid solid; border-width: medium 1px 1px; }

.editOptions { background-color: transparent; border-color: -moz-use-text-color #aaaaaa #aaaaaa; border-image: none; border-style: none solid solid; border-width: medium 1px 1px; }

/* Page history */ div#pagehistory li.selected { background-color: transparent; border: none; }

div#pagehistory li { background-color: transparent; border: none; }

/* More noticeable diff coloring, taken from Thorium Mod Wiki*/ 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; }

/* multi-upload screen font color fix */ margin-left: 10px; }
 * 1) upload_list .file .file-title {

.check_span { color: #1D1D1D; float: right; }

/*override color*/ div.vectorTabs li a, div.vectorTabs li a span{ color: inherit !important; } div.vectorTabs li a:hover, div.vectorTabs li a:hover span{ color: inherit !important; } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited{ color: inherit !important; } div.vectorMenu h3 span{ color: inherit; } div.vectorMenu h3 span::after{ background-image: url("data:image/svg+xml,%3C%21-- Created with Inkscape %28http://www.inkscape.org/%29 --%3E %3Csvg xmlns:dc=%22http://purl.org/dc/elements/1.1/%22 xmlns:cc=%22http://creativecommons.org/ns%23%22 xmlns:rdf=%22http://www.w3.org/1999/02/22-rdf-syntax-ns%23%22 xmlns:svg=%22http://www.w3.org/2000/svg%22 xmlns=%22http://www.w3.org/2000/svg%22 xmlns:sodipodi=%22http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd%22 xmlns:inkscape=%22http://www.inkscape.org/namespaces/inkscape%22 width=%2216%22 height=%2216%22 id=%22svg2%22 version=%221.1%22 inkscape:version=%220.48.5 r10040%22 sodipodi:docname=%22arrow-expanded.svg%22%3E %3Cdefs id=%22defs4%22 /%3E %3Csodipodi:namedview id=%22base%22 pagecolor=%22%23ffffff%22 bordercolor=%22%23666666%22 borderopacity=%221.0%22 inkscape:pageopacity=%220.0%22 inkscape:pageshadow=%222%22 inkscape:zoom=%2232.38%22 inkscape:cx=%2211.605029%22 inkscape:cy=%2211.06141%22 inkscape:document-units=%22px%22 inkscape:current-layer=%22layer1%22 showgrid=%22false%22 inkscape:window-width=%221366%22 inkscape:window-height=%22705%22 inkscape:window-x=%22-8%22 inkscape:window-y=%22-8%22 inkscape:window-maximized=%221%22 /%3E %3Cmetadata id=%22metadata7%22%3E %3Crdf:RDF%3E %3Ccc:Work rdf:about=%22%22%3E %3Cdc:format%3Eimage/svg%2Bxml%3C/dc:format%3E %3Cdc:type rdf:resource=%22http://purl.org/dc/dcmitype/StillImage%22 /%3E %3Cdc:title%3E%3C/dc:title%3E %3C/cc:Work%3E %3C/rdf:RDF%3E %3C/metadata%3E %3Cg inkscape:label=%22Layer 1%22 inkscape:groupmode=%22layer%22 id=%22layer1%22%3E %3Cpath style=%22fill:%23797979%22 inkscape:connector-curvature=%220%22 d=%22m 13.002%2C6.001 -5%2C5.001 -5%2C-5.001 z%22 id=%22path2997%22 /%3E %3C/g%3E %3C/svg%3E"); } div#mw-panel div.portal h3, #mw-panel.collapsible-nav .portal h3 a, #mw-panel.collapsible-nav .portal h3 a:visited, #mw-panel.collapsible-nav .portal.collapsed h3 a, #mw-panel.collapsible-nav .portal.collapsed h3 a:visited{ color: inherit; } div#mw-panel div.portal div.body ul li a{   color: inherit; } div#mw-panel div.portal div.body ul li a:visited { color: inherit; } div#footer ul li{ color: #333; } div#footer a{	color: inherit; }

/* Sound icon tweak */ .client-js .sound-title::after { margin-left: 0; }