MediaWiki:Common.css

:root {
--color-surface-0:#edf8fb;
}

:root.skin-citizen-dark {
--color-surface-0:#0b1a20;
}

table.wikitable tr th,table.wikitable tr td {
padding:.625rem 1.25rem .625rem .313rem
}

.wikitable sortable {
display:block;
font-size:185%;
width:100%
}

table.wikitable,table.prettytable {
width: 100%;
border-collapse:collapse;
background: #FFF;
color:#777;
empty-cells:show;
margin:1rem 1rem 1rem 0;
border-bottom: 5px solid #11aabb
}

table.wikitable th,table.wikitable td.hl3,table.wikitable th.hl3,table.prettytable th,table.prettytable td.hl3,table.wikitable th.hl3 {
background:@blue;
color:@text;
text-align:center
}

table.wikitable td.hl1,table.wikitable th.hl1,table.prettytable td.hl1,table.wikitable th.hl1 {
background:#c5d8fc;
text-align:center
}

table.wikitable td.hl2,table.wikitable th.hl2,table.prettytable td.hl2,table.wikitable th.hl2 {
background:#a7c1f2;
text-align:center
}

table.wikitable caption,table.prettytable caption {
font-weight:700;
margin-left:inherit;
margin-right:inherit
}

table.wikitable tbody,table.prettytable tbody {
display:table-row-group
}

div.columns-2 div.column {
float:left;
margin:.188rem 0;
min-width:300px;
width:50%
}

div.columns-3 div.column {
float:left;
margin:.188rem 0;
min-width:200px;
width:33.3%
}

div.columns-4 div.column {
float:left;
margin:.188rem 0;
min-width:150px;
width:25%
}

div.columns-5 div.column {
float:left;
margin:.188rem 0;
min-width:120px;
width:20%
}

.skin-citizen-dark .mw-indicator,#mw-indicator-Japan {
filter:none
}

.infoboxbubble {
background:var(--background-color-dp-00);
border:1px solid #10a4b7;
color:var(--color-base);
font-size:85%;
object-fit:fill
}

img {
height:auto;
max-width:100%
}

.newcontainer {
border:2px solid #10a4b7;
margin:auto;
width:80%
}

.newheader {
background:linear-gradient(90deg,rgba(2,0,36,1) 0%,rgba(9,73,121,1) 25%,rgba(16,164,183,1) 100%);
color:#fff;
text-align:center
}

.newheaderborder {
border:#fff 1px solid;
}

.newboxcontent {
background:var(--color-surface-0);
border:#10a4b7 1px solid;
color:var(--color-base);
font-size:95%
}

.newlabel {
background:linear-gradient(90deg,rgba(2,0,36,1) 0%,rgba(9,73,121,1) 25%,rgba(16,164,183,1) 100%);
border:#fff 1px solid;
color:#fff;
font-size:95%
}

.newboximage {
background:var(--background-color-dp-00);
color:var(--color-base);
font-size:90%;
text-align:center
}

.charboxouter {
border:2px solid #10a4b7;
float:right;
margin:.25rem 0 .25rem .5rem;
width:20rem
}

h1:after {
background:none repeat scroll 0 0 #10a4b7;
bottom:-0;
content:"";
display:block;
height:2px;
position:relative;
width:100%
}

span.navbar a {
font-size:1.56rem;
text-shadow:-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
}

span.navbar a,span.navbar-sub a {
color:#fff
}

.navbarS1 {
background:#b92a0a;
background-image:url(images/5/58/Navbar_Suikoden.webp);
background-repeat:no-repeat
}

.navbarS2 {
background:#427da7;
background-image:url(images/0/06/Navbar_Suikoden_II.webp);
background-repeat:no-repeat
}

.navbarS3 {
background:#92daa7;
background-image:url(images/b/b8/Navbar_Suikoden_III.webp);
background-repeat:no-repeat
}

.navbarS4 {
background:#006994;
background-image:url(images/2/27/Navbar_Suikoden_IV.webp);
background-repeat:no-repeat
}

.navbarS5 {
background:#ceb25e;
background-image:url(images/a/af/Navbar_Suikoden_V.webp);
background-repeat:no-repeat
}

.navbarST {
background:#6d5849;
background-image:url(images/4/47/Navbar_Suikoden_Tierkreis.webp);
background-repeat:no-repeat
}

.navbarR {
background:#93ac8b;
background-image:url(images/0/0e/Navbar_Suikoden_Tactics.webp);
background-repeat:no-repeat
}

.navbarSG1 {
background:#cdccd9;
background-image:url(images/a/a4/Navbar_Genso_Suikogaiden_Vol.1.webp);
background-repeat:no-repeat
}

.navbarSG2 {
background:#cdccd9;
background-image:url(images/8/87/Navbar_Genso_Suikogaiden_Vol.2.webp);
background-repeat:no-repeat
}

.navbarSC {
background:#7b726b;
background-image:url(images/3/3b/Navbar_Genso_Suikoden_Tierkreis_Hoshikuzu_no_Shiro.webp);
background-repeat:no-repeat
}

.navbarS100 {
background:#008865;
background-image:url(images/4/43/Navbar_Genso_Suikoden_Tsumugareshi_Hyakunen_no_Toki.webp);
background-repeat:no-repeat
}

.navbarCS {
background:#cfbd90;
background-image:url(images/c/ca/Navbar_Genso_Suikoden_Card_Stories.webp);
background-repeat:no-repeat
}

.navbarPS {
background:#4c657e;
background-image:url(images/0/03/Navbar_Pachislot_Genso_Suikoden.webp);
background-repeat:no-repeat
}

.navbarGS {
background:#10a4b7;
background-image:url(images/2/2d/Navbar_Genso_Suikoden.webp);
background-repeat:no-repeat
}

#home-nav {
margin-top:1rem
}

#home-nav .home-card__background:after {
background:linear-gradient(to right,#000,transparent);
bottom:0;
content:"";
display:block;
left:0;
pointer-events:none;
position:absolute;
right:0;
top:0
}

#home-nav .home-card__foreground {
align-items:flex-end;
color:#fff;
display:flex;
font-size:150%;
font-weight:500;
height:100%;
padding:0 .938rem;
pointer-events:none;
}

.home-grid {
display:grid;
grid:auto-flow dense/repeat(auto-fit,minmax(15.375rem,1fr));
grid-auto-rows:minmax(3rem,auto);
grid-gap:.625rem
}

.home-card {
border-radius:8px;
font-size:.875rem;
height:5.82rem;
position:relative
}

.home-card__background {
background:#000;
border-radius:4px;
bottom:0;
left:0;
position:absolute;
right:0;
top:0
}

.home-card__background img {
height:100%;
object-fit:cover;
}

.home-card__foreground {
position:absolute
}

.home-card.home-card--button {
background:#242a31;
overflow:hidden;
padding:0
}

.home-card--button img {
transition:transform .2s ease
}

.home-card--button:hover img {
transform:scale(1.1)
}

.home-link {
display:grid;
font-size:.875rem;
font-weight:500;
grid-gap:.375rem;
margin-top:.375rem;
text-align:center
}

span.hidden,span.section-indicator.citizen-ui-icon.mw-ui-icon-wikimedia-collapse {
display:none
}