MediaWiki:Common.css

/*

=
= UNIVERSAL CSS SECTION ============== THIS SECTION SHOULD BE IDENTICAL BETWEEN MediaWiki:Common.css AND MediaWiki.Mobile.css, ALL CHANGES SHOULD BE APPLIED TO THE OTHER AS WELL

/* Tooltip */ .tooltip { position: relative; display: inline-block; }

.tooltiptext { visibility: hidden; min-width: 150px; margin-left: -90px; padding: 12px 14px; text-align: center; position: absolute; left: 50%; bottom: calc(20px + 100%); z-index: 99999; background: #fff; box-shadow: 0 2px 0 0 rgba(0,0,0,0.15); border: 1px solid #a2a9b1; border-radius: 2px; font-weight: normal; pointer-events: none; }

.tooltiptext:after, .tooltiptext:before { content: ''; position: absolute; left: 50%; border-style: solid; }

.tooltiptext:after { top: 100%; bottom: auto; width: 20px; height: 20px; background: #fff; margin-top: -10px; margin-left: -10px; box-shadow: 1px 1px 0px #a2a9b1; transform: rotate(45deg); border-width: 0; }

.tooltiptext:before { top: 100%; bottom: auto; border-width: 18px; margin-left: -18px; border-color: rgba(0,0,0,0.15) transparent transparent transparent; pointer-events: none; } .tooltip .tooltip .tooltiptext { bottom: auto; top: calc(20px + 100%); } .tooltip .tooltip .tooltiptext:after { top: auto; bottom: 100%; border-width: 15px; margin-left: -15px; border-color: transparent transparent white transparent; width: 0; height: 0; box-shadow: none; background: none; transform: none; }

.tooltip .tooltip .tooltiptext:before { top: auto; bottom: 100%; border-width: 16px; margin-left: -16px; border-color: transparent transparent #888 transparent; }

.tooltiptext hr { margin: 10px 0 12px; position: relative; background: none; }

.tooltiptext hr:after { content: ''; display: block; width: 100%; height: 1px !important; position: absolute; left: -14px; background: #a2a9b1; padding: 0 14px; }

.tooltip:hover > .tooltiptext { visibility: visible; }

.tooltiptext { opacity: 0; transition: opacity 200ms ease, visibility 0s ease 200ms, transform 200ms ease; transform: translateY(8px); }

.tooltip .tooltip .tooltiptext { transform: translateY(-8px); } .tooltip:hover > .tooltiptext { opacity: 1; transition-delay: 0s; transform: translateY(0); }

.tooltiptext a { color: #0645ad; border-bottom: 0; } .tooltiptext a:visited { color: #0b0080; } .tooltiptext a:active { color: #faa700; } .tooltiptext a:hover, a:focus { text-decoration: underline; } .tooltiptext { color: #252525; } .tooltiptext a.new { color: #ba0000; }

/* Specifies a font-family with the name 'feh' that has semantic meaning as "the latest font used by the game". Note: For optimization purposes the fallback base64 encoded embed only contains the set of characters used by the game's message archives. As such, it may fail when quoting forging bonds or may need updating if a very new skill that uses an previously unused kanji needs to be quoted with this font. If an update is needed, update Module:FEH Lang, then make and run a lua script to output every unique character that been used once. Then, the set of characters can be passed to a generator such as transfonter.org @font-face { font-family: 'feh'; src: local('UC_Font(Big5+HK2008_Skip)'), local('UC_FONTBig5+HK2008_SKIP'), local('nintendoP_Skip-D_003') }

/* Colored columns for max stats table */
 * 1) max-stats-table tr td:nth-child(6) { background: #ffe6cc; }
 * 2) max-stats-table tr td:nth-child(7) { background: #fcc; }
 * 3) max-stats-table tr td:nth-child(8) { background: #cfc; }
 * 4) max-stats-table tr td:nth-child(9) { background: #ffffe6; }
 * 5) max-stats-table tr td:nth-child(10) { background: #cce6ff; }

/* for Module:StatTable */ .full-stats-table tr td:nth-of-type(1), .full-stats-table tr td:nth-of-type(2), .full-stats-table tr td:nth-of-type(3) { background: #ffe6cc; } .full-stats-table tr td:nth-of-type(4), .full-stats-table tr td:nth-of-type(5), .full-stats-table tr td:nth-of-type(6) { background: #fcc; } .full-stats-table tr td:nth-of-type(7), .full-stats-table tr td:nth-of-type(8), .full-stats-table tr td:nth-of-type(9) { background: #cfc; } .full-stats-table tr td:nth-of-type(10), .full-stats-table tr td:nth-of-type(11), .full-stats-table tr td:nth-of-type(12) { background: #ffffe6; } .full-stats-table tr td:nth-of-type(13), .full-stats-table tr td:nth-of-type(14), .full-stats-table tr td:nth-of-type(15) { background: #cce6ff; }

.full-stats-table-no-ivs tr td:nth-of-type(1) { background: #ffe6cc; } .full-stats-table-no-ivs tr td:nth-of-type(2) { background: #fcc; } .full-stats-table-no-ivs tr td:nth-of-type(3) { background: #cfc; } .full-stats-table-no-ivs tr td:nth-of-type(4) { background: #ffffe6; } .full-stats-table-no-ivs tr td:nth-of-type(5) { background: #cce6ff; }

/* Template:Banner */ .banner-text { color: #fff; font-family: 'feh', sans-serif; font-weight: bold; text-shadow: -1px -1px 2px #323232, 1px -1px 2px #323232, -1px 1px 2px #323232, 1px 1px 2px #323232; }

span.reward > span:after { content: "\a0+ "; padding: 2px; } span.reward.or > span:after { content: "\a0/ "; padding: 2px; } span.reward > span:last-child:after, span.reward.or > span:last-child:after { content: none; }

table.reward-table > tr > td:nth-of-type(even), table.reward-table > * > tr > td:nth-of-type(even), table.reward-only-table > tr > td, table.reward-only-table > * > tr > td { text-align: right; } table.reward-table > tr > td span.reward, table.reward-table > * > tr > td span.reward, table.reward-only-table > tr > td span.reward, table.reward-only-table > * > tr > td span.reward { display: inline-block; padding: .5em; } table.reward-table > tr > th.reward-table-header, table.reward-table > * > tr > th.reward-table-header { text-align: right; padding-right: 1em; }

/* Module:NameAbout */ table.character-about { text-align:center; margin:auto; width:60%; }

/* No JS OOUI-based tabber CSS fallback */ .fehwiki-tabber { border: 1px solid #a2a9b1; padding: 1em; }

.fehwiki-tab-header { font-size: larger; font-weight: bold; border-bottom: 2px solid #666; margin-bottom: 1em; }

.client-js .fehwiki-tabber { /* Prevent flash of unstyled content */ display:none }

/* Horizontal Lists */ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { margin: 0; display: inline; } /* Display nested lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li, .hlist .mw-empty-elt { display: none; } /* Generate interpuncts */ .hlist dt:after { content: ": "; } .hlist dd:after, .hlist li:after { content: "\00a0· "; font-weight: bold; } .hlist dd:last-child:after, .hlist dt:last-child:after, .hlist li:last-child:after { content: none; } /* Add parentheses around nested lists */ .hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before, .hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before, .hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before { content: " (";   font-weight: normal; } .hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after, .hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after, .hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {    content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li:before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child:before, .hlist dt ol > li:first-child:before, .hlist li ol > li:first-child:before { content: " (" counter(listitem) "\a0"; } /* Default style for navigation boxes */ .navbox {                    /* Navbox container style */    box-sizing: border-box;    border: 1px solid #a2a9b1;    width: 100%;    clear: both;    font-size: 88%;    text-align: center;    padding: 1px;    margin: 1em auto 0;       /* Prevent preceding content from clinging to navboxes */ } .navbox .navbox {    margin-top: 0;            /* No top margin for nested navboxes */ } .navbox + .navbox {    margin-top: -1px;         /* Single pixel border between adjacent navboxes */ } .navbox-inner, .navbox-subgroup {    width: 100%; } .navbox-group, .navbox-title, .navbox-abovebelow {    padding: 0.25em 1em;      /* Title, group and above/below styles */    line-height: 1.5em;    text-align: center; } th.navbox-group {             /* Group style */    white-space: nowrap;    /* @noflip */    text-align: right; } .navbox, .navbox-subgroup { background: #fdfdfd;     /* Background color */ } .navbox-list { line-height: 1.5em; border-color: #fdfdfd;   /* Must match background color */ } .navbox th, .navbox-title { background: #aacde6;     /* Level 1 color */ } .navbox-abovebelow, th.navbox-group, .navbox-subgroup .navbox-title { background: #aacde6;     /* Level 2 color */ } .navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow { background: #deeeff;     /* Level 3 color */ } .navbox-even { background: #f7f7f7;     /* Even row striping */ } .navbox-odd { background: transparent; /* Odd row striping */ } .navbox .hlist td dl, .navbox .hlist td ol, .navbox .hlist td ul, .navbox td.hlist dl, .navbox td.hlist ol, .navbox td.hlist ul { padding: 0.125em 0;      /* Adjust hlist padding in navboxes */ } /* Default styling for Module:Navbar */ .template-navbar { display: inline; font-size: 88%; font-weight: normal; }

.template-navbar ul { display: inline; white-space: nowrap; }

.mw-body-content .template-navbar ul { line-height: inherit; }

.template-navbar li { word-spacing: -0.125em; } .template-navbar.mini li abbr[title] { font-variant: small-caps; border-bottom: none; text-decoration: none; cursor: inherit; }

/* template-navbar styling when nested in infobox and navbox */ .infobox .template-navbar { font-size: 100%; }

.navbox .template-navbar { display: block; font-size: 100%; }

.navbox-title .template-navbar { /* @noflip */ float: left; /* @noflip */ text-align: left; /* @noflip */ margin-right: 0.5em; width: 6em; }

/* Front page box, for gphelp Gachanav template */ .fpbox { background: #fff; color: #000; margin-top: 25px; padding: 10px; border: 1px solid #4d505f; }

.fpbox .welcome { border-bottom: 2px solid #1B1823; color: #000; font-size: 150%; margin: 0 0 10px 0; padding: 0 0 5px 0; text-transform: uppercase; }

/*Making math images have a proper background (they are rendered with black text with transparent background, unreadable on a black background)*/ .mwe-math-fallback-image-inline, .mwe-math-fallback-image-display { color: #000; background-color: #FFF; } /* END UNIVERSAL CSS SECTION */

/* For inserting a TOC which omits subheadings beyond a certain depth */ .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6 .toclevel-5 ul, .toclimit-7 .toclevel-6 ul { display: none; }

table.inner-hstrip { border-collapse: collapse; } table.inner-hstrip > tr + tr > th, table.inner-hstrip > tr + tr > td, table.inner-hstrip > * > tr + tr > th, table.inner-hstrip > * > tr + tr > td { border-top: 1px solid #cdd1d6; }

/* Module:UnitData */ .unitdata-unit-table { width: 48em; }

.ambox { background-color: #eeeeee; border-bottom-color: #383838; border-right-color: #383838; border-top-color: #383838; border-collapse: collapse; font-size: 95%; margin: 0 auto 2px auto; width: 80%; }

.ambox-gray { border-left-color: #383838; }

.ambox.ambox-tiny { font-size: 90%; margin: 2px 0; width: auto; }

.ambox + .ambox { margin-top: -2px; }

.ambox-text { padding: 0.25em 0.5em; }

.ambox-image { padding: 2px 0 2px 0.5em; text-align: center; width: 60px; }

.ambox-tiny .ambox-image { padding: 2px 0.5em; text-align: left; width: auto; }

/* Ambox colors */ .ambox-blue { border-left: 10px solid #1e90ff; }

.ambox-red { border-left: 10px solid #b22222; }

.ambox-orange { border-left: 10px solid #f28500; }

.ambox-yellow { border-left: 10px solid #f4c430; }

.ambox-purple { border-left: 10px solid #9932cc; }

.ambox-gray { border-left: 10px solid #bba; }

.ambox-green { border-left: 10px solid #228b22; }

/* Ambox small text */ .amsmalltext { font-size: smaller; margin-left:0.8em; margin-top:0.5em; }

.NewHeroes { display:inline-block; margin:10px 35px 0; text-align:center; } .NewHeroes-section { display:inline-block; margin:10px 35px 0; } .NewHeroes-section-title { font-variant:small-caps; font-size:110%; font-weight:bold; }