MediaWiki:XPtable.css

From Blue Archive Wiki
Revision as of 09:56, 22 April 2023 by Electricsheep (talk | contribs) (Created page with "→‎** XP Table **: .xptable > div { column-count: 4; column-width: 320px; column-gap: 12px; column-rule: 1px solid #a2a9b1; display: block; padding: 0.2em 0em; } .xptable > div > div { display: inline-block; width: 100%; text-align: center; →‎cursor: pointer;: } .xptable > .header { border-bottom: 1px solid #a2a9b1; background-color: #eaecf0; } .xptable > .header span { text-align: center; font-stretch: cond...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
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.
/*** XP Table ***/

.xptable > div {
    column-count: 4;
    column-width: 320px;
    column-gap: 12px;
    column-rule: 1px solid #a2a9b1;
    display: block;
    padding: 0.2em 0em;
}

.xptable > div > div {
    display: inline-block;
    width: 100%;
    text-align: center;
    /* cursor: pointer; */
}

.xptable > .header {
    border-bottom: 1px solid #a2a9b1;
    background-color: #eaecf0;

}

.xptable > .header span {
    text-align: center;
    font-stretch: condensed;
    font-weight: bold;
}

.xptable > .content > div:hover {
    background-color: rgba(255,255,255,0.8);
}

.xptable div span {
    display: inline-block;
    width: 25%;
}

.xptable span.level,
.xptable span.ap {
    width: 20%;
}
.xptable span.xp,
.xptable span.total_xp {
    width: 30%;
}