MediaWiki:Mobile.css

From Terraria Wiki
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* common css for both desktop and mobile view. */
@import url(https://terraria.wiki.gg/index.php?title=MediaWiki:Common-base.css&action=raw&ctype=text/css);

/**********************************************************************
 * Mobile.css Only
 **********************************************************************/
 
 .article-content {
	--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);
}

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

/* for New flex mainpage styles */
#mainpage-global-wrapper {
   /*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; 
}
Retrieved from "https://terraria.wiki.gg/index.php?title=MediaWiki:Mobile.css&oldid=787618"