MediaWiki:Common.css: Difference between revisions
m
no edit summary
mNo edit summary |
mNo edit summary |
||
| (38 intermediate revisions by the same user not shown) | |||
Line 1:
/* CSS placed here will be applied to all skins */
@import url("/w/index.php?title=Template:CharacterCard/style.css&action=raw&ctype=text/css");
@import url("/w/index.php?title=MediaWiki:XPtable.css&action=raw&ctype=text/css");
/*** Damage and Armor colors ***/
:root {
--normal: #485582;
--explosive: #930008;
--light: #930008;
Line 14 ⟶ 20:
--siege: #794394;
--structure: #794394;
--sonic: #794394;
--elastic: #794394;
}
.normal {color: var(--normal);}
.explosive {color: var(--explosive);}
.light {color: var(--light);}
Line 24 ⟶ 34:
.siege {color: var(--siege);}
.structure {color: var(--structure);}
.sonic {color: var(--sonic);}
.elastic {color: var(--elastic);}
.bg-normal {background-color: var(--normal);}
.bg-explosive {background-color: var(--explosive);}
.bg-light {background-color: var(--light);}
Line 33 ⟶ 46:
.bg-siege {background-color: var(--siege);}
.bg-structure {background-color: var(--structure);}
.bg-sonic {background-color: var(--sonic);}
.bg-elastic {background-color: var(--elastic);}
/* GL typing aliases */
.piercing {color: var(--penetration);}
.bg-piercing {background-color: var(--penetration);}
.bg-element {
Line 40 ⟶ 59:
}
/* Japanese font fallback */
html, body {
font-family: sans-serif, meiryo, meiryo ui, Yu Gothic, YuGothic;
}
*:lang(ja) {
font-family: meiryo, meiryo ui, Yu Gothic, YuGothic, sans-serif;
}
Line 64 ⟶ 92:
background-color: #ecf5f9;
}
.skill-additional {
width: 100%;
min-width: 575px;
max-width: 900px;
padding-left: 16px;
box-sizing: border-box;
}
table.skilltable tr.summary {
background-color:#d9edfb;
Line 85 ⟶ 122:
min-width: 0;
}
}
span.skillvalue {
color:#007eff;
font-weight:bold
}
Line 455 ⟶ 497:
display: grid;
gap: 10px;
grid-template-areas: "splash gacha
"splash
"splash
"mechanics mechanics mechanics"
"modes
"basics
grid-template-columns: 1fr 320px 320px;
margin: 0 auto;
Line 526 ⟶ 568:
flex-direction: column;
justify-content: space-between;
background-position: center;
background-size: cover;
Line 582 ⟶ 623:
.fp-item-twitter {
/* background: none; */
grid-area: twitter;
}
Line 632 ⟶ 673:
.fp-links-wrapper a .link-image.link-raid {
background-image: url('https://static.miraheze.org/bluearchivewiki/9/9c/Fp-link-raid.png');
}
.fp-links-wrapper a .link-image.link-eliminateraid {
background-image: url('https://static.miraheze.org/bluearchivewiki/8/81/Fp-link-eliminateraid.gif');
}
.fp-links-wrapper a .link-image.link-multifloorraid {
background-image: url('https://static.miraheze.org/bluearchivewiki/4/43/Fp-link-multifloorraid.png');
}
.fp-links-wrapper a .link-image.link-jfe {
background-image: url('https://static.miraheze.org/bluearchivewiki/a/ad/Fp-link-jfe.png');
}
Line 676 ⟶ 729:
.fp-links-wrapper a .link-image.link-shop{
background-image: url('https://static.miraheze.org/bluearchivewiki/6/61/Fp-link-shop.png');
}
.fp-links-wrapper a .link-image.link-affection{
background-image: url('https://static.miraheze.org/bluearchivewiki/2/2b/Fp-link-affection.png');
}
Line 685 ⟶ 742:
/* Twitter widget fix */
/*.fp-item-twitter .tabs-content {
width: 100%;
}
iframe#twitter-widget-0, .twitter-timeline {
height: 100%!important;
}
@media (min-width: 1200px) {
.fp-item-twitter {
min-height:
}
}*/
Line 702 ⟶ 761:
float:right;
clear:right;
margin-top: 0;
margin-left: 24px!important;
text-align:center;
Line 807 ⟶ 867:
}
.character .portrait-birthday section>article[aria-hidden="false"]:first-child a
display: block;
content: "";
Line 814 ⟶ 874:
background: url(https://static.miraheze.org/bluearchivewiki/9/9a/Icon_Momotalk_BirthdayHat.png);
position: absolute;
top:
right: 99px;
transform: rotate(18deg);
}
.character-images div.video {
Line 1,165 ⟶ 1,221:
}
table .tbd img
table tr.tbd td.bg-element {
opacity: 0.6;
}
.related-portrait,
.related-portrait img,
.related-characters div img {
border-radius: 50%;
Line 1,423 ⟶ 1,481:
flex-wrap: wrap;
row-gap: 6px;
align-items: flex-start;
}
Line 1,650 ⟶ 1,709:
position: absolute;
text-align: center;
line-height:
color: #ecf5f9;
text-shadow: 0 0
}
Line 1,688 ⟶ 1,747:
bottom:0;
right: -24px;
}
/* Vector skin fixes */
body {
height: auto!important;
}
#footer {
overflow: auto;
padding-bottom: 0.1em;
}
/* Darkmode fixes */
.client-darkmode figure[typeof~='mw:File/Thumb'] > a:first-child > *:first-child:not(.mw-broken-media),
.client-darkmode figure[typeof~='mw:File/Frame'] > a:first-child > *:first-child:not(.mw-broken-media),
.client-darkmode figure[typeof~='mw:File/Thumb'] > span:first-child > *:first-child:not(.mw-broken-media),
.client-darkmode figure[typeof~='mw:File/Frame'] > span:first-child > *:first-child:not(.mw-broken-media) {
border: 1px solid #303439;
background-color:#222222;
}
/* Generic flexbox container */
.flex-cards {
display: flex;
flex-flow: row wrap;
gap: 32px 32px;
}
/* Protect table row from being hidden */
table.mw-collapsed tr.protected {
display: table-row !important;
}
| |||