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:90%; 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 { color:#fff; font-size:1.56rem; text-shadow:-1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }

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 }

margin-top:1rem }
 * 1) home-nav {

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

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

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

.cell { width: 100px; &.grow { width: auto; flex-grow: 1; } }

@media (max-width: 600px) { .newcontainer { flex-direction: column; .cell { width: 100%; } } }