Revision as of 06:51, 6 December 2021 by GrumpySenpai (talk | contribs) (Have tables scroll their bodies independently on mobile devices instead of horizontally scrolling the main content)
Note: After saving, 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.
/* CSS placed here will be applied to all skins */
.article-table{
/*Tables that are embedded into the articles*/
border-collapse: collapse; /*have the borders around td sections actually touch*/
empty-cells: show;
margin: 1em 1em 1em 0; /*give it some breathing room around the table but stay left justified*/
/*on mobile devices, have the tables scroll independently of the main body content https://stackoverflow.com/questions/19794211/horizontal-scroll-on-overflow-of-table*/
display: block;
overflow-x: auto;
white-space: nowrap; /*keeps nice spacing within the tables*/
/*these allow you to still horizontally center tables and prevent it from having undue width which might cover something else beside it*/
max-width: -moz-fit-content;
max-width: fit-content;
margin: 0 auto;
}
.article-table td, .article-table th{
border-style: solid;
border-width: 0.1em;
}
.article-short-table th, .article-short-table td{
/*there are tables for resistances and character stats that are only two rows and looks silly with horizontal borders*/
border-top: none;
border-bottom: none;
}
.portable-infobox {
border: solid 0.1em;
}