MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

/* taken from http://www.grifkuba.org/main/wiki/index.php?title=MediaWiki:Common.css on Friday, February 26th, 2010 */

table {color:@text !important;} /* wikitable/prettytable class for skinning normal tables */ table.wikitable, table.prettytable { margin: 1em 1em 1em 0; background: #fff; /*border: 1px #aaa solid;*/ border-collapse: collapse; empty-cells:show; color: #777; } table.wikitable th, table.wikitable td, table.prettytable th, table.prettytable td { /*border: 1px #aaa solid;*/ padding: 0.2em 0.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 { margin-left: inherit; margin-right: inherit; font-weight: bold; }

table.wikitable tbody, table.prettytable tbody { display: table-row-group; } /* make the list of references look smaller */ ol.references { font-size: 100%; } .references-small { font-size: 90%;} /* prevent ugly horizontal page expansion */ pre { overflow: auto; } /** * Cute little "tip" boxes */ div.tip { padding: 4px; margin-top: 4px; margin-bottom: 4px; min-height: 30px; /* IE users will hate this... */ } div.tip-info { border: 1px solid #CC9933; background-color: #CCCC99; } div.tip-gotcha { border: 1px solid #CC0000; background-color: #CC6666; } /* Page headings used throughout the wiki (though not very much at the time of writing...) */ .page-notice, .page-warning { border-width: 1px; border-style: solid; padding: 0.3em 0.5em; margin-bottom: 1em; width: 80%; margin-left: auto; margin-right: auto; text-align: center; } /* Used to add informative notices to the top of pages - BLUE */ .page-notice { background-color: #f9f9f9; border-color: #025e9d; text-align: left; } /* Used to add warning information to the top of pages - RED */ .page-warning { background-color: #ffffff; border-color: #c51919; border-width: 2px; } .pw-head { color: #c51919; font-weight: bold; } /* Coloured watchlist / Special:Recentchanges numbers */ .mw-plusminus-pos { color: #006400; /* darkgreen */ } /* .mw-plusminus-null currently at developer default */ .mw-plusminus-neg { color: #8B0000; /* darkred */ } /* extra buttons for edit dialog */ /* from commons:MediaWiki:Common.css */ .my-buttons { padding: 0.5em; } .my-buttons a { color: black; background-color: #ccddee !important; font-weight: bold; font-size: 0.9em; text-decoration: none; border: thin #006699 outset; padding: 0 0.1em 0.1em 0.1em; } .my-buttons a:hover, .my-buttons a:active { background-color: #bbccdd; border-style: inset; } /* from User:Splarka/Help:Linked images */ .imagelink_wikilogo a { width:135px; height:135px; display:block; text-decoration:none; background-image: url("http://upload.wikimedia.org/wikipedia/mediawiki/b/bc/Wiki.png") }

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

.center { text-align: center; }

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

div.centered { text-align: center; }

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

 /*this is for tages only*/

table.outside, td.outside, th.outside, div.outside { background:#000000; text-align:center; align:center;

}

td.art { background:#000000; color:#FFFF00; align:center; }

td.wikirelated { background:#000000; color:#FF00FF; text-align:center; }

td.writing { background:#000000; color:#00FFFF; }

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

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

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

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

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

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

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

div.newsletter td { border: medium single #666666; }

/* For positioning icons at top-right, used in Templates "Spoken Article" and "Featured Article" */ div.topicon { position: absolute; top: -2em; margin-right: -100px; display: block !important; } /* FR topicon position */ div.flaggedrevs_short { position: absolute; top: -3em; right: 0px; z-index: 1; margin-left: 0; /* Because this is not yet a topicon, we emulate it's behavior, this ensure compatibility with edit lead section gadget. */   margin-right: -10px; }

/* Content in columns with CSS instead of tables Template:Columns */ div.columns-2 div.column { float: left; width: 50%; min-width: 300px; margin: 3px 0 3px 0; }

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

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

div.columns-5 div.column { float: left; width: 20%; min-width: 120px; margin: 3px 0 3px 0; }

span.hidden { display:none;}

.skin-citizen-dark .mw-indicator, #mw-indicator-Japan { filter: none; }

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

.infoboxbubble { object-fit: fill; color: var( --color-base); border: 1px solid #10a4b7; background: var( --background-color-dp-00 ); font-size: 90%; }

/* Gensopedia 2023 */ /* To make images responsive */ img { max-width: 100%; height: auto; }

/* Ensures table contents stretch to fit container */ tbody{ width: 100%; display:table; }

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

.newcontainer { width: 80%; border:2px solid #10a4b7; margin: auto; /* Centers the infobox */ }

.newheader { text-align:center; color: #fff; background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(9,73,121,1) 25%, rgba(16,164,183,1) 100%); }

.newheaderborder { border: #fff 1px solid; }

.newboxcontent { background: var(--color-surface-0); border: #10a4b7 1px solid; color: var(--color-base); font-size: 95%; }

.newlabel { color: #fff; 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; font-size: 95%; }

.newboximage { font-size: 90%; background: var( --background-color-dp-00 ); color: var( --color-base); text-align: center; }

.charboxouter{ float:right; width:20em; border:2px solid #10a4b7; margin:0.25em 0 0.25em 0.5em; }

h1:after { background: none repeat scroll 0 0 #10a4b7; bottom: -0px; 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 {

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

pointer-events: none; height: 100%; width: 100%; display: flex; align-items: center; padding: 0 15px; color: #fff; font-weight: 500; font-size: 130%; }
 * 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: 0.625rem; }

.home-grid--col2 { grid-template-columns: 1fr 1fr; }

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

.home-card { position: relative; height: 93px; padding: 15px; 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: 0.875rem; }

.home-card table.timeline { margin-top: 0.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: 0.8125rem; letter-spacing: 0.75px; }

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

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

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

.home-card__background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #242a31; border-radius: 8px; }

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

.home-card__foreground { position: absolute; }

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

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

.home-card p { margin-top: 0.2rem; font-size: 0.875rem; }

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

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

.home-card--button .home-card__background a { padding: 0; }

.home-card--button img { transition: transform 0.2s ease; }

.home-card--button:hover img { transform: scale(1.1); }

.home-link { display: grid; margin-top: 6px; font-size: 0.875rem; font-weight: 500; grid-gap: 6px; text-align: center; }

.home-link__button { display: flex; }

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

.home-link__button a:hover { background: var( --color-surface-2--hover ); }

.home-link__button a:active { background: var( --color-surface-2--active ); }

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 { margin-top: 0.2rem; color: var( --color-base--subtle ); font-size: 0.8125rem; }

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