MediaWiki:Common.css

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

table.wikitable th,table.wikitable td,table.prettytable th,table.prettytable td { padding:.2em .4em }

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 }

.references { font-size:100% }

.references-small { font-size:90% }

pre { overflow:auto }

.tip { margin-bottom:4px; margin-top:4px; min-height:30px; padding:4px }

.tip-info { background-color:#CC9; border:1px solid #C93 }

.tip-gotcha { background-color:#C66; border:1px solid #C00 }

.page-notice,.page-warning { border-style:solid; border-width:1px; margin-bottom:1em; margin-left:auto; margin-right:auto; text-align:center; width:80% }

.page-notice { background-color:#f9f9f9; border-color:#025e9d; text-align:left }

.page-warning { background-color:#fff; border-color:#c51919; border-width:2px }

.pw-head { color:#c51919; font-weight:700 }

.mw-plusminus-pos { color:#006400 }

.mw-plusminus-neg { color:#8B0000 }

.my-buttons { padding:.5em }

.my-buttons a { background-color:#cde; border:thin #069 outset; color:#000; font-size:.9em; font-weight:700; padding:0 .1em .1em; text-decoration:none }

.my-buttons a:hover,.my-buttons a:active { background-color:#bcd; border-style:inset }

.imagelink_wikilogo a { background-image:url(http://upload.wikimedia.org/wikipedia/mediawiki/b/bc/Wiki.png); display:block; height:135px; text-decoration:none; width:135px }

.center1 { margin-left:auto; margin-right:auto }

.center table { margin-left:auto; margin-right:auto; text-align:left }

div.centered table { margin:0 auto; text-align:center }

 /*this is for tages only*/ table.outside,td.outside,th.outside,div.outside { align:center; background:#000; text-align:center }

td.art { align:center; background:#000; color:#FF0 }

td.wikirelated { background:#000; color:#F0F; text-align:center }

td.writing { background:#000; color:#0FF }

td.general { background:#000; color:#000; text-align:center }

table.article,div.article,td.article,span.article { border:medium double #600 }

table.file,div.file,td.file,span.file { border:medium double #060 }

table.category,div.category,td.category,span.category { border:medium double #006 }

table.template,div.template,td.template,span.template { border:medium double teal }

table.special,div.special,td.special { border:medium double #666 }

table.newsletter { align:right; border:medium double #666 }

div.newsletter td { border:medium single #666 }

div.topicon { display:block!important; margin-right:-100px; position:absolute; top:-2em }

div.flaggedrevs_short { margin-left:0; margin-right:-10px; position:absolute; right:0; top:-3em; z-index:1 }

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 }

table.wikitable tr th,table.wikitable tr td { border:0; border-bottom:1px solid var(--border-color-base); padding:10px 20px 10px 5px }

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

tbody { display:table; width:100% }

.wikitable sortable { display:block; font-size:185%; 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)!important; background-repeat:no-repeat!important; line-height:31px }

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

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

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

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

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

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

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

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

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

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

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

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

.navbarGS { background-image:url(https://gensopedia.org/images/5/50/Navbar_Genso_Suikoden.png)!important; background-repeat:no-repeat!important; 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)!important; 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 }