MediaWiki:Mobile.css

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

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

tbody { display:table; width:100% }

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

.newcontainer { border:2px solid #10a4b7; float:none; 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; float:none; margin:0; width:100% }

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; position:absolute; right:0; top:0 }
 * 1) home-nav .home-card__background:after {

color:#fff; display:flex; font-size:150%; font-weight:500; height:100%; padding:0 15px; width:100% }
 * 1) home-nav .home-card__foreground {

.home-grid { display:grid }

.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__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:after { content:'▶'; font-size:.8125rem }

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

.home-card__background img { height:100%; 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 { background:transparent; color:#fff; display:flex; font-weight:500; height:110%; 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; margin-top:6px; text-align:center }

.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); padding:.3rem .6rem }

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

.home-stats { 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 }

.home-card__header a,.home-link__button { display:flex }

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