MediaWiki:Wikia.css

@import "/index.php?title=MediaWiki:Common.css&action=raw&ctype=text/css"; /* Please do refrain from taking the css from this page without an Admin's permission. */

@font-face { font-family: 'Kowloon'; src: url('https://static.wikia.nocookie.net/cuckoo/images/5/52/DINPro_Bold.ttf/revision/latest?cb=20210517234426') format('truetype'); }

.WikiaPage { font-family: 'Roboto', sans-serif; }

/* Centered tabs in infoboxes */ .pi-europa .pi-image-collection-tabs { text-align: center; }   max-width:100%; } /* Tabber customized */ ul.tabbernav { font-family:"Hyatheus" !important; font-size:17px !important; font-weight:bold !important; padding:7px 0px !important; border:none !important; text-transform: uppercase !important; } ul.tabbernav li a { text-transform: uppercase !important; padding:7px 5px !important; margin-left:0px !important; border:0 !important; background:transparent !important; transition-duration:1s !important; transition-timing-function:ease-out !important; } ul.tabbernav li a:link { color:#a4ebdc !important; border-bottom: 3px solid #a4ebdc !important; margin-right: 2px !important; } ul.tabbernav li a:visited { color: #a4ebdc !important; border-bottom: 3px solid #a4ebdc !important; margin-right: 2px !important; } ul.tabbernav li a:hover { color:#c388b8 !important; border-bottom: 3px solid #c388b8 !important; background-color: transparent !important; margin-right: 2px !important; transition-duration: 1s !important; transition-timing-function: ease-out !important; } ul.tabbernav li.tabberactive a { color:#c388b8 !important; border-bottom: 3px solid #c388b8 !important; background-color: transparent !important; margin-right: 2px !important; } ul.tabbernav li.tabberactive a:hover { border-bottom: 3px solid #c388b8 !important; margin-right: 2px !important; } .tabberlive .tabbertab { border:0px solid transparent !important; border-top:0 !important; } html { /* Fixes background in Android versions of Chrome and Opera */ height: 100%; width: 100%; }
 * 1) wmDiv img {

/* PortableInfobox Theme */ .pi-item-spacing { padding: 0px 0px; } /* PI */ .pi-theme-infoBox .pi-image-thumbnail { max-width: 200px; height: auto; } /* Infoboxes */ /*Infobox*/ .infobox { border: 1px solid #ffffff; border-radius: 3px; background-color: #ffffff; color: #ffffff; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; }

.pi-europa .pi-horizontal-group .pi-horizontal-group-item { text-align: center; }

.pi-europa .pi-horizontal-group-item:nth-child(even) { background-color: #ffffff; } .pi-europa.pi-background { background-color: #ffffff; } .infobox td, .infobox th { vertical-align: top; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: none; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: none; } .portable-infobox { width: 190px; background: #ffffff; border-radius: 3px; border: 2px solid #A4EBDC; padding: 3px; }

/*Tabs*/ .portable-infobox .pi-image-collection-tab-content { background: #ffffff; } .portable-infobox .pi-image-collection-tabs { text-align: center; background: transparent; }

.portable-infobox .pi-image-collection-tabs .pi-tab-link { font-family: Hyatheus; background: transparent; border-style: none; margin: 0; padding: 0; color: #a4ebdc; font-weight: bold; font-size: 16px; } .portable-infobox .pi-image-collection-tabs .pi-tab-link.current { color: #dddffc; } .portable-infobox .pi-image-collection-tabs .pi-tab-link:not(:last-of-type):after { content: "•"; color: #dddffc; font-family: Hyatheus; background: transparent; font-weight: bold; width: 1em; padding-right: 3px; font-size: 13px; text-align: center; }

.portable-infobox .pi-secondary-font { font-size: 16px; font-family: Hyatheus } .portable-infobox .pi-title, .portable-infobox .pi-header, .pi-horizontal-group .pi-header { background-color: #a4ebdc; border-radius: 3px; color: #ffffff; font-weight: bold; text-align: center; }

/* Table of Contents */

.WikiaArticle .toc { border-radius: 2px; font-family:Hyatheus; border-color: #c388b8; } .WikiaArticle #toctitle { background-color: #c388b8; color: #ffffff; font-family:Hyatheus; border-radius: 2px; border-color: #c388b8; } .WikiaArticle #toctitle h2 { background: none; font-family:Hyatheus; font-weight: bold; border-color: #c388b8; }

/* Poll */ .ajax-poll { width: auto !important; border: 2px solid #e50d72 !important; } .ajax-poll { border: none !important; } .pollAnswerVotes { border: 2px solid #e50d72 !important; border-radius: 2px !important; } .pollAnswerVotes div { background: #e50d72 !important; }.poll-entry:hover { border-color: #e50d72;

} /*Font Change*/ .WikiaArticle h2 { font-weight: 500; border-bottom: 2px solid #c388b8; margin-bottom: 0.6em; margin-top: 20px; } /* Scroll bar */
 * -webkit-scrollbar {

width: 12px; } ::-webkit-scrollbar-track { background: #FFFFFF !important; } ::-webkit-scrollbar-thumb { background: #c388b8 } ::-webkit-scrollbar-thumb:hover { background: #c388b8 } ::-webkit-scrollbar-thumb:active { background: #c388b8 }

/* Hover */ .hoverimage img { transition: all 0.6s ease; opacity: 1; filter: alpha(opacity=100); } .hoverimage img:hover { opacity: 0.8; filter: alpha(opacity=80); transform:scaleX(1.05) scaleY(1.05); }

/* Wordmark */ .wds-community-header__wordmark img { transition: all 0.4s ease; opacity: 1; filter: alpha(opacity=100); } .wds-community-header__wordmark img:hover { pacity: 0.8; filter: alpha(opacity=80); transform:scaleX(0.95) scaleY(0.95); }

/* Overlay (Credits to G IDLE Wiki) */ .image-overlay { position: relative; overflow: hidden; } .image-overlay > .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: 0.5s; background: #00000080; color: #fff; } .image-overlay:hover > .overlay { opacity: 1; } .image-overlay > .overlay > .overlay-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 180%; font-family: Playfair Display; padding-left: 3px; padding-right: 3px; text-align: center; width: 100%; } .image-overlay p { margin: .0em 0 .0em !important; } .image-overlay a:hover { opacity: 0.6; -webkit-transition: all .4s linear 0s; -moz-transition: all .4s linear 0s; -ms-transition: all .4s linear 0s; -o-transition: all .4s linear 0s; transition: all .4s linear 0s; text-decoration: none; } .image-overlay a { color: #eaeaea; -webkit-transition: all .3s linear 0s; -moz-transition: all .3s linear 0s; -ms-transition: all .3s linear 0s; -o-transition: all .3s linear 0s; transition: all .3s linear 0s; } .image-overlay.overlay-zoom:hover img { -moz-transform:scale(1.05); -webkit-transform:scale(1.05); -o-transform:scale(1.05); -ms-transform:scale(1.05); transform:scale(1.05); -webkit-backface-visibility:hidden; backface-visibility:hidden; filter:alpha(opacity=100); opacity:1; -webkit-transition:all 3s ease-in-out; -moz-transition:all 3s ease-in-out; -ms-transition:all 3s ease-in-out; -o-transition:all 3s ease-in-out; transition:all 3s ease-in-out; } .image-overlay.overlay-zoom img { -webkit-transition:all 3s ease-in-out; -moz-transition:all 3s ease-in-out; -ms-transition:all 3s ease-in-out; -o-transition:all 3s ease-in-out; transition:all 3s ease-in-out; }

/* Page Border */ .WikiaPage .WikiaPageContentWrapper { border: 1px solid #ffffff; border-top: 2px solid var(--theme-link-color) !important; } /* Wikia Notification Customization */ .WikiaNotifications li div { background-color: #c388b8; background-image: none; color: white !important; max-width: 180px; overflow: auto; padding: 11px 22px; position: relative; } .WikiaNotifications li div a { text-decoration: none; color: white; text-shadow: 0px 0px 4px gray; }

/*Background*/ body.mediawiki { background: url(https://static.wikia.nocookie.net/kowloon-generic-romance/images/1/1e/Temp-background.png/revision/latest?cb=20210604054208&format=original) center / cover no-repeat, #ffffff radial-gradient(circle farthest-corner, #ffffff, #ffffff); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 100%; } /* BG Fixation */ body.mediawiki { background-attachment: fixed !important; }