MediaWiki:Wikia.css

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

/* Imports */ @import "/load.php?mode=articles&articles=u:dev:MediaWiki:ModernizedChanges.css&only=styles"; @import "/load.php?mode=articles&articles=u:dev:MediaWiki:FandomizedTabs/tabbers.css&only=styles"; @import url('https://fonts.googleapis.com/css2?family=Texturina:wght@500&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@500&display=swap');

/* Wiki Font */ body { font-family: 'Chakra Petch', sans-serif; font-size: 14.5px; } h1, h2, h3, h4 .WikiaPage .page-header__main { font-family: 'Texturina', serif; font-size: 21px; } .WikiaPage .page-header__sitename { font-family: 'Texturina', serif; }

/* Header Title */ .WikiaPage .page-header__title { text-transform: capitalize; font-family: 'Texturina', serif !important; font-size: 21pt; color: #212951; }

/* WikiRail */ .WikiaRail .module, .WikiaRail .rail-module { padding: 16px 10px 16px; margin: 0 0 25px 0; border: 2px solid #212951; border-radius: 12px; box-shadow: 5px 5px #686C96; background: rgba(206, 215, 247, 0.38) !important; vertical-align: text-bottom !important; }

/* Hide WikiRail **/ .WikiaMainContent { float:none; width:auto; }

/* TOC Customization */ .WikiaArticle .toc { background: rgba(206, 215, 247, 0.38) !important; border: 2px solid #3A2157; box-shadow: 4px 4px #686C96; border-radius: 12px; }

/* Wiki Ads Removal - Credits to K.A.R.D Wiki */ .WikiaTopAds { padding: 0; }

/* Wiki Background - Credits to We Bare Bears Wiki */ body.skin-oasis, body.background-dynamic.skin-oasis::after, body.background-dynamic.skin-oasis::before { background-size: cover; }

/* Wiki Links - Credits to Studio Ghibli Wiki*/ a:hover, a:active { color: #FFFFFF !important; text-decoration: none; text-shadow: #5D689E 0 0 8px, #5D689E 0 0 8px, #5D689E 0 0 8px, #5D689E 0 0 8px, #5D689E 0 0 8px, #5D689E 0 0 8px, #5D689E 0 0 8px, #5D689E 0 0 8px; transition: all 0.5s ease-in; } a.new:hover, a.new:active { color: #FFFFFF !important; text-decoration: none; text-shadow: red 0 0 7px, red 0 0 7px, red 0 0 7px, red 0 0 7px, red 0 0 7px, red 0 0 7px, red 0 0 7px, red 0 0 7px; transition: all 0.5s ease-in; } a { transition: all 0.5s ease-out; }

/* Wiki Categories */ .WikiaArticleCategories, .article-categories { background: rgba(206, 215, 247, 0.38) !important; border: 1px solid #212951 !important; box-shadow: 3px 3px #686C96; color: white; border-radius: 12px; vertical-align: text-bottom !important; }

/* Hide External Arrow */ .mw-parser-output a.external { background: none !important; content: none !important; padding-right: 0 !important; } .WikiaArticle a.external:after, .WikiaArticle a[href^="gopher://"]:after { background-image: none; content: none; }

/* Hide Main Page Home */ .mainpage .WikiaPage .page-header__title, .mainpage .WikiaPage .page-header__separator { display: none; }

/* Hide Gallery Uploader */ .wikia-photogallery-add, .wikia-button noprint { display: none !important; }

/* Wiki Glow */ .WikiaPage > .WikiaPageContentWrapper { border: 1px solid #212951; box-shadow: 0 0 25px #CACEE0; } .WikiaSiteWrapper > header { box-shadow: 0 0 25px #F7E6EA; }

/* Backgrounds */ .page-Light_and_Shadow_Wiki .WikiaPage > .WikiaPageContentWrapper { background-image: url("") !important; background-size: auto 800px; background-attachment: fixed; background-position: center; } .charportal { background: url("https://static.wikia.nocookie.net/light-and-shadow/images/d/df/Charportal_01.png/revision/latest?cb=20210106015635&format=original"); }

/* Modern Tabs - Credits to wJustLeafy and Speedit on Dev Fandom */ border: none; font-family: 'Texturina', serif; } .tabberlive > ul.tabbernav > li:last-child { margin-right: 0; } ul.tabbernav li.tabberactive:first-child a { margin-left: 0 !important; }   display: flex; flex-flow: row nowrap; padding: 0; font-family: 'Texturina', serif; overflow: auto; }   display: flex; }   background: initial; border-color: currentColor; border-width: 0 0 4px !important; color: inherit; font-size: 25px; font-weight: 700; line-height: 2em; margin: 0; padding: 13px 11px; text-align: center; text-transform: uppercase; transition: opacity 0.3s; white-space: nowrap; }   opacity: 0.25; }   opacity: 0.5; }   border: none; justify-content: center; }   display: flex; flex-flow: row nowrap; padding: 0; font-family: 'Texturina', serif; overflow: auto; }
 * 1) mw-content-text .tabber div.tabbertab,
 * 2) mw-content-text .tabber ul.tabbernav {
 * 1) mw-content-text .tabber ul.tabbernav {
 * 1) mw-content-text .tabber ul.tabbernav li {
 * 1) mw-content-text .tabber ul.tabbernav li:not(.tabberactive) a,
 * 2) mw-content-text .tabber ul.tabbernav li.tabberactive a {
 * 1) mw-content-text .tabber ul.tabbernav li:not(.tabberactive) a {
 * 1) mw-content-text .tabber ul.tabbernav li:not(.tabberactive):hover a {
 * 1) mw-content-text .tabber div.tabbertab,
 * 2) mw-content-text .tabber ul.tabbernav {
 * 1) mw-content-text .tabber ul.tabbernav {

/* Scroll - Credits to Who Made Me a Princess Wiki */
 * -webkit-scrollbar {

height: 10px; width: 10px; }
 * -webkit-scrollbar-track {

border-radius: 7px; background-color: transparent !important; color: transparent !important; background: transparent !important; }
 * -webkit-scrollbar-thumb {

background: linear-gradient(0deg, #FFD700, #5D6696); border: white; border-radius: 7px; -webkit-box-shadow: inset 0 0 2px #5D6696; -moz-box-shadow: inset 0 0 2px #FFD700; }
 * -webkit-scrollbar-thumb:hover,
 * -webkit-scrollbar-thumb:active {

background: #5D6696; border-radius: 7px; }

/* Infobox Designs - Credits to Lucia Wiki */ .portable-infobox .pi-title { background: url("https://static.wikia.nocookie.net/light-and-shadow/images/5/5e/Infobox.jpg/revision/latest?cb=20210130222216&format=original"); color: white; font-family: 'Texturina', serif; font-size: 18pt; line-height: 28px; text-align: center; } .portable-infobox .pi-header { background: url("https://static.wikia.nocookie.net/light-and-shadow/images/5/5e/Infobox.jpg/revision/latest?cb=20210130222216&format=original"); color: white; font-family: 'Texturina', serif; font-size: 14.5pt; line-height: 23px; text-align: center; } .portable-infobox .pi-navigation { background: url("https://static.wikia.nocookie.net/light-and-shadow/images/5/5e/Infobox.jpg/revision/latest?cb=20210130222216&format=original"); color: white; font-family: 'Chakra Petch', sans-serif; font-size: 12.5pt; line-height: 17px; margin: 0px; padding: 3px; text-align: center; } .portable-infobox { background-color: transparent; border-radius: 27px; overflow: hidden; } .portable-infobox { border: 3px solid #212951; } .portable-infobox .pi-image-collection-tabs { display: flex; justify-content: center; margin: 0; } .portable-infobox .pi-image-thumbnail { height: auto; width: 100%; } .portable-infobox .pi-data-label { color: inherit; font-family: 'Texturina', serif; font-size: 8.5pt; } .portable-infobox .pi-data-value { border-radius: 3px; }

/* Two-Column Reference - Credits to Animanga Wiki */ .references { font-size: 110%; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } .references > li { margin-right: 25px; }

/* Wordmark Size - Credits to Tower of God Wiki */ max-width: 100%; margin: auto; display: inline-block; }
 * 1) wmDiv img {

/* Wordmark - Credits to Shield Hero Wiki*/ .wds-community-header__wordmark a { display: block; background: url("https://vignette.wikia.nocookie.net/light-and-shadow/images/4/4d/Wordmark_main.png/revision/latest?cb=20210111020948") top left/contain no-repeat; } .wds-community-header__wordmark img { visibility: hidden; }

/* Minimalist Slider - Credits to Sociophobio on Dev Fandom */ div.wikiaPhotoGallery-slider-body { background: transparent; } div.wikiaPhotoGallery-slider-body .horizontal .description-background { height: 70px; font-family: 'Texturina', serif; font-weight: bold; opacity: 0; } div.wikiaPhotoGallery-slider-body .nav > img, div.wikiaPhotoGallery-slider-body .nav p > img { display: none; } div.wikiaPhotoGallery-slider-body .horizontal .description { right: 0; background: rgba(0, 0, 0, 0.4); padding: 10px 15px 20px 15px; width: 310px; border-radius: 2em 2em 0em 0em; } .wikiaPhotoGallery-slider-body .nav { background: transparent; border: 2px solid #212951; border-radius: 12px; width: 8.5px; cursor: pointer; height: 8px; position: absolute; } .wikiaPhotoGallery-slider-body .selected { background: #212951; border: 1px solid #212951; border-radius: 50%; width: 8.5px; cursor: pointer; height: 8px; } div.wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-0 .nav { right: 355px; } div.wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-1 .nav { right: 335px; } div.wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-2 .nav { right: 315px; } div.wikiaPhotoGallery-slider-body .horizontal .wikiaPhotoGallery-slider-3 .nav { right: 295px; }

/* Featured View - Credits to the BlackPink Wiki */ .view { width: 280px; height: 400px; margin-left: auto; margin-right: auto; float: left; overflow: hidden; position: relative; } .view .mask, .view .content { width: 280px; height: 400px; border-radius: 0; position: absolute; overflow: hidden; bottom: 0; left: 0 } .view img { display: block; position: relative } .view h2 { position: relative; color: white; font-weight: bold; font-size: 150%; font-family: 'Texturina', serif; text-align: center; background: rgba(0, 0, 0, 0.9); padding-top: 40px; border: none; } .view h3 { position: relative; color: white; font-size: 120%; text-align: center; padding: 160px 20px; } .view p { position: relative; color: white; font-size: 120%; text-align: left; padding: 10px 20px; } .view a.info { display: inline-block; text-decoration: none; padding: 7px 14px; background: #CACEE0; color: white; text-transform: uppercase; box-shadow: 0 0 1px #000 } .view a.info:hover { box-shadow: 0 0 5px #000 } .view img { transition: all 0.4s ease-in-out 0.5s; } .view .mask { background-color: rgba(193, 66, 66, 0.75); opacity: 0; transition: all 0.3s ease-in 0.4s; } .view h2 { opacity: 0; background: transparent; margin: 40px 40px 0px 40px; transform: scale(10); transition: all 0.3s ease-in-out 0.1s; } .view h3 { opacity: 0; transform: scale(10); transition: all 0.3s ease-in-out 0.2s; } .view p { opacity: 0; transform: scale(10); transition: all 0.3s ease-in-out 0.2s; } .view a.info { opacity: 0; transform: translateY(100px); transition: all 0.3s ease-in-out 0.1s; } .view:hover .mask { opacity: 1; transition-delay: 0s; }																			 .view:hover img { transition-delay: 0s; } .view:hover h2 { opacity: 1; transform: scale(1); transition-delay: 0.1s; } .view:hover h3 { opacity: 1; transform: scale(1); transition-delay: 0.2s; } .view:hover p { opacity: 1; transform: scale(1); transition-delay: 0.2s; } .view:hover a.info { opacity: 1; transform: translateY(0px); transition-delay: 0.3s; }

/* Hover Characters - Credits to My Deepest Secret Wiki */ .overlay-default { position: relative; width: 200px; } .overlay-hover { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 200px; opacity: 0; transition: 0.8s ease; } .overlay-default:hover .overlay-hover { opacity: 1; }

/* Hover Caption - Credits to ScarletRose223 */ .hovercaption { position: relative; width: 200px; } .caption-nonhover, .hovercaptionhover { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(13, 27, 83, 0.24) ; overflow: hidden; width: 100%; height: 35px; transition: .5s ease; } .hovercaption:hover .hovercaptionhover { height: 50px; } .hovercaption-text { color: white; font-size: small; position: absolute; padding: 3px; }

/* Hover Book - Credits to the BlackPink Wiki */ .book-hover, .book-hover-image { -moz-perspective: 1200px; -webkit-perspective: 1200px; -moz-user-select: none; -webkit-user-select: none; user-select: none; -khtml-user-drag: none; -moz-user-drag: none; -ms-user-drag: none; -webkit-user-drag: none; user-drag: none; display: block; margin: 0 auto; perspective: 1200px; width: auto; } .book-hover, .book-hover-image { width: auto; } .book, .book-image { -moz-transform-origin: 125px 0; -moz-transform-style: preserve-3d; -moz-transition: 0.75s; -webkit-transform-origin: 125px 0; -webkit-transform-style: preserve-3d; -webkit-transition: 0.75s; box-shadow: 0 0 4px rgba(13, 27, 83, 0.24); transform-origin: 125px 0; transform-style: preserve-3d; transition: 0.75s; } .book:after, .book-image:after { bottom: 0; content: ""; left: 3px; position: absolute; top: 0; width: 7px; } .book:hover { -moz-transform: translateX(-10px) translateZ(35px) translateX(35px) rotateY(45deg); -webkit-transform: translateX(-10px) translateZ(35px) translateX(35px) rotateY(45deg); transform: translateX(-10px) translateZ(35px) translateX(35px) rotateY(45deg); } .book-image:hover { -moz-transform: translateX(-10px) translateZ(5px) translateX(5px) rotateY(45deg); -webkit-transform: translateX(-10px) translateZ(5px) translateX(5px) rotateY(45deg); transform: translateX(-10px) translateZ(5px) translateX(5px) rotateY(45deg); } .book-cover { position: relative; } .book-cover img { height: auto; width: auto; max-width: 100%; vertical-align: bottom; } .book-spine-image { background-image: gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #212951), color-stop(75%, #111D4F)); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(25%, #212951), color-stop(75%, #111D4F)); background-image: -moz-linear-gradient(top, #212951 25%, #111D4F 75%); background-image: -o-linear-gradient(top, #212951 25%, #111D4F 75%); background-image: -ms-linear-gradient(top, #212951 25%, #111D4F 75%); } .book-spine-image { -moz-transform-origin: 0; -moz-transform: rotateY(-90deg) translateX(-49px); -webkit-transform-origin: 0; -webkit-transform: rotateY(-90deg) translateX(-49px); background-size: auto 100%; bottom: 0; box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); color: #fff; margin-left: 5px; overflow: hidden; position: absolute; top: 0; transform-origin: 0; } .book-spine { transform: rotateY(-90deg) translateX(-30px); width: 30px; } .book-spine-image { transform: rotateY(-90deg) translateY(-1px) translateX(-26px); width: 20px; } .book-spine-image:before, .book-spine:before { content: ""; display: block; height: 100%; width: 100%; }

/* Hover Spin - Credits to K.A.R.D. Wiki */ .hoverspin img { opacity: 1; filter: alpha(opacity=100); transition: all 0.6s ease; } .hoverspin img:hover { opacity: 0.5; filter: alpha(opacity=50); transform: rotate(360deg); }

/* Hover Affiliates - Credits to Promised Neverland Wiki */ .hoveraffiliate img { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; } .hoveraffiliate img:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); }

/* Hover Item - Credits to Akatsuki no Yona Wiki */ .hoveritem { -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); -webkit-transition-duration: 0.3s; -webkit-transition-property: transform; } .hoveritem:hover, .hoveritem:focus, .hoveritem:active { -webkit-transform: scale(1.1); transform: scale(1.1); }

/*** User Colors CSS ***/

/** Diamaker **/ a[href$="/wiki/User:Diamaker"], a[href$="Message_Wall:Diamaker"], a[href*="Message_Wall:Diamaker"], a[href="/wiki/User_blog:Diamaker"], a[href="/wiki/Message_Wall:Diamaker"], a[href="/wiki/Special:Contributions/Diamaker"], a[href="/wiki/Special:UserProfileActivity/Diamaker"] { font-weight: bold !important; color: #CEA1AA !important; } .Wall .edited-by a.subtle[href$="Wall:Diamaker"]:after{ color: #CEA1AA !important; content: "ADMINISTRATOR" !important; }

/** Zuleika_B **/ a[href$="/wiki/User:Zuleika_B"], a[href$="Message_Wall:Zuleika_B"], a[href*="Message_Wall:Zuleika_B"], a[href="/wiki/User_blog:Zuleika_B"], a[href="/wiki/Message_Wall:Zuleika_B"], a[href="/wiki/Special:Contributions/Zuleika_B"], a[href="/wiki/Special:UserProfileActivity/Zuleika_B"] { color: #5D5A81 !important; } .Wall .edited-by a.subtle[href$="Wall:Zuleika_B"]:after{ color: #5D5A81 !important; content: "BUREAUCRAT" !important; }

/*** END - User Color CSS ***/