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
}

<!-- HELP CAME FROM: http://www.daniweb.com/forums/thread8193.html,http://theodorakis.net/tablecentertest.html
http://www.computerhope.com/htmcolor.htm
-->
<!--http://www.homeandlearn.co.uk/CSS/css1p8.html,http://w3schools.com/css/css_examples.asp--!>
/*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
}

#home-nav {
margin-top:1rem
}

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

#home-nav .home-card__foreground {
align-items:flex-end;
color:#fff;
display:flex;
font-size:150%;
font-weight:500;
height:100%;
padding:0 15px;
pointer-events:none;
width:100%
}

.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 .home-card__hover {
align-items:flex-end;
color:#fff;
display:flex;
font-size:150%;
font-weight:500;
height:100%;
padding:0 15px;
pointer-events:none;
width:100%
flex-direction: column-reverse;
flex-wrap: wrap;
align-content: stretch;
justify-content: flex-end;
}

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

#home-content {
margin-top:1.6rem
}

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