MediaWiki:Mobile.css
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 mobile view. Sampled from Terraria wiki.gg*/
@import url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Dosis&family=Nova+Flat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,400;0,700;1,400;1,700&display=swap');
/**********************************************************************
* 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 {
margin: auto -14px;
}