Information.png

Welcome to the Kingdom Hearts Database! 👑 If you are new, your edits may not appear immediately to prevent spam and vandalism, but they will appear! 👑 Our Spoiler policy is in effect! All articles related to Kingdom Hearts III must have the Unreleased template until checked and cleared by a member of the site staff! 👑 Be sure to join our Discord server and meet our growing community!

Difference between revisions of "MediaWiki:Common.css"

From Kingdom Hearts Database
Jump to: navigation, search
Line 1,218: Line 1,218:
 
     font-family: FabricMDL2Icons;
 
     font-family: FabricMDL2Icons;
 
     font-size: 1.8em;
 
     font-size: 1.8em;
 +
}
 +
 +
 +
.theatermenu{
 +
transition:0.2s ease-in-out;
 +
display:flex;
 +
flex-direction:row;
 +
position:relative;
 +
margin:0;
 +
padding:0;
 +
}
 +
 +
.theatermenu:hover{
 +
box-shadow:0 0 7px 0 #000000;
 +
}
 +
 +
.theatermenu .column1{
 +
flex:1;
 +
z-index:2;
 +
}
 +
 +
.theatermenu .column2{
 +
flex:2;
 +
z-index:2;
 +
}
 +
 +
.theatermenu .column2 .theaterlist{
 +
background: #8287bab0;
 +
margin: 25px;
 +
    padding: 15px;
 +
    backdrop-filter: saturate(180%)blur(10px);
 +
    border-radius: 7px;
 +
    box-shadow: 0 0 4px 1px #000000;
 +
}
 +
 +
.theaterlist ul {
 +
    list-style: none;
 +
    margin: 0;
 +
    padding: 0;
 +
}
 +
 +
.theaterlist ul li {
 +
    transition: 0.2s ease-in-out;
 +
}
 +
 +
.theaterlist ul li:hover {
 +
    background: #8287BA;
 +
box-shadow: 0 0 4px 0 #00000099;
 +
}
 +
 +
.theaterlist ul li a {
 +
padding:7px;
 +
transition:0.2s ease-in-out;
 +
max-width:100%;
 +
display:block;
 +
width:100%;
 +
height:100%;
 +
}
 +
 +
.theaterlist ul li a:hover {
 +
    text-decoration: none;
 +
}
 +
 +
.theatermenu .theaterimg{
 +
position:absolute;
 +
z-index:1;
 +
width:100%;
 +
height:100%;
 +
overflow:hidden;
 +
display:flex;
 +
justify-content:center;
 +
align-items:center;
 +
margin:0;
 +
background:#181818;
 +
}
 +
 +
.theatermenu .theaterimg img{
 +
transition:0.5s ease-in-out;
 +
opacity:0.8;
 +
}
 +
 +
.theatermenu:hover .theaterimg img {
 +
    opacity: 1.0;
 +
    transform:scale(1.02);
 
}
 
}

Revision as of 01:09, 9 November 2019

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

/* Importing fonts */
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:100,300,400,700&display=swap&subset=greek,greek-ext,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap&subset=greek,greek-ext,latin-ext');

body {
 font-family:Roboto;
}

@media (max-width: 720px) {
  .page-Main_Page .mw-body {
    padding:0;
 }
}

/* Hides Main Page/Community Portal page titles */
body.page-Main_Page.action-view h1.firstHeading, body.page-Main_Page.action-submit h1.firstHeading,
body.page-KHDatabase_Community_Portal.action-view h1.firstHeading, body.page-KHDatabase_Community_Portal.action-submit h1.firstHeading,
body.page-KHDatabase_Community_Portal_Courtyard.action-view h1.firstHeading, body.page-KHDatabase_Community_Portal_Courtyard.action-submit h1.firstHeading,
body.page-KHDatabase_Community_Portal_Gummi_Ship_Hangar.action-view h1.firstHeading, body.page-KHDatabase_Community_Portal_Gummi_Ship_Hangar.action-submit h1.firstHeading,
body.page-KHDatabase_Community_Portal_Library.action-view h1.firstHeading, body.page-KHDatabase_Community_Portal_Library.action-submit h1.firstHeading,
body.page-KHDatabase_Community_Portal_Hall_of_the_Cornerstone.action-view h1.firstHeading, body.page-KHDatabase_Community_Portal_Hall_of_the_Cornerstone.action-submit h1.firstHeading{
	display: none;
}

.mw-newpages-pagename {
    font-weight: bolder;
}

#jump-to-nav{
	display:none;
}

/* Game icons - http://www.khwiki.com/Template:Gameicons */
#title-gameicons { 
	display: none !important; 
	visibility: hidden !important;
}

#title-linktabs { 
    margin:0.5em;
    text-align: center;
}

#title-linktabs img {
	width: 35px;
	height: 35px;
}

/*@media screen*/
#p-personal li a {
    color: #cccccc;
}


/* --------------------------------------------------

GAME PORTALS
ADJUSTED BY KeybladeSpyMaster. Updated October 4, 2018

-------------------------------------------------- */

.charactertable td a {
background-color: #084078;
color: #FFFFFF;
font-weight: normal;
display: block;
padding: 5px;
}

.charactertable td a:hover{
background: #A0C4E8;
box-shadow: 0 0 16px 4px rgba(255,255,255,0.3);
} 

.gameportal {
-webkit-backdrop-filter: saturate(180%) blur(20px);
backdrop-filter: saturate(180%) blur(20px);
}

.portalTile{
	transition:0.1s ease-in-out;
}

.portalTile:hover{
	box-shadow: 0px 0px 13px 0px rgba(255,255,255,.6);
}

/* =========================================================
      File Dark Theme
      Updated 16 June 2018
 ========================================================= */
.ns-6 .mw-body {
    background:#373737;
    color: #FFFFFF;
}

.ns-6 h1, .ns-6 h2, .ns-6 h3, .ns-6 h4, .ns-6 h5, .ns-6 h6 {
    color: #BFBFBF;
}

.ns-6 a{
    color: #BFBFBF;
}

.ns-6 a:visted{
    color: #6e5c8a;
}

.ns-6 .catlinks{
    background: #282828;
}

.ns-6 #filetoc {
    background-color: #282828;
}

.ns-6 table.wikitable {
    background-color: #282828;
    color: #ffffff;
}

.ns-6 table.wikitable > tr > th, .ns-6 table.wikitable > * > tr > th {
    background-color: #0D0D0D;
}

.ns-6 .mw_metadata td {
    background-color: #282828;
}

.ns-6 .mw_metadata th {
    background:#1A1A1A
}

.ns-6 .editOptions {
    background: #282828;
}

.ns-6 .wikiEditor-ui-controls {
    background-color: #373737;
}

.ns-6 .wikiEditor-ui-buttons {
    background-color: #373737;
}

.ns-6 .pBody{
    background: #282828;
}

.ns-6 .wikiEditor-preview-contents {
    background-color: #373737;
}

.ns-6 #p-cactions li.selected a {
    background-color: #373737;
    color: #BFBFBF;
}

.ns-6 #footer {
    background-color: #282828;
    color: #FFFFFF;
}

.ns-6 #editpage-specialchars {
    background: #282828;
}


body.ns-6 {
    background: #000000 url(/images/1/16/Common_Background_%28Dark_Theme%29.png) repeat;
}

/* =========================================================
      News Theme
      Updated 8 January 2019
 ========================================================= */
.ns-3000 .mw-body{
    background: #f2f8ff;
}

/* =========================================================
      Forum Theme
      Updated 23 June 2018
 ========================================================= */

body.ns-110 {
    background: #000000 url(/images/4/44/Common_Background_%28Forums%29.png) repeat;
}

.ns-110 .mw-body{
    background: #ccddeb;
}

.ns-110 #p-cactions li.selected a {
    background-color: #EEF2F5;
}

.ns-110 .wikiEditor-ui-controls {
    background-color: #EEF2F5;
}

.ns-110 .wikiEditor-ui-buttons {
    background-color: #EEF2F5;
}

.forumheader{
    background:#455982;
    color:#CDCDCD;
    padding:12px;
}

.forum-hovertable > tbody > tr {
	transition:0.1s ease-in-out;
}

.forum-hovertable > tbody > tr:hover {
	background-color: #06305B;
	color:#CDCDCD;
}

.forum-hovertable > tbody > tr:hover a {
	color:#f0f8ff;
}

.forum-hovertable > tbody > tr.forum-nohover {
	background-color: inherit;
}

.forum-hovertable .forum_title a{
	display:block;
	padding:5px;
}

.forum-hovertable .forum_title a:hover{
	text-decoration:none;
}

/*-----------------------------------------------

   Kingdom Hearts Information-style Site Notice

------------------------------------------------*/

.siteNotice {
    width: 100%;
    display: flex;
    margin: 0 auto;
    background: #373737;
    white-space: nowrap;
    overflow: hidden;
    flex-direction: row;
}

.siteInformation{
	background:#282828;
	flex:1;
	display: flex;
	vertical-align: middle; 
	align-items: center;
	z-index:1;
}

.siteNotice .floatleft{
		margin:0;
		padding: 7px;
	}

.siteNotice .scroll {
    display: inline-block;
    padding-left: 35%;
    padding-right:5%;
    -webkit-animation: scroll-left 40s linear infinite;
    -moz-animation:scroll-left 40s linear infinite;
    color: #E3F2FC;
}

.siteNotice p a {
    color: #9DCCFB;
}

.siteNotice p:hover {
    -webkit-animation-play-state: paused;
}

@-webkit-keyframes scroll-left { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0);} }

/* Wrap for mobile devices and smaller screens for Main Page */

@media (max-width: 1024px) {
  .forumBanner {
    width: 100%;
    height: 100%;
 }

 .tabber {
	width:100%;
  }
}

@media (min-width: 720px) {
  #homeone {
    width: 36%;
  }
  #hometwo {
    width: 31%;
  }
  #homethree {
    width: 31%;
  }
}

/*--------------------------------

	Quote image

--------------------------------*/


.quote{
	font-family:Roboto Slab;
	font-weight:700;
	font-size:100px;
	z-index:0;
    opacity:0.3 !important;
    line-height:1em;
}

/*######################################
##
##		Table of Contents
##		New Style (27 January 2019)
##
#######################################*/

.toc{
	background: #DDDDDD;
    border: solid 1px #CCCCCC;
    color: #282828;
    padding: 0;
}

.toctitle{
	padding:10px;
}

#toc h2{
	font-family: Roboto !important;
    font-size: 1.2em !important;
    color: #282828;
}

.toc ul{
	padding:10px;
}

.tocnumber {
	color:#282828;
}

/*#######################################
##
##    New Main Page CSS
##    Edited from Runescape Wiki (runescape.wiki)
##
#######################################*/

.mainpage-welcome {
 display:flex;
 flex-direction:row;
 flex-wrap:wrap;
 padding:1em;
}
	
.mainpage-welcome li{
	list-style:none;
}

.mainpage-welcome .intro {
 text-align:left;
 color:#06305B;
 flex:2;
 padding-left:5px;
}

@media (max-width: 1000px) {
	.mainpage-welcome .intro{
		text-align:center;
	}
}

.mainpage-welcome .intro h1{
 padding:0;
 margin:0;
}

.mainpage-welcome .intro ul {
 list-style:none;
}

@media (max-width: 1000px) {
.mainpage-welcome {
 flex-direction:column;
}
.mainpage-welcome .intro ul {
display:none;
}
}

@media (max-width:1000px) {
.series-nav{
 display:none;
}
}

.mainpage-panel {
 background:#DEE8F2;
 color:#282828;
 margin:5px;
}

@media (max-width: 720px) {
  .mainpage-panel {
    margin:0;
 }
}

.title {
 font-family:Roboto Slab;
 font-size:1.2em;
 color:#FFFFFF;
 padding:10px;
 text-align:center;
}

.mainpage-panel .title {
 background:#06305B;
}

.tile-top {
 width:auto;
}

.tile-image {
 display:flex;
 align-items: center;
 background:#282828;
 overflow:hidden;
 padding:0;
 height:13vw;
 max-height: 12em;
}

.tile-image a{
 width:100%;
}

.tile-image img{
 width: 100%;
 height: auto;
 transition: 0.4s ease-out;
 opacity:0.85;
}

.tile-bottom {
 width:auto;
 padding:7px;
}

.tile-bottom a{
 color:#1A5793;
}

.tile-bottom .byline {
 font-size:.9em;
 color:#4171A0;
}

.tile-bottom h2 {
 margin-top:0;
}

.mainpage-tile{
	transition:0.2s ease-in;
}

.mainpage-tile:hover {
 box-shadow:0px 0px 16px 2px rgba(0,0,0,.3);
 z-index:99;
 position:relative;
}

.mainpage-tile:hover .tile-image img{
 transform: scale(1.04);
 outline:none;
 opacity:1.0;
}

.mainpage-tile:hover .tile-bottom a{
 text-decoration:none;
 color:#282828;
}

@media (max-width:1000px) {
.tile-image{
 height:auto;
}
}

.mainpage-panel .content {
	margin:0;
}

.latest-news .content {
 text-align: left;
 padding: 5px;
}

.dailyQuote .content, .onThisDay .content {
 padding:5px;
}

.dailyQuote .quoteBlock{
	justify-content:center;
}

.dailyQuote .quoteByline{
	justify-content:center;
}

.tile-footer {
 background:#D0D0D0;
 padding:7px;
 text-align:right;
 transition:0.3s ease-out;
}

.tile-footer:hover {
 background:#B8BFC6;
 box-shadow: 0px 0px 16px 2px rgba(0,0,0,.3);
}

.tile-footer:hover a{
 color:#06305B;
}

.tile-footer a{
 color:#282828;
 display:block;
 text-decoration:none;
 margin-right: .5em;
}

.tile-footer .mainpage-arrow {
 /*background:url(http://www.khdatabase.com/images/thumb/4/4c/Right_arrow_%28black%29.png/25px-Right_arrow_%28black%29.png) no-repeat;
 vertical-align:middle;*/
 display: inline-block;
 transition: 0.3s ease-out;
 /*height: 1.5rem;
 width: 2rem;*/
 margin-left:.3em;
}

.tile-footer .mainpage-arrow:before{
	font-family: FabricMDL2Icons;
	font-size: 1.5em;
	content: '\F2DF';
	vertical-align: middle;
}

.tile-footer:hover .mainpage-arrow, .tile-footer:hover .mainpage-arrow:before {
 transform:translateX(25%);
}

.join-us {
 text-align:left;
}

.join-us .tile-top {
 padding: 1.3rem;
 background: #1A5793;
 font-family: Roboto Slab;
 font-weight: 300;
 color: #FFFFFF;
}

.join-us .tile-top h2{
 color:#FFFFFF;
 margin-top:0;
 font-family:Roboto Slab;
 font-weight: 500;
}

.message-kingdom {
 background:#A0C4E8;
 text-align:left;
 color:#FFFFFF;
}

.message-kingdom .tile-top {
 padding:1.3rem;
 background: #06305B;
 font-family:Roboto Slab;
 font-weight:300;
}

.message-kingdom .tile-top h2 {
 color: #FFFFFF;
 margin-top: 0;
 font-family: Roboto Slab;
 font-weight: 500;
}

.message-kingdom .tile-bottom {
 padding:1.3rem;
}

.social .twitter {
 background:#0974B7;
}

.social .discord {
 background:#7289DA;
}

.social .youtube {
 background:#B51C1C;
 color:#FFFFFF;
}

.social .tumblr {
 background:#334963;
 color:#FFFFFF;
}

.social .tile-top{
 display:flex;
 align-items:center;
 padding:0;
}

.social .tile-top .panel-icon {
 margin-right:.75em;
 margin-left:.75em;
 width:60px;
 padding:7px;
}

.social .tile-bottom {
 padding:0;
}

.social .twitter .tile-top{
 background:#1DA1F2;
}

.social .discord .tile-top{
 background:#2C2F33;
}

.social .youtube .tile-top {
 background:#FF0000;
}

.social .tumblr .tile-top {
 background:#001935;
}

.social .tile-top a, .social .tile-top a:visited {
 color:#DEDEDE;
}

.social .tile-top a:hover {
 color:#FFFFFF;
 text-decoration:none;
}

.tumblr .tile-bottom, .youtube .tile-bottom {
 padding:7px;
}

@media (max-width:720px) {
.courtyard, .library, .gummiShipHangar, .hallOfTheCornerstone, .newsHub{
 flex-direction:column;
}

.courtyard-column, .library-column, .gummiShipHangar-column, .hallOfTheCornerstone-column, .newsHub-column{
 width:100%;
}
}

@media (min-width:720px) {
.courtyard, .library, .gummiShipHangar, .hallOfTheCornerstone, .newsHub{
 width:100%;
 display:flex;
 flex-direction:row;
}

.courtyard-column, .library-column, .gummiShipHangar-column, .hallOfTheCornerstone-column, .newsHub-column{
 width:50%;
}
}

.courtyard .mainpage-panel {
	background:#53b06d;
}

.courtyard .mainpage-panel .title {
	background:#1d7837;	
}

.gummiShipHangar .mainpage-panel {
	background:#768eb0;
}

.gummiShipHangar .mainpage-panel .title {
	background:#2f425c;	
}

.library .mainpage-panel {
	background:#E8E347;
}

.library .mainpage-panel .title {
	background:#C8C044;	
}

.hallOfTheCornerstone .mainpage-panel{
	background:#b0bccf;
}

.hallOfTheCornerstone .mainpage-panel .title{
	background:#dae2ed;
	color:#000000;
}

.hallOfTheCornerstone .mainpage-panel .tasklist .mainpage-tile .tile-bottom ul li, .hallOfTheCornerstone .mainpage-panel .content ul li{
	text-align:left;
}

.newsHub .mainpage-panel .title {
	background:#771919;	
}

.newsHub-links .tile-image{
	background:#454545;
}

@media (min-width:720px) {
.newsHub-links .content{
	flex-direction:row;	
}
}

@media (max-width:720px) {
.newsHub-links .content{
	flex-direction:column;	
}
}


.mainpage-panel.projects a{
	color:#FFFFFF;
}

@media (min-width:720px) {
	.projects .projectrow{
		display:flex;
		flex-direction:row;
	}	
}

@media (max-width:720px) {
	.projects .projectrow{
		display:flex;
		flex-direction:column;
	}	
}

.wrap{
	display:flex;
}

.homeportal{
	flex:1;
}

@media (min-width:720px) {
	.wrap{
		flex-direction:row;
	}	
}

@media (max-width:720px){
	.wrap{
		flex-direction:column;
	}
}

/**********************************************
*
*	Infobox Ver. II
*
***********************************************/

.infobox {
	float:right;
	color:#FFFFFF;
	background:#DEE8F2;
	box-shadow:0 0 7px 0 #00000099;
}

.panel-bar{
	padding:.25em;
}

.news .infoboxImage img{
	width: 100%;
    height: auto;
}

.infobox .highlights ul, .infobox .highlights p{
	padding:5px;
}

.infobox .row{
	display:flex;
}

.infobox .row .label{
	padding:5px;
	flex:1;
}

.infobox .row .content{
	padding:5px;
	flex:2;
}

.infobox .content a{
	color:#9DEEFF !important;
}

@media (max-width:720px){
	.infobox{
		width:100%;
		margin:5px 0 5px 0;
	}
	
	.infobox .row{
		flex-direction:column;
	}
	
	.infobox .row .content, .infobox .row .label{
		text-align:center;
	}
}

@media (min-width:720px){
	.infobox {
		width:360px;
		margin:5px;
	}
	
	.infobox .row{
		flex-direction:row;
	}
	
	.infobox .row .label{
		text-align:right;
	}
	
	.infobox .row .content{
		text-align:left;
	}
}

.transcriptheader{
    background:#16274e;
    color:#CDCDCD;
    padding:12px;
}

.transcriptheader a, .transcriptnavigation a{
	color:#9DEEFF;
}

.transcriptnavigation{
    width: 100%;
    display: flex;
    flex-direction: row;
    padding: 12px 0;
    background: #3e4d70;
    color: #FFFFFF;
}

.walkthroughheader{
    background:#891E23;
    color:#CDCDCD;
    padding:12px;
}

.walkthroughheader a, .walkthroughnavigation a{
	color:#44DEFF;
}

.walkthroughnavigation{
    width: 100%;
    display: flex;
    flex-direction: row;
    padding: 12px 0;
    background: #703e40;
    color: #FFFFFF;
}

* {box-sizing: border-box}

/* Style tab links */
.tablink {
    background-color: #555;
    color: white;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 5px;
    font-size: 17px;
    flex:1;
    transition:ease-in 0.1s;
    border-radius:0;
}

.tablink:hover {
	background-color: #d4d4d4;
	box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.5);
	z-index:99;
}

/* Style the tab content (and add height:100% for full page content) */
.tabcontent {
    color: white;
    display: none;
    padding: 50px 20px;
    height: 50%;
    background-attachment:fixed;
    background-position:center;
    background-size:cover;
	-webkit-animation: fadeEffect 1s;
	animation: fadeEffect 1s;
}

@-webkit-keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeEffect {
  from {opacity: 0;}
  to {opacity: 1;}
}

#KH {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/images/2/2a/Foreboding_%28art%29_KH.png"); 
	background-repeat:no-repeat; 
}

#COM {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/images/e/e8/Deck_%28art%29_COM.png"); 
	background-repeat:no-repeat; 
}

#KHII {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/images/b/ba/Heart_%28art%29_KHII.png"); 
	background-repeat:no-repeat; 
}

#DAYS {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/images/e/e9/Boundary_%28art%29_358.png");
	background-repeat:no-repeat; 
}

#BBS {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/images/c/cd/Soar_%28art%29_BBS.png"); 
	background-repeat:no-repeat; 
}

#RECO {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/images/9/91/Smile_%28art%29_RECO.png");
	background-repeat:no-repeat; 
}

#KH3D {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/images/1/11/Sea_of_Clouds_%28art%29_KH3D.png");
	background-repeat:no-repeat; 
}

#KHX {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://www.khwiki.com/images/2/26/Kingdom_Hearts_χ_artwork.png");
	background-repeat:no-repeat;
}
	
#UCX, #UXC {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://www.khwiki.com/images/4/4b/Kingdom_Hearts_Unchained_χ_Promotional_Art.png");
	background-repeat:no-repeat;
}

#BBS2 {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/images/f/f4/Time_Stands_Still_01_0.2BBS.png");
	background-repeat:no-repeat;
}

#XBC {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/images/d/d8/The_Case_of_Ira_01_XBC.png");
	background-repeat:no-repeat;
}

#KHIII {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.75)), url("/images/c/ce/Kingdom_Hearts_III_cover_art.png");
	background-repeat:no-repeat;
}

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

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

.thumb{
	transition:0.2s ease-in;
}

.thumb:hover{
	box-shadow:0 0 7px 0 #00000099;
	transform:scale(1.01);
}

html .thumbimage{
	background:none;
	border:none;
}

div.thumbinner{
	background-color:rgba(204,204,204,0.6);
	width:300px !important;
}

.editOptions, .oui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame{
	background:#FFFFFF;
}

@supports (backdrop-filter: blur(20px)) or (-webkit-backdrop-filter: blur(20px)) {
	.editOptions, .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame{
		background:#FFFFFF45;
		backdrop-filter:saturate(180%)blur(30px);
	}
	
	.ve-ui-mwSaveDialog-license{
		background:none !important;
	}
}

/**********************************
****
****	SEARCH
****
**********************************/

.mw-search-profile-tabs{
	background:#DEE8F2;
}

.search-types a{
	text-decoration:none;
}

.search-types .normal a:hover{
	color:#FFFFFF;
	background:#8794a1;
}

.search-types .current{
	background:#B8BFC6;
}

#mw-searchoptions{
	background:#B8BFC6;
	border-top:none;
}

.oo-ui-actionFieldLayout.oo-ui-fieldLayout-align-top, #mw-search-top-table .oo-ui-textInputWidget{
	max-width:none;
}

.mw-search-results li{
box-shadow: 0px 0px 5px 0px rgba(6, 48, 91, 0.1);
padding:10px;
margin: 10px;
transition:0.1s ease-in;
}

.mw-search-results li:hover{
box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.3);
}

.transcriptChapter{
	background:url(/images/6/6e/Box_art_KHIII.png); 
	background-position:center; 
	background-size:cover; 
	background-attachment:fixed; 
	padding:13px; 
	display:flex; 
	flex-direction:column;
}

.transcriptChapter-content h2{
	background:#181818;
	background:rgba(24,24,24,.85);
	padding:0.5em; 
	color:#FFFFFF;
}
	
@supports (backdrop-filter: blur(30px)) or (-webkit-backdrop-filter: blur(30px)) {
	.transcriptChapter-content h2{
		background:#181818;
		background:rgba(24,24,24,.85); 
		padding:0.5em; 
		color:#FFFFFF; 
		backdrop-filter:saturate(250%)blur(30px)brightness(150%);
		-webkit-backdrop-filter:saturate(250%)blur(30px)brightness(150%);
	}
}

.transcriptChapter-content h2 a{
	color:#FFFFFF;
}

.transcriptChapter-list{
	background:#454545;
	background:rgba(69,69,69,.9);
	padding:0.5em;
}
	
@supports (backdrop-filter: blur(30px)) or (-webkit-backdrop-filter: blur(30px)) {
	.transcriptChapter-list{
		background:#454545;
		background:rgba(69,69,69,.85);
		backdrop-filter:saturate(250%)blur(30px); 
		-webkit-backdrop-filter:saturate(250%)blur(30px); 
		padding:0.5em;
	}
}

.transcriptChapter-episode a{
	display:block;
	padding:5px;
	transition:0.1s ease-in;
	color:#FFFFFF;
	color:rgba(255,255,255,0.6);
}

.transcriptChapter-episode a:hover{
	background:#BFBFBF;
	background:rgba(191,191,191,.45);
	box-shadow:0 0 16px 0 rgba(0,0,0,.6);
	color:#FFFFFF;
	text-decoration:none;
}

.theaterImage img, .transcriptChapterTable img{
	width:100%;
	height:auto;
}

.theaterImage p{
	margin:0;
}

.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle{
	margin-top:0;
	border:none;
}

.oo-ui-widget.oo-ui-widget-enabled.oo-ui-draggableGroupElement.oo-ui-tagMultiselectWidget.oo-ui-tagMultiselectWidget-outlined.oo-ui-menuTagMultiselectWidget.mw-rcfilters-ui-filterTagMultiselectWidget{
	margin-top:1em;
}

span.oo-ui-widget.oo-ui-widget-enabled.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-indicatorElement.oo-ui-labelElement.oo-ui-flaggedElement-progressive.oo-ui-buttonWidget{
	width:100%;
}

#upload-wizard{
	max-width:100%;
}

.oo-ui-icon-previous, .mw-ui-icon-previous:before, .oo-ui-icon-imageGallery, .mw-ui-icon-imageGallery:before, .oo-ui-icon-next, .mw-ui-icon-next:before {
	background-image:none;
}

.oo-ui-icon-previous:before{
	content: '\E760';
    font-family: FabricMDL2Icons;
    font-size: 1.8em;
}

.oo-ui-icon-imageGallery:before {
    content: '\E7AA';
    font-family: FabricMDL2Icons;
    font-size: 1.8em;
}

.oo-ui-icon-next:before{
	content: '\E761';
    font-family: FabricMDL2Icons;
    font-size: 1.8em;
}


.theatermenu{
	transition:0.2s ease-in-out;
	display:flex;
	flex-direction:row;
	position:relative;
	margin:0;
	padding:0;
}

.theatermenu:hover{
	box-shadow:0 0 7px 0 #000000;
}

.theatermenu .column1{
	flex:1;
	z-index:2;
}

.theatermenu .column2{
	flex:2;
	z-index:2;
}

.theatermenu .column2 .theaterlist{
	background: #8287bab0;
	margin: 25px;
    padding: 15px;
    backdrop-filter: saturate(180%)blur(10px);
    border-radius: 7px;
    box-shadow: 0 0 4px 1px #000000;
}

.theaterlist ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.theaterlist ul li {
    transition: 0.2s ease-in-out;
}

.theaterlist ul li:hover {
    background: #8287BA;
	box-shadow: 0 0 4px 0 #00000099;
}

.theaterlist ul li a {
	padding:7px;
	transition:0.2s ease-in-out;
	max-width:100%;
	display:block;
	width:100%;
	height:100%;
}

.theaterlist ul li a:hover {
    text-decoration: none;
}

.theatermenu .theaterimg{
	position:absolute;
	z-index:1;
	width:100%;
	height:100%;
	overflow:hidden;
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0;
	background:#181818;
}

.theatermenu .theaterimg img{
	transition:0.5s ease-in-out;
	opacity:0.8;
}

.theatermenu:hover .theaterimg img {
    opacity: 1.0;
    transform:scale(1.02);
}