×
Create a new article
Write your page title here:
We currently have 1,288 articles on Historica of Lovely Fate. Type your article name above or click on one of the titles below and start writing!



Historica of Lovely Fate

MediaWiki:Common.css

Revision as of 22:20, 10 March 2022 by GrumpySenpai (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

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


/*In the infobox, the images in the second column will have weird background colors, so change it to transparent*/
.portable-infobox .pi-horizontal-group-item:nth-child(even) {
    background-color: transparent;
}