MediaWiki:Wikia.css

/***** CSS placed here will be applied to all skins on the entire site. *****/ /* */

/* === Imports == */ @import url("https://fonts.googleapis.com/css?family=Lato|Bangers|Volkhorn:600");

@font-face { font-family: 'KingdomHearts'; src: url('https://vignette.wikia.nocookie.net/kingdomhearts/images/1/16/Kingdom_Hearts.woff') format('woff'); font-weight: normal; }

body.skin-oasis { background-size: 100%; background-size: cover; }

/* --- Portal templates --- */

.portal { width: 100%; padding: 30px; box-sizing: border-box; background-position: center center; background-repeat: no-repeat; background-size: 100%; /* fallback */ background-size: cover; border-radius: 30px; border: none; font-family: roboto, 'helvetica neue', helvetica, sans-serif; font-weight: 400; color: #fff; position: relative; margin-bottom: 15px; text-shadow: 1px 2px 5px #000; }

.portal.welcome { background-size: 100%; background-position: center; font-weight: normal; }

.portal.welcome a { color: rgba(255, 255, 255, 0.8); }

.portal__overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.portal__overlay { background-color: rgb(113, 105, 146, 0.7); border-radius: 30px; }

.portal.welcome.bg--1 { background-image: url('//vignette.wikia.nocookie.net/kingdomhearts/images/1/10/Welcome_background.png/revision/latest/scale-to-width-down/600'); }

.portal a { color: #fff; font-weight: bold; }

.portal.navigation a { font-weight: 400; }

.portal.Kingdom_Hearts, .portal__content .preloader--1 { background-image: url('//vignette.wikia.nocookie.net/kingdomhearts/images/4/43/KH1_background.png/revision/latest/scale-to-width-down/400'); background-position: center top; }

.portal.Kingdom_Hearts_II, .portal__content .preloader--2 { background-image: url('//vignette.wikia.nocookie.net/kingdomhearts/images/e/e3/KH2_background.png/revision/latest/scale-to-width-down/400'); background-position: center top; }

.portal.Kingdom_Hearts_III, .portal__content .preloader--3 { background-image: url('//vignette.wikia.nocookie.net/kingdomhearts/images/d/d8/KH3_background.png/revision/latest/scale-to-width-down/400'); background-position: center top; }

.portal.Spinoffs .portal__content__slide.active { height: 750px; }

.portal__content .preloader { background-repeat: no-repeat; background-position: 1px 1px; }

.portal__wrapper { position: relative; z-index: 1; }

.portal__wrapper span { display: block; text-align: center; }

display: flex; flex-wrap: wrap; justify-content: center; }
 * 1) hub span {

.portal__header { font-size: 25px; font-weight: 700; }

.portal.welcome .portal__header { position: absolute; bottom: 0; right: 0; font-size: 13px; }

.portal.welcome .portal__header:before { content: '(';   display: inline; }

.portal.welcome .portal__header:after { content: ')';   display: inline; }

.portal__content__aux { display: inline-block; position: relative; width: calc(100% / 3); height: auto; margin: 70px 0 70px 0; }

.portal__content__aux:hover img { filter: drop-shadow(1px 1px 5px #fff); }

.portal__content__aux a { cursor: pointer; }

.portal__content__slide { opacity: 0; height: 0; overflow: hidden; transition: opacity .3s ease-in; }

.portal__content__slide.active { opacity: 1; height: 500px; }

span.portal__content__slide__content__header { text-align: left; }

.portal__content__navigator { position: absolute; right: -20px; bottom: 0px; user-select: none; line-height: 0; }

.portal__content__navigator span { display: inline-block; cursor: pointer; color: rgba(255, 255, 255, 0.8); transition: all .15s ease-in; }

.portal__content__navigator .previous, .portal__content__navigator .next { font-size: 85px; font-family: monospace; transform: scale(1, .7); }

.portal__content__navigator .index { position: relative; top: -16px; font-weight: bold; text-transform: uppercase; }

.portal__content__navigator span:hover { color: #fff; text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4) }

.portal__content__textlink { font-size: 140%; }

.portal__content__slide__image { display: table; float: left; height: 100%; margin-right: 50px; filter: drop-shadow(1px 1px 5px #fff); }

.portal__content__slide__image a { display: table-cell; height: 100%; vertical-align: middle; }

.portal__content__slide__content { column-count: 2; column-fill: auto; height: 90%; margin: 10px 0; }

.portal__content__slide__content__header { font-weight: bold; }

.portal__content__slide__content ul { list-style: none; margin: 0; margin-bottom: 65px; }

.portal.Spinoffs .portal__content__slide__content ul { margin-bottom: 0; }

.portal__content__category__icon { width: 100px; height: 100px; background-position: center; background-repeat: no-repeat; background-size: 90%; transition: all .15s ease-in; margin: auto; position: relative; filter: brightness(200%); }

.portal__content__category__icon:hover { filter: drop-shadow(1px 1px 5px #fff); }

.portal__content__category__overlay { background-color: rgba(0, 128, 0, 0.4); position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.portal.help { background-image: url('//vignette.wikia.nocookie.net/kingdomhearts/images/a/a0/Helping_out_background.jpg/revision/latest/scale-to-width-down/400'); }

.portal.fa { min-height: 330px; background-size: 100%; background-position: center; }

.portal.fa.option--1 { background-image: url('//vignette.wikia.nocookie.net/kingdomhearts/images/d/d0/Rapunzel_with_Sora_KHIII.jpg/revision/latest/scale-to-width-down/800'); background-position: center top; }

.portal.fa.option--2 { background-image: url('//vignette.wikia.nocookie.net/kingdomhearts/images/5/58/Heartless_featured_article_image.jpg/revision/latest/scale-to-width-down/800'); }

.portal.fa.option--3 { background-image: url('//vignette.wikia.nocookie.net/kingdomhearts/images/0/09/Organization_XIII_featured_article_image.png/revision/latest/scale-to-width-down/800'); }

.portal.fa .option { display: none; }

.portal.fa.option--1 .option.option--1, .portal.fa.option--2 .option.option--2, .portal.fa.option--3 .option.option--3 { display: block; }

.portal.fa:before, .portal.fa:after { height: 130px; }

.portal.fa .portal__content { position: relative; height: 245px; }

.portal.fa span { text-align: right; }

.portal__content__excerpt { text-align: right; position: absolute; bottom: 0; right: 0; }

.portal__content__excerpt__header { font-size: 27px; margin-bottom: 12px; }

.portal__content__excerpt__content { width: 90%; float: right; }

.portal__content__affiliates { /* overflow-y: scroll; overflow-x: hidden; height: 190px; */ margin-top: 10px; }

.portal__content__affiliates img { width: 100%; height: auto; }

/* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect { font-style: italic; } .watchlistredir { font-style: italic; }

/* --- Portable Infoboxes --- */

.portable-infobox { width: 340px; border: 3px solid #ffd782; border-radius: 10px; margin: 10px; background: transparent; color: black; }

.portable-infobox .pi-title { background: #ffd782; padding: 4px; text-align: center; font-size: 150%; border-top-left-radius: 7px; border-top-right-radius: 7px; margin: 2px; font-weight: bold; }

.portable-infobox .pi-item-spacing { padding: 1px 2px; }

.portable-infobox .pi-data { border-bottom: none; }

.portable-infobox .pi-data-label { padding: 2px 5px; background: #ffd782; width: 35%; font-weight: bold;

}

.portable-infobox .pi-data-value { padding:2px 5px; background-color: #fff7a3; }

.pi-data-value:not(:first-child) { flex-basis: 220px; padding-left: 10px; }

/* Infobox template styling */ .infobox { float: right; clear: right; margin: 0 0 .5em 1em; width: 250px; background: none; border-collapse: collapse; border-width: 0px; font-size: 0.8em; line-height: 1.5; } .infobox table.infoboxtable { background:#f0f0f0; float:right; margin:0; width:100%; border-collapse:collapse; } .infobox td.infoboximage { padding:0; text-align:center; background:#F5F7FA; } .infobox th.infoboxheading { font-weight:bold; text-align:center; color:#ffffff; font-size:larger; } .infobox th.infoboxsubheading { vertical-align:top; text-align:left; font-weight:normal; } .infobox td.infoboxlabel, .infobox td.infoboxcell { vertical-align: middle; /*	border-top:1px solid #999; border-bottom:1px solid #999; */ } /* ugly hack to force normal height for infobox cells */ .infoboxcell p { margin-top: 0px; margin-bottom: 0px; } /* .infoboxcell ul { list-style-type: disc; } */ .infoboxcell ul { padding-left: 10px; margin-left: 10px; } .infoboxcell ul li { padding-left: 0; margin-left: 0; list-style-type: square; } .infobox div.plainlinks { color: #0148C2; } .infobox div.plainlinks a { color: #0148C2; }

.infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: 1px solid #aaaaaa; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: 0; }

/* Table styling, thins border */ .wikitable {border-collapse:collapse;} /* Recent changes byte indicators */ .mw-plusminus-pos { color: #006500; } .mw-plusminus-neg { color: #8B0000; } /* rounded corners */ .rtop, .rbottom { display: block; padding: 0px; margin: 0px } .rtop *, .rbottom * { display: block; height: 1px; overflow: hidden; padding: 0px } .r1 {margin: 0 5px} .r2 {margin: 0 3px} .r3 {margin: 0 2px} .r4 {margin: 0 1px; height: 2px} /* end rounded corners */

/* To remove external link arrows */

a.external:after { display: none !important; } /* Prevent scrollbox behavior when there are mulitple editintro templates. */ .editpage-intro > .editpage-intro-wrapper { max-height: 100%; }

/* To remove external link arrows */

.pi-image-collection { margin-top: 0.5em; text-align: center; } ul.pi-image-collection-tabs { border-bottom: 1px solid #778; font: bold 12px Verdana,sans-serif; list-style: none outside none; margin: 0 0 2px; overflow: visible; padding: 0 0 4px; text-align: center; } ul.pi-image-collection-tabs li.current { background: none repeat scroll 0 0 #FFF; border-bottom: 1px solid #FFF; font-weight: bold; } ul.pi-image-collection-tabs li.current:hover { background-color: #FFF; border-bottom: 1px solid white; } ul.pi-image-collection-tabs li { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; display: inline; line-height: normal; list-style: none outside none; background: none repeat scroll 0 0 #DDE; border-color: #778 #778 -moz-use-text-color; border-image: none; border-style: solid solid none; border-width: 1px; color: #448; margin: 0 0 0 3px; padding: 3px 0.5em; text-decoration: none; } ul.pi-image-collection-tabs li:hover { background: none repeat scroll 0 0 #AAE; border-color: #227; color: #000; } .pi-tab-link.pi-item-spacing { padding: 3px 5px 4px; } a.external:after { display: none !important; } /****Ambox*****/ /* */ /* === Template:Ambox designs === */ /* Ambox design */ .ambox { font-size: 95%; width: 80%; margin: 0 auto; border: 1px #AAA solid; border-left: 10px solid #228b22; border-collapse: collapse; background-color: #EEE; } /* Ambox colours */ .ambox-blue { border-left: 10px solid #1e90ff;   /* Blue (notice) */ } .ambox-red { border-left: 10px solid #b22222;   /* Red (delete/serious) */ } .ambox-orange { border-left: 10px solid #f28500;   /* Orange (content) */ } .ambox-yellow { border-left: 10px solid #f4c430;   /* Yellow (style) */ } .ambox-purple { border-left: 10px solid #9932cc;   /* Purple (merge) */ } .ambox-gray { border-left: 10px solid #bba;       /* Gray (protection) */ } .ambox-green { border-left: 10px solid #228b22;   /* Green */ } /* Ambox small text */ .ambox-smalltext { font-size: smaller; margin-top:0.5em; margin-left:0.8em; } /* Ambox image */ .ambox-image {                   /* The left image cell */ width: 60px; padding: 2px 0px 2px 0.5em;       /* 0.5em left, 0px right */ text-align: center; } @media print { .ambox { display: none; } }   /* no ambox when printing */ /*

/* Make tabs central */ .pi-europa .pi-image-collection-tabs { text-align: center; } /* Small references */ .references-small { font-size: 0.85em; } /* acronym class for hidden text/dragon traslations*/ acronym.hidden { border-bottom:1px dotted #ffffff; cursor:help;} /* hidden text variant*/ span.caption {	display:inline; font-weight: normal; border-bottom:1px dotted #ffffff; text-decoration:none; text-align:left; color: #FFFFFF; padding: 0px; margin: 0px 0px 0px 0px; background: none; } span.caption span {	display:none; } span.caption:hover {	color: #ffffff; border-bottom: 1px solid #ffffff; text-decoration:none; background: #c19a6b; cursor: help; } span.caption:hover span { 		margin: 30px 0px 0px -20px; display:inline; position:absolute; font-weight: normal; font-style: normal; text-align:left; padding: 2px 4px 2px 4px; border:1px solid #000000; background: #FAEBD7; color:#222222; text-decoration:none; font-size: 11px; font-family: Tahoma; line-height: 13px; } /* Adjust size of references in infoboxes and succession boxes - deprecates Template:Ref */ div.info-box .reference, div.infobox .reference,         /* infoboxes */ .refadjust .reference {         /* succession boxes, anything else which has class="refadjust" */ font-size: 7.5px; line-height: 1.5; font-weight: normal; }

/* Mainpage Galleries - Added by Pinkachu*/ .gallery-box-contents { margin-top: -15px; } .gallery-box-contents .items { text-align: center; margin-left: -16px; } .gallery-box-contents .item { display: inline-block; width: 150px; vertical-align: central; margin-bottom: 14px; margin-left: 10px; } .WikiaBlogListing h2 a { font-size:65% !important; } .WikiaUserPagesHeader { border-top:1px solid #222; padding-top:5px; } .WikiaUserPagesHeader .tabs-container .tabs { border-color:#222; } .WikiaRail .module, .WikiaRail #RIGHT_SKYSCRAPER { padding:8px !important; } /* Reflist font size */ .references-small { font-size:90%;}

/* Forum formatting (by -Algorithm & -Splaka) */ .forumheader { border:1px solid #aaa; background-color:#f9f9f9;margin-top:1em;padding:12px; } .forumlist td.forum_edited a { color:black;text-decoration:none; } .forumlist td.forum_title a { padding-left:20px; } .forumlist td.forum_title a.forum_new { font-weight:bold; background:url(/images/4/4e/Forum_new.gif) center left no-repeat; padding-left:20px; } .forumlist td.forum_title a.forum_new:visited { font-weight:normal; background:none; padding-left:20px; } .forumlist th.forum_title { padding-left:20px; }

/* Recent changes byte indicators */ .mw-plusminus-pos { color: #006500; } .mw-plusminus-neg { color: #8B0000; } /* */

/* Forum formatting -Algorithm & -Splaka */ .forumheader { border: 1px solid #aaa; background-color: #f9f9f9; margin-top: 1em; padding: 12px; } .forumlist td.forum_edited a { color: black; text-decoration: none } .forumlist td.forum_title a { padding-left: 20px; } .forumlist td.forum_title a.forum_new { font-weight: bold; background: url(/images/4/4e/Wiki.png) center left no-repeat; padding-left: 20px; } .forumlist td.forum_title a.forum_new:visited { font-weight: normal; background: none; padding-left: 20px; } .forumlist th.forum_title { padding-left: 20px; }

/* default skin for navigation boxes */ table.navbox { background-color:#f9f9f9; border:1px solid #aaa; clear:both; font-size:90%; margin:1em 0em 0em; padding:2px; text-align:center; width:100%; }

table.navbox th { background-color:#ccf; padding-left:1em; padding-right:1em; }

table.navbox tr:not(:first-child) th { background-color:#ddf; }

@media print { .navbox { display:none; } }

/* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at NavFrame. */

div.Boxmerge, div.NavFrame { margin:0px; padding:4px; border:1px solid #aaa; text-align:center; border-collapse:collapse; font-size:95%; } div.Boxmerge div.NavFrame { border-style:none; border-style:hidden; } div.NavFrame + div.NavFrame { border-top-style:none; border-top-style:hidden; } div.NavPic { background-color:#fff; margin:0px; padding:2px; float:left; } div.NavFrame div.NavHead { height:1.6em; font-weight:bold; background-color:#ccccff; position:relative; } div.NavFrame p { font-size:100%; } div.NavFrame div.NavContent { font-size:100%; } div.NavFrame div.NavContent p { font-size:100%; } div.NavEnd { margin:0px; padding:0px; line-height:1px; clear:both; } a.NavToggle { position:absolute; top:0px; right:3px; font-weight:normal; font-size:smaller; }

.sprite.search { background-position:-1036px -49px; } .sprite.edit-pencil { background-position:-1000px -49px; }

/* Force no floating */ .no_float * { float:none !important; }

/* Default table stuff */

table { background:inherit; color:inherit; } table.force_width img { max-width:100%; height:auto; }

display:none!important; visibility:hidden !important; } display:block !important; text-align:right; margin-left:1em; min-width:250px; right:-310px !important; top:-140px !important; }
 * 1) title-gameicons {
 * 1) title-linktabs {

/* --- Portal Stuff --- */

.portal-section { background: transparent; border-radius: 3px; border: 1px solid #d9d9d9; color: #404040; display: block; font-size: 12px; height: auto; margin-bottom: 0!important; margin-top: -20px!important; overflow: hidden; width: 100%; } .portal-section.first { margin-top: 0!important; } .portal-section .header { background: #f6b024; color: #fff; display: block; font-size: 17px; font-weight: bold; height: 37px; line-height: 37px; text-align: left; width: 100%; } .portal-section .header span { display: block; margin-left: 13px; } .portal-section .content { display: block; height: 100%; padding: 0 0 10px; width: 100%; } .portal-section.text .content { padding: 10px; width: 97%; } .portal-section.contents .content span { display: block; text-align: center; } .portal-section .content .portal-aux { display: inline-block; height: 175px; margin-bottom: 8px; margin-right: -5px; position: relative; text-align: center; vertical-align: top; white-space: normal; width: 175px; } .portal-section .content .portal-aux a img { height: 95%; width: 95%; }

/*========*/ /* --- Pagetabs --- */ /* [components] page tabs: common layout */ /* Uses code from 5Toubun no Hanayome Wiki (https://5hanayome.fandom.com) */ ul.pagetabs { display: flex; flex-flow: row wrap; margin: 0; } .pagetabs li { display: block; margin: 0 0 0 0em;} .pagetabs li + li { margin-left: 4px; } .pagetabs li > :only-child { border: 2px solid; border-bottom: none; border-radius: 9px 9px 0 0; display: block; font-weight: bold; line-height: 1.3em; min-width: 110px; padding: 0.5em; text-align: center; text-decoration: none; } .pagetabs li > :only-child { background-color: #ffd782; border-color: transparent; color: #ffffff; } .pagetabs li > :only-child a { color: #ffffff; } .pagetabs li > :only-child::before { background-color: #ffffff; } .pagetabs li > .selflink:only-child { background-color: #CCA95F; color: black; } .pagetabs li > .selflink:only-child a { color: #CCA95F; } .pagetabs li > .selflink:only-child::before { background-color: black; } .pagetabs-bottomline { border-top: 6px solid #CCA95F; margin: 0px 0px 12px 0px; width: 100%; }

/* --- Headers --- */ .kh-header { font-family: KingdomHearts; color: #CCA95F; font-size: 200%; line-height: 38px; }

/* --- Scrollbox --- */ .scrollbox { overflow: auto; border: 1px solid #AAA; }