MediaWiki:Common.css

table.wikitable tr th,table.wikitable tr td { padding:10px 20px 10px 5px }

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

table.wikitable,table.prettytable { border-collapse:collapse; color:#777; empty-cells:show; margin:1em 1em 1em 0 }

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:3px 0; min-width:300px; width:50% }

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

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

div.columns-5 div.column { float:left; margin:3px 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:.25em 0 .25em .5em; width:20em }

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

.navbarS1 { background-image:url(https://gensopedia.org/images/a/aa/Navbar_Suikoden.png); background-repeat:no-repeat; line-height:31px }

.navbarS2 { background-image:url(https://gensopedia.org/images/e/ee/Navbar_Suikoden_II.png); background-repeat:no-repeat; line-height:31px }

.navbarS3 { background-image:url(https://gensopedia.org/images/2/2e/Navbar_Suikoden_III.png); background-repeat:no-repeat; line-height:31px }

.navbarS4 { background-image:url(https://gensopedia.org/images/6/6f/Navbar_Suikoden_IV.png); background-repeat:no-repeat; line-height:31px }

.navbarS5 { background-image:url(https://gensopedia.org/images/8/86/Navbar_Suikoden_V.png); background-repeat:no-repeat; line-height:31px }

.navbarST { background-image:url(https://gensopedia.org/images/3/3c/Navbar_Suikoden_Tierkreis.png); background-repeat:no-repeat; line-height:31px }

.navbarR { background-image:url(https://gensopedia.org/images/d/dd/Navbar_Suikoden_Tactics.png); background-repeat:no-repeat; line-height:31px }

.navbarSG1 { background-image:url(https://gensopedia.org/images/4/4b/Navbar_Genso_Suikogaiden_Vol.1.png); background-repeat:no-repeat; line-height:31px }

.navbarSG2 { background-image:url(https://gensopedia.org/images/1/16/Navbar_Genso_Suikogaiden_Vol.2.png); background-repeat:no-repeat; line-height:31px }

.navbarSC { background-image:url(https://gensopedia.org/images/4/44/Navbar_Genso_Suikoden_Tierkreis_Hoshikuzu_no_Shiro.png); background-repeat:no-repeat; line-height:31px }

.navbarS100 { background-image:url(https://gensopedia.org/images/6/65/Navbar_Genso_Suikoden_Tsumugareshi_Hyakunen_no_Toki.png); background-repeat:no-repeat; line-height:31px }

.navbarCS { background-image:url(https://gensopedia.org/images/f/f7/Navbar_Genso_Suikoden_Card_Stories.png); background-repeat:no-repeat; line-height:31px }

.navbarPS { background-image:url(https://gensopedia.org/images/8/84/Navbar_Pachislot_Genso_Suikoden.png); background-repeat:no-repeat; line-height:31px }

.navbarGS { background-image:url(https://gensopedia.org/images/5/50/Navbar_Genso_Suikoden.png); background-repeat:no-repeat; line-height:31px }

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 15px; pointer-events:none; width:100% }
 * 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-grid--col2 { grid-template-columns:1fr 1fr }

.home-grid a.external { background-image:none }

.home-card { background:var(--color-surface-1); border-radius:8px; box-shadow:0 3px 6px rgba(0,0,0,0.04),0 3px 6px rgba(0,0,0,0.0575); font-size:.875rem; height:93px; padding:15px; position:relative }

.home-card table.timeline { margin-top:.2rem }

.home-card--col2 { grid-column:span 2 }

.home-card--row3 { grid-row:span 3 }

.home-card--row4 { grid-row:span 4 }

.home-card--row8 { grid-row:span 8 / auto }

.home-card__label { color:var(--color-base--subtle); font-size:.8125rem; letter-spacing:.75px }

h3.home-card__header { font-size:1rem; margin-top:0 }

.home-card__header a { align-items:center; display:flex; justify-content:space-between }

.home-card__header a:after { content:'▶'; font-size:.8125rem }

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

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

.home-card__foreground { position:absolute }

.home-card__foreground .home-card__label { color:#bababa }

.home-card__foreground .home-card__header { color:#fff }

.home-card p { font-size:.875rem; margin-top:.2rem }

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

.home-card--button a { align-items:center; background:transparent; color:#fff; display:flex; font-weight:500; height:110%; justify-content:center; padding:0 15px }

.home-card--button .home-card__background a { 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:6px; margin-top:6px; text-align:center }

.home-link__button { display:flex }

.home-link__button a { background:var(--color-surface-2); border:1px solid; border-color:var(--border-color-base); border-radius:12px; color:var(--color-base--emphasized); flex-grow:1; padding:.3rem .6rem }

margin-top:1.6rem }
 * 1) home-content {

.home-stats { flex-grow:1; line-height:1 }

.home-stats__value { font-size:1.5rem; font-weight:600 }

.home-stats__unit { color:var(--color-base--subtle); font-size:.8125rem; margin-top:.2rem }

.home-footer { font-family:monospace; font-size:.8125rem; text-align:center }

.center2,.center,div.centered { text-align:center }

span.hidden,.mw-ui-icon-wikimedia-collapse:before { display:none }

.home-link__button a:hover,.home-link__button a:active { background:#f9fafb }