MediaWiki:Mobile.css

tbody { width: 100%; display: table }

.content table td,.content table th { border:0; width:100% }

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

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

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

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

.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; width:100% }

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; width: 100%; }

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