MediaWiki:Mobile.css

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

/********************************************************************** * Mobile.css Only **********************************************************************/ .theme-fandommobile-light { --theme-accent-color: #e4f0f7; --theme-accent-color--rgb: 228,240,255; --theme-accent-color--hover: #e4f0f7; --theme-accent-label-color: #063b5e; --custom-notice-blue-background-color: var(--theme-accent-color); --custom-notice-blue-border-color: var(--custom-accent-border-color); }

.theme-fandommobile-dark { --theme-accent-color: var(--fandom-banner-notification-background-color); --custom-notice-blue-background-color: var(--theme-accent-color); --custom-notice-blue-border-color: var(--custom-accent-border-color); }

/* Improve display of non-PIs */ .infobox, table.infobox { width: 100% !important; margin-left: 0; } .infobox { background-color: var(--theme-page-background-color--secondary); } .infobox .stat tr > th { background-color: transparent; border: none; padding-right: 10px; } .infobox .article-table-wrapper { box-shadow: none; border: none; margin-bottom: 0; } .infobox .modetabs .tab { background-color: var(--theme-page-background-color); } .infobox .modetabs .tab.current { background-color: var(--theme-page-background-color--secondary); border-bottom-color: var(--theme-page-background-color--secondary); } /* Remove mode icon images since link= doesn't work */ .infobox .modetabs .tab img { display: none; } /* Unset negative margin causing overlap */ .infobox.item .section.statistics .title, .npc.infobox .section.statistics .title { margin-bottom: unset; }

/* IDs in template */ .i .id { background: var(--fandom-banner-notification-background-color); }

/* for New flex mainpage styles */ /*NOTE: We NEED -14px left & right margin to get enough space for "enemies" and "biomes" block to show as 2-col on iphone7+ (414px width).*/ margin: auto -14px; }
 * 1) mainpage-global-wrapper {

.nomobile { display: none; }