MediaWiki:Wikia.css

@import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:PrettyUserTags.css"); @import "//dev.wikia.com/load.php?mode=articles&articles=MediaWiki:ModernProfile/Masthead.css|MediaWiki:ModernProfile/Wall.css&only=styles";

/*LEAVE THIS IMPORT ABOVE EVERYTHING ELSE*/ /* @import "/index.php?title=MediaWiki:Icon.css&action=raw&ctype=text/css"; */ @import "https://fonts.googleapis.com/css?family=Josefin+Sans"; @font-face { font-family: 'ThePromisedNeverland'; src: url('https://vignette.wikia.nocookie.net/yakusokunoneverland/images/6/68/Mason_Regular.ttf') format('truetype'); }

@font-face { font-family: 'Caslon Antique'; src: url('https://images.wikia.nocookie.net/snicket/images/6/68/Caslon_Antique.ttf') format("truetype"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Caslon Antique Italic'; src: url('https://images.wikia.nocookie.net/snicket/images/3/39/Caslon_Antique_Italic.ttf') format("truetype"); font-weight: normal; font-style: normal; }

font-family: 'Gentium Book Basic', Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; }
 * 1) WikiaArticle {

a.new { color: #ba0000; } p a.new { color: #ba0000!important; }

/** Link glow **/ a:hover, a:active { color: #FFFFFF !important; text-decoration: none; text-shadow: darkorange 0 0 7px, darkorange 0 0 7px, darkorange 0 0 7px, darkorange 0 0 7px, darkorange 0 0 7px, darkorange 0 0 7px, darkorange 0 0 7px, darkorange 0 0 7px; 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; }

/* Wordmark enlarge when hover - From Black Pink wiki */ .WikiHeader .wordmark { -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; color: #ff87c3; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .WikiHeader .wordmark: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); } .pph-wiki-header .wordmark { -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; color: #ff87c3; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .pph-wiki-header .wordmark: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); }

.wds-community-header__wordmark 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; color: #ff87c3; font-weight: bold; margin-bottom: 10px; word-wrap: break-word; } .wds-community-header__wordmark 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); }

/* Music Player Customize */ .ogg_custom div { display: inline; } .ogg_custom, .ogg_custom:hover { opacity: 0.6; -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -o-transition: all .9s ease; } .ogg_custom:hover { opacity: 1; } .ogg_custom button>img, .ogg_custom .image img { display: none; } .ogg_custom button { border: none !important; } .ogg-player-options+a:after { content: "More..."; } .ogg_custom .image, .ogg_custom .ogg-player-options+a:after { content:""; height: 30px; vertical-align: bottom; background-size: 100%; display: inline-block; } .ogg_custom audio { border-radius:4px } .ogg_custom>.ogg_player>div>button:after { content: url("https://vignette.wikia.nocookie.net/yakusokunoneverland/images/2/26/Favicon.png") !important; } .ogg_custom .ogg-player-options { margin-left: 3px; } div.ogg_player .ogg-player-options { background: white !important; } .ogg_player>div+div:hover .ogg-player-options { display: inline-block !important; position: absolute; z-index: 2; } .ogg_custom.default .ogg_player button, .ogg_custom.default audio { background: orange; } .ogg_custom.default audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel { background: orange; } .ogg_custom.default .image, .ogg_custom.default .ogg-player-options+a:after { background-image: url("https://vignette.wikia.nocookie.net/yakusokunoneverland/images/2/26/Favicon.png"); width: 30px; } .ogg_custom.default .ogg-player-options { border: 1px solid darkorange; }

/* Logo Animation - From No Game No Life wiki */ @keyframes ngnl-zero-animation { 0% {       filter: drop-shadow(0px 0 20px white) drop-shadow(0px 0 20px white) drop-shadow(0px 0 20px orange) drop-shadow(0px 0 30px orange); opacity: 0; transform: scale(.9); }   25% {        filter: drop-shadow(0px 0 20px white) drop-shadow(0px 0 20px white) drop-shadow(0px 0 20px darkorange) drop-shadow(0px 0 20px darkorange); }   70% {        filter: drop-shadow(0px 0 20px white) drop-shadow(0px 0 20px white) drop-shadow(0px 0 20px orange) drop-shadow(0px 0 20px orange); opacity: 1; }   90% {        filter: none; }   100% {        transform: scale(1); } } .page-The_Promised_Neverland_Wiki .wds-community-header__wordmark { animation: ngnl-zero-animation 3s linear 0s 1 normal forwards; }

/* Hotspots module customize  */ .HotSpotsModule li div div { box-shadow: 0 2px 6px rgba(0, 0, 0, 0.75),inset 0 1px rgba(255,255,255,0.3),inset 0 10px rgba(255,255,255,0.2),inset 0 10px 20px rgba(255,255,255,0.25),inset 0 -15px 30px rgba(0,0,0,0.3); } .HotSpotsModule li .hot-spot-severity-1 { /* the tag for most editors */ } .HotSpotsModule li .hot-spot-severity-2 { /* the tag for 2nd most editors */ }

/* Glowing things at Recent Wiki Activity - From Disney Wiki */ .WikiaRail .activity-module a { color:#FFA500; font-weight:normal; } .WikiaRail .activity-module .page-title { border-radius: 1em 2em 1em 2em; padding:2% 2% 2% 0; overflow:visible; white-space: unset; } .WikiaRail .activity-module .page-title a { color: black; border-radius: 1em 2em 1em 2em; padding: 0 5px 0 5px; -webkit-box-decoration-break: clone; box-decoration-break: clone; }

border: 2px solid gold; background-color: hsla(41,79%,68%,0.7); }
 * 1) wikia-recent-activity div.page-title a {

.WikiaRail .activity-module .page-title a:hover { color:#FFA500 !important; background-color: transparent !important; border-bottom:0 !important; }

/* Custom User Tags */ a.tag { color: inherit; }  border-radius: 20px; box-shadow: 0 2px 6px rgba(0,0,0,0.5), inset 0 1px rgba(255,255,255,0.3), inset 0 10px rgba(255,255,255,0.2), inset 0 10px 20px rgba(255,255,255,0.25), inset 0 -15px 30px rgba(0,0,0,0.3); color: #FFF; text-shadow: 1px 1px 1px #666; }  background: linear-gradient(45deg, #CADB6D, #CAA726, #6C5A04); }  background: linear-gradient(45deg, #72DC6E, #26CA44, #046B23); }  background: linear-gradient(45deg, #DC6E6E, #CA2626, #6B0404); }  background: linear-gradient(45deg, #DCA56E, #CA7826, #6C3804); }  background: linear-gradient(45deg, #6C0048, #CA2694, #6C0449); }  background: linear-gradient(45deg, #330000, #460C0C, #3F0505); }  background: linear-gradient(45deg, #D64CD4, #AD13BE, #C50BDA); }  background: linear-gradient(45deg, #F39E4E, #CA8443, #995515); }
 * 1) UserProfileMasthead .tag {
 * 1) UserProfileMasthead .tag.usergroup-sysop {
 * 1) UserProfileMasthead .tag.usergroup-rollback {
 * 1) UserProfileMasthead .tag.usergroup-autoconfirmed {
 * 1) UserProfileMasthead .tag.usergroup-inactive {
 * 1) UserProfileMasthead .tag.usergroup-newuser {
 * 1) UserProfileMasthead .tag.usergroup-blocked {
 * 1) UserProfileMasthead .tag.usergroup-bureaucrat {
 * 1) UserProfileMasthead .tag.usergroup-content-moderator {

/* Use custom fonts that replace Arial.*/
 * 1) WikiaRail {font-family: 'ThePromisedNeverland', serif;}

font-family: 'Gentium Book Basic', Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif; } a.new { color: #ba0000; } p a.new { color: #ba0000!important; }
 * 1) WikiaArticle {

/* Usertag Colorization - Content Moderator */ .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-contentmoderator { background: violet; color: white; border-color: red; }

/* Usertag Colorization - Inactive users */ .UserProfileMasthead .masthead-info .tag-container .tag.usergroup-inactive { background: violet; color: white; border-color: red; }

/* Media Icons - from Attack on Titan wiki */ margin-bottom: 1em; overflow: hidden; }   float: right; margin: 0; }   float: left; line-height: 0; list-style-type: none; margin: 0 5px 0 0; } .mi-current a, .mi-other a { border: 2px solid darkorange; border-radius: 0.5em; display: inline-block; height: 50px; opacity: 0.5; overflow: hidden; position: relative; width: 50px; } .mi-current a, .mi-other a:hover { opacity: 1; } .mi-mobile { display: none; }
 * 1) media-icons {
 * 1) media-icons ul {
 * 1) media-icons li {

/* Highlighting Text - from Seven Deadly Sins wiki*/
 * selection {color: white; background: orange;}
 * -moz-selection {color: white; background: orange;}

/* User Wall Tags */ .Wall .edited-by a[href$="Aphrodite_Belleza"] ~ .subtle::after { content: "Queen of Westeros"; color: black; background-color: magenta; border-radius: 4px; padding: 0 5px; margin-left: 3px; }

.Wall .edited-by a[href$="TheHaloVeteran"] ~ .subtle::after { content: "Admin"; color: black; background-color: skyblue; border-radius: 4px; padding: 0 5px; margin-left: 3px; }

.Wall .edited-by a[href$="TG_RBB"] ~ .subtle::after { content: "Admin"; color: white; background-color: red; border-radius: 4px; padding: 0 5px; margin-left: 3px; }

.Wall .edited-by a[href$="Htm14"] ~ .subtle::after { content: "Content Moderator"; color: black; background-color: purple; border-radius: 4px; padding: 0 5px; margin-left: 3px; }

/* Customizing Tabber */ /*.tabbertab { border-width: 0 !important; padding: 0 !important; }*/ .tabberlive > ul.tabbernav > li { margin-right: 0.1em; } .tabberlive > ul.tabbernav > li:last-child { margin-right: 0; }

.tabberlive > ul.tabbernav > li:first-child { margin-left: -3px; } .tabberlive > ul.tabbernav > li.tabberactive:first-child a { margin-left: -3px !important; }  .tabberlive .tabbertab { border-top: 1px solid #FF4500 !important; border-bottom: 2px solid #FF4500 !important; border-right: 2px solid #FF4500 !important; border-left: 1px solid #FF4500 !important; border-radius: 8px !important; background: rgba(255, 243, 249, 0.5) !important; padding: 2px 0.3em !important; } .tabbernav { background: none; border-bottom: 0 !important; padding: 2px 0 !important; } ul.tabbernav li a { background: rgba(255,189,212,0.9) !important; -moz-border-radius-topleft: 5px !important; -moz-border-radius-topright: 5px !important; border-top-left-radius: 5px !important; border-top-right-radius: 5px !important; border:1px solid #FF4500 !important; color: black !important; font-size: 10px !important; font-weight: normal !important; margin-top: 0 !important; padding: 2px 0.3em !important; position: relative; } ul.tabbernav li.tabberactive a { background-color: #FF4500 !important; border-bottom: 1px solid #FF4500 !important; color: white !important; cursor: default; font-size: 11px !important; font-weight: bold !important; padding: 2px 0.3em !important; }

ul.tabbernav li.tabberactive { line-height: 0 !important; }

ul.tabbernav li.tabberactive:first-child a { margin-left: -6px !important; } .tabbertab .ajax-poll { border: none !important; } .tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display: block !important; }

/***** Custom cursor *****/ /* Global cursor */ body { cursor: url(https://vignette.wikia.nocookie.net/prince-series/images/9/90/Nat195.png/revision/latest?cb=20180522144640), pointer; } /* Link cursor */ a:hover { cursor: url(https://vignette.wikia.nocookie.net/prince-series/images/9/90/Nat195.png/revision/latest?cb=20180522144640), pointer; }

/* Poll - From Disney Wiki */ div.ajax-poll { background: #800000; text-align: left; border:3px solid #F7FFEF !important; padding:3px; vertical-align:top; border-radius: 1em 2em 1em 2em !important; } .ajax-poll > .header, div.ajax-poll > label, .pollAnswerName, .ajax-poll div { color:#F7FFEF; } .pollAnswerVotes, .pollAnswerVotes div { border-radius:20px; color:#F7FFEF; } .pollAnswerVotes div { background-color: #FF8C00 !important; border:0; border-right:0 !important; } .pollAnswerVotes { background: #FF4500; border: 2px solid #F7FFEF !important; font-size: 1px; height: 19px; left: 0; line-height: 19px; width:95% !important; }

/* Category design - From Disney Wiki */ .WikiaArticleCategories, .article-categories, .CategorySelect.articlePage { background: #284889; background-image: url(https://vignette.wikia.nocookie.net/yakusokunoneverland/images/0/04/UserProfileMastheadTheme.png/revision/latest?cb=20171224153515); background-size:cover; background-color: #284889 hsla(0,0%,100%,0.70); border: 2px solid #8B4513; line-height: normal; } .CategorySelect.articlePage > .toolbar { background-color:transparent; border-top:0; color:#F7FFEF; } .WikiaArticleCategories, .CategorySelect.articlePage a, .catlinks ul, .mw-normal-catlinks a, .article-categories, .CategorySelect.articlePage { color:#F7FFEF; opacity:1; border-radius:10px; } .CategorySelect.articlePage .input { background-color: #0345a2; border-radius: 3px; color: #fffefe; } .CategorySelect.articlePage .category.new, .CategorySelect.articlePage .placeholder { background-color: #df353a; border: 1px solid #df353a; }

/*** Brightened Avatars || Credits to DapperFiz ***/ img.avatar { -moz-transform: scale(1.01); -webkit-transform: scale(1.01); -o-transform: scale(1.01); -ms-transform: scale(1.01); border: 3px solid darkorange; border-radius: 5px; box-shadow: 0px 0px 9px darkorange; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s;}

/* Customize Modulules */ .insights-module.insights-light.module, .insights-module.insights-dark.module, .HotSpotsModule.module, .CommunityCornerModule.module, .WikiaActivityModule.module, .content-review-module.module, .templatedraft-module.module, .WikiaArticle.pre, .recirculation-rail.module.group-CONTROL, .toc.show, .WikiaRail.module, .discussionsModule, .module.AchievementsModule.UserProfileAchievementsModule, .WikiaLatestEarnedBadgesModule.module, .recirculation-rail.module.group-LATERAL_BOTH, .WikiaBlogListingBox.module, .community-page-entry-point-module.module, .module.contributors-module, .module.community-policy-module, .module.recent-activity-module, .module.help-module, .rail-module.activity-module { -webkit-box-shadow: 0 0 8px darkorange !important; -moz-box-shadow: 0 0 8px orange !important; box-shadow: 0 0 8px darkorange !important; letter-spacing: 1px; line-height: 20px; border-image: none; border-style: none; border-color: none; border-width: none; border-radius: 2px; margin: 10px; font-weight: 400; background: rgba(224,255,255,0.1) !important; }

.WikiaRail .module > h2, .WikiaRail .rail-module h2 { background: -webkit-linear-gradient(#FFBD7A, #EB7500); border-color: transparent; border-image: linear-gradient(to right, transparent 0%, #FFBD7A 30%, #EB7500 70%, #FFBD7A 90%, transparent 100%) 1 1 1 1; border-style: none none solid; border-width: 0 0 2px; color: #F9C28B; font-weight: 500; font-size: 1.5em !important; line-height: 1em !important; margin-bottom: 5px; text-align: center; text-shadow: none !important; /*text-transform: uppercase */; -webkit-background-clip: text; -webkit-text-fill-color: orange; } .WikiaActivityModule .edited-by a { font-weight:500; padding-top: 8px; padding-bottom: 8px; } .WikiaRail .rail-module h2.has-icon svg path { display: none; }

.WikiaRail .rail-module h2 { font-family: 'ThePromisedNeverland', cursive; font-size: 17px; }

.WikiaRail .rail-module h2.has-icon svg { /* background: url('https://vignette.wikia.nocookie.net/snicket/images/b/b9/Eye_search.png') no-repeat; */ background: url(https://vignette.wikia.nocookie.net/yakusokunoneverland/images/2/26/Favicon.png/revision/latest?cb=20171227120213) no-repeat; background-size: 23px; height: 23px; width: 23px; margin-right: 13px; position: relative; top: -2px; left: 4px; }


 * 1) WikiaRail .rail-module .edit-info-user { color: #F06233; }
 * 2) WikiaRail .activity-icon { fill: #F06233; }

section.recirculation-rail.module { display:none !important; }   /** Activity Module **/ .rail-module.activity-module { margin: 30px 0; font-weight:500; } .activity-module .activity-items { padding: 10px; margin: 0 15px; font-weight:500; }

/** Affiliates Image **/ max-width:100%; margin:auto; display:inline-block; }
 * 1) wmDiv img {

/* Mod icons */ a[href|="/wiki/User:Aphrodite_Belleza"] { background: url(https://vignette.wikia.nocookie.net/yakusokunoneverland/images/f/f0/AB.gif/revision/latest/scale-to-width-down/25) center right no-repeat; padding-right: 40px !important }

/** MASTHEAD **/ .UserProfileMasthead .masthead-info { background:#FFFFFF url('https://vignette.wikia.nocookie.net/yakusokunoneverland/images/0/04/UserProfileMastheadTheme.png/revision/latest?cb=20171113150700') no-repeat right top; overflow:hidden; }

.UserProfileMasthead .wikis span, .UserProfileMasthead .details span { color: #f06233; font-family: Trebuchet MS; } .tally { color: #ff571a; } .UserProfileMasthead .details li, .UserProfileMasthead .wikis ul li a { color: #ffffff; font-weight: 500; font-family: Trebuchet MS; } .UserProfileMasthead .tally a { color: #ff571a; font-weight: 1000; font-family: Trebuchet MS; } .UserProfileMasthead .masthead-info-lower:before { border-color: #F09E4C #FFBD7A transparent transparent; font-family: Trebuchet MS; } .WikiaUserPagesHeader { background: linear-gradient(#EB7500, #FFBD7A, transparent); } .avatar { border-radius: 6px; border: 1px solid #FFBD7A; border-radius: 100% !important; } .UserProfileMasthead .masthead-avatar .avatar { border-radius: 100% !important; box-shadow: 0 0 10px !important; border: 2px solid #f09e4c; } .UserProfileMasthead .masthead-avatar:hover img { border-radius: none !important; box-shadow: 0 0 10px black; } .UserProfileMasthead .masthead-avatar .sprite.edit-pencil { display: none; }

/* DISCORD */

background: transparent; border: none; padding: 0; margin: 20px 0; } .DiscordIntegratorModule .activity-heading { display: none !important; }
 * 1) WikiaRail .DiscordIntegratorModule.rail-module {

border-radius: 0 !important; border: 1px solid #cccac0; }
 * 1) discord-widget .widget {

background: #006cb0; }
 * 1) discord-widget .widget .widget-header,
 * 2) discord-widget .widget-btn-connect {

background: none; }
 * 1) discord-widget .widget .widget-body,
 * 2) discord-widget .widget .widget-footer {

padding: 15px; }
 * 1) discord-widget .widget .widget-body {

color: #fff; border: none; }
 * 1) discord-widget .widget .widget-btn-connect {

opacity: 1; }
 * 1) discord-widget .widget .widget-btn-connect,
 * 2) discord-widget .widget .widget-footer-info {

color: #222; font-size: 16px }
 * 1) discord-widget .widget .widget-channel-name,
 * 2) discord-widget .widget .widget-online-members {

color: #222; }
 * 1) discord-widget .widget-members-online,
 * 2) discord-widget .widget-member .widget-member-username {

background-color: #666; } a[href="https://discord.gg/6Ee6Anm"]::after { display:none!important; }
 * 1) discord-widget .widget-theme-light ::-webkit-scrollbar-thumb {

/* Main page elements */ .wikia-interactive-map-thumbnail figcaption div span, .wikia-interactive-map-thumbnail p {display: none;} .wikia-interactive-map-thumbnail {margin-left:auto; margin-right:auto;} .portal_section {margin:0 0 10px 0; background:white; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; -icab-border-radius:8px; -o-border-radius:8px; border-radius:10px} .portal_body {padding:0px 10px;} .portal_sliderlink_1:hover, .portal_sliderlink_2:hover, .portal_sliderlink_3:hover, .portal_sliderlink_4:hover, .portal_sliderlink_5:hover, .portal_sliderlink_6:hover, .portal_sliderlink_7:hover, .portal_sliderlink_8:hover, .portal_sliderlink_9:hover, .portal_sliderlink_10:hover, .portal_sliderlink_11:hover, .portal_sliderlink_12:hover, .portal_sliderlink_13:hover, .portal_sliderlink_14:hover, .portal_sliderlink_15:hover, .portal_sliderlink_16:hover, .portal_sliderlink_17:hover, .portal_sliderlink_18:hover, .portal_sliderlink_19:hover, .portal_sliderlink_20:hover, .portal_sliderlink_21:hover, .portal_sliderlink_22:hover, .portal_sliderlink_23:hover, .portal_sliderlink_24:hover, .portal_sliderlink_25:hover, .portal_sliderlink_26:hover, .portal_sliderlink_27:hover, .portal_sliderlink_28:hover, .portal_sliderlink_29:hover, .portal_sliderlink_30:hover, .portal_sliderlink_31:hover, .portal_sliderlink_32:hover, .portal_sliderlink_33:hover, .portal_sliderlink_34:hover, .portal_sliderlink_35:hover, .portal_sliderlink_36:hover, .portal_sliderlink_37:hover, .portal_sliderlink_38:hover, .portal_sliderlink_39:hover {opacity:0.5}
 * 1) portal_slider {margin:0px 0px 15px; padding:0px; position:relative; height:400px; background-color:#ffebcd; -webkit-background-size: 100% 100%; background-size: 100% 100%; background-image:url(https://www.shonenjump.com/j/sp_neverland/images/top_pc/bg.jpg);}
 * 2) portal_slider > .portal_body {padding:0px}
 * 3) portal_content {font-size:0.9em; line-height:1.7em}
 * 4) portal_content .portal_body > table {height:350px}
 * 5) portal_content ul ul {margin-left: 1em}

.ui-tabs {position:relative; padding:.2em; zoom:1} .ui-tabs .ui-tabs-nav {margin:0; padding:.2em .2em 0;} .ui-tabs .ui-tabs-nav li {list-style:none; float:left; position:relative; top:1px; margin:0 .2em 1px 0; border-bottom:0 !important; padding:0; white-space:nowrap} .ui-tabs .ui-tabs-nav li a {float:left; padding:.5em 1em; text-decoration:none} .ui-tabs .ui-tabs-nav li.ui-tabs-selected {margin-bottom:0; padding-bottom:1px} .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {cursor:text} .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {cursor:pointer} .ui-tabs .ui-tabs-panel {display:block; border-width:0; padding:0; background: none} .ui-tabs .ui-tabs-hide {display:none !important;} .ui-tabs-hide {display:none !important;}

.mainpage-table {width:100%; padding:5px; margin-top:10px; background-color:#FFEBCD; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px} .mainpage-under {padding-left:8px; border-bottom:1px solid #8B4513} .mainpage-heading {font-variant:small-caps; font-size:150% !important;} .mainpage-atoz {text-align:center; font-variant:small-caps; font-size:14px; background-color:#F5DEB3; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}

/* Flatten the rail modules */ background: transparent; border-width: 0 0 1px 0; }	border-top: 0; margin-top: 0px; }	background-position: center bottom; }   margin-bottom:5px; font-weight:500; } div.chat-whos-here { border:1px solid #FFBD7A !important; border-radius:10px; -moz-border-radius:10px !important; }
 * 1) WikiaRail > .module,
 * 2) WikiaRail > #TOP_RIGHT_BOXAD,
 * 3) WikiaRail > #MIDDLE_RIGHT_BOXAD,
 * 4) WikiaRail > #LEFT_SKYSCRAPER_2 {
 * 1) WikiaRail > .module + .module {
 * 1) WikiaRail > .HotSpotsModule.module {
 * 1) WikiaRail > .WikiaActivityModule.module,
 * 2) WikiaRail > .HotSpotsModule.module .LatestPhotosModule .carousel-container, #WikiaRail > .CommunityCornerModule.module {

section.WikiaActivityModule ul li img.sprite { display:none !important; }

/* Customizing buttons */ .CategorySelectAdd, .CategorySelect.articlePage .add, .addVideo, .addPhotos, a.secondary.button.policies-link, .save-button, .create-new-board-button, a.button.admin-link, a.button.policies-link, .WikiaSearch .wikia-button, .WikiaRail .module .wikia-button, .WikiaRail #RIGHT_SKYSCRAPER .wikia-button, .WikiaPagesOnWikiModule .wikia-button, .LatestPhotosModule .wikia-button, .WikiFooter .buttons a, .WikiaRail .RelatedVideosModule.module #RelatedVideosRL .RVHeader .addVideo, .WikiaPageHeader a.wikia-button, div.UserProfileActionButton a.wikia-button, div.buttons a.wikia-button, .WikiaFooter .wikia-button, .community-page-entry-point-button, .popular-tools-group, .wikia-single-button a, body:not(.codeeditor) button:not(.wds-button), .button, .wikia-button, .wikia-menu-button, .wikia-menu-button a, .wikia-menu-button span, input[type="submit"], input[type="reset"], input[type="button"] { background: #FFA64D; background-image: linear-gradient(#F9C490 20%, #F4450B) !important; background-image: -o-linear-gradient(#F9C490 20%, #F4450B) !important; background-image: -moz-linear-gradient(#F9C490 20%, #F4450B) !important; background-image: -webkit-linear-gradient(#F9C490 20%, #F4450B) !important; color:#FFFFFF !important; box-shadow: none !important; }
 * 1) WikiaSpotlightsModule .wikia-button,

/* Scroll bar */
 * -webkit-scrollbar {

width: 12px; box-shadow: 0 0 8px rgba(255, 102, 0, 0.6); }
 * -webkit-scrollbar-track {

background: transparent; -webkit-box-shadow: inset 0 0 6px rgba(255,223,128,0.1); -moz-box-shadow: inset 0 0 6px rgba(255,223,128,0.1); border: 1px solid #643302; border-radius: 12px; }
 * -webkit-scrollbar-thumb {

background: linear-gradient(#ffbd7a, #eb7500); border: 2px solid #ffa142; border-radius: 12px; -webkit-box-shadow: 0 0 6px #ffbd7a; -moz-box-shadow: 0 0 6px #ffbd7a; box-shadow: 0 0 8px #ffbd7a; }
 * -webkit-scrollbar-thumb:hover {

background: linear-gradient(#ffa142, #db730a); border: 2px solid #ffbd7a; border-radius: 12px; -webkit-box-shadow: 0 0 6px #eb7500; -moz-box-shadow: 0 0 6px #eb7500; box-shadow: 0 0 8px #eb7500; }
 * -webkit-scrollbar-thumb:active {

background: linear-gradient(#a82a00, #db730a); border: 2px solid #a82a00; border-radius: 12px; -webkit-box-shadow: 0 0 6px #a82a00; -moz-box-shadow: 0 0 6px #a82a00; box-shadow: 0 0 8px #a82a00; }

/* Timer CSS */
 * 1) displayTimer { font-size: 12px !important; }
 * 2) showdate a { color: white !important; }

/* Make the Edit menu drop open on hover*/ display: block; min-width: 100%; /* Wikia's scripts only set this when opened 1st time */ visibility: hidden; /* visibility has a stair-step transition, !=0% is visible, 0% is hidden */ -webkit-transition-property: opacity, visibility; -webkit-transition-duration: 0.4s; -webkit-transition-delay: 0.1s; transition-property: opacity, visibility; transition-duration: 0.4s; transition-delay: 0.1s; opacity: 0; }	visibility: visible; opacity: 1; }
 * 1) WikiaPageHeader > .wikia-menu-button > .WikiaMenuElement {
 * 1) WikiaPageHeader > .wikia-menu-button .drop:hover ~ ul,
 * 2) WikiaPageHeader > .wikia-menu-button > .WikiaMenuElement:hover {

/* Image frame fix */ div.tright, div.tleft { border: 1px solid silver; }

div.thumbinner { background: inherit; border: none; color: inherit; }  color:inherit; }
 * 1) article div.thumb {

/* Make the paper icon on image thumbnails not affect layout and be translucent * this avoids empty captions wasting space on pages. */ .WikiaArticle .thumb { position: relative; } .WikiaArticle .thumb > .magnify { position: relative; /* relative to .thumb */ right: 3px; bottom: 4px; opacity: 0.15; margin: 0; padding: 0; float: none; } .WikiaArticle .thumb > .magnify:hover { /* Reveal on hover */ opacity: 1; }

/* Change the page fonts to something better suited for screen reading. */ .WikiaArticle { font-weight: 300 !important; color: #fff; font-family: "Segoe UI", 'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing: 1px; line-height: 25px; }

.WikiaArticle i,.WikiaArticle em{ font-style:italic; font-weight: 300 !important; } .WikiaArticle .mw-headline, .WikiaPageHeader h1 { font-family: 'Droid Serif', Verdana, Helvetica, Arial, serif; }

.WikiaArticle h2 { font-weight: 300; border-bottom: 2px solid #FF8000; margin-bottom: 0.6em; margin-top: 20px; }

.WikiaArticle h3 { font-weight: 300; }


 * lang(ja) {

font-family: 'Hiragino Kaku Gothic Pro', 'Meiryo', 'Noto Sans Japanese', sans-serif; font-weight: 399; }

/* Compact the TOC since it's somewhat ridiculous on some pages */ .WikiaArticle .toc { font-size: 90%; font-weight:300; }

/* Fix line-height on lists and headings. It uses pixel values as well which screws it when the font-size is set smaller or larger. */ .WikiaArticle li { line-height: 1.6; } .WikiaArticle h2 { line-height: 1; }

/* Edit button position */ .WikiaArticle .editsection { font-weight:300; float: right !important; margin-right: 10px !important; }

/* Loading Customization */ .spinner { margin: 100px auto; width: 50px; height: 40px; text-align: center; font-size: 10px; }

.spinner > div { background-color: #333; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; }

.spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }

.spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }

.spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }

.spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }

@-webkit-keyframes sk-stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } }

@keyframes sk-stretchdelay { 0%, 40%, 100% {    transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% {     transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } }

/* User tags fixes */ a.tag { color: inherit; }

.WikiaPage { border: 1px solid #FF855C; -moz-box-shadow:0 0 2px #FF855C; -webkit-box-shadow:0 0 2px #FF855C; box-shadow:0 0 2px #FF855C; }

div.carousel-container div img.avatar { border:1px solid #FFBD7A !important; } li.see-all a { color:#000 !important;background:#FFBD7A !important; } ul.carousel li.thumbs a.image img.thumbimage { border:1px solid #FFBD7A !important; }

/* Wiki Navigation Bar */ .WikiaHeader { background-color: #FFBD7A !important; background-image: -moz-linear-gradient(top, #FFBD7A 20%, #D13400 80%) !important; background-image: -webkit-gradient(linear,left top, left bottom, color-stop(80%, #FFBD7A), color-stop(20%, #D13400)) !important; } .WikiHeader nav { width: auto; height: 35px; border-radius: 8px 8px 0px 0px; } .WikiHeader nav li.marked, .WikiHeader > nav .subnav-2 li.marked2 .subnav-2a {border-radius: 8px 8px -8px 0;} .WikiHeader > nav .subnav-3 {border-radius: 0 8px 8px 8px;} .WikiHeader .navbackground, .WikiHeader > nav .subnav-2 { background-color: #ffd5f9 !important; background-image: linear-gradient(top, #FFBD7A, #D13400); background-image: -o-linear-gradient(top, #FFBD7A, #D13400); background-image: -moz-linear-gradient(top, #FFBD7A, #D13400); background-image: -webkit-linear-gradient(top, #FFBD7A, #D13400); border-radius: 0 8px 8px 8px; } .WikiHeader > nav li.marked { background-color: #ffd5f9; background-image: linear-gradient(top, #FFBD7A, #D13400 75%); background-image: -o-linear-gradient(top, #FFBD7A, #D13400 75%); background-image: -moz-linear-gradient(top, #FFBD7A, #D13400 75%); background-image: -webkit-linear-gradient(top, #FFBD7A, #D13400 75%); } .WikiHeader .navbackground {box-shadow: 1px 1px 1px #ffe0eb;} .WikiHeader > nav li.marked > a { border-top: none; } .WikiHeader > nav li { border-bottom: none; } .WikiHeader .navbackground div { background-color: transparent; } .WikiHeader a { text-decoration:none; } .WikiHeader > nav li.marked > a {color: #FFFFFF;} .subnav-2-item.marked2 a {text-shadow: 0 0 1px #D13400, 0 0 1px #D13400 !important;} .WikiHeader > nav li.marked a:hover, .WikiHeader > nav li.marked .subnav-2 > li a:hover {text-decoration: none !important;} .WikiHeader > nav .subnav-3 li a {text-shadow: 0 0 0 #fb719a !important;} .WikiHeader > nav li.marked .subnav-2 > li a { -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; } .WikiHeader > nav li.marked .subnav-2 > li a:hover { -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-shadow: 0 0 1px #ffbeef, 0 0 1px #ffbeef !important; }

.WikiNav .navbackground .chevron { display: none; } height: 23px; width: 23px; }
 * 1) title-seriesicons img {

/* Fixing eras/banner alignment */ margin: 0 0 20px 0; } .editpage-sourcewidemode-on .edit-widemode-hide { display: none; } .oasis-hide { display: none; }
 * 1) WikiaPageHeader {

/* Image frame fix */ div.tright, div.tleft { border: 1px solid white; }

div.thumbinner { background: inherit; border: none; color: inherit; }  color: inherit; }
 * 1) article div.thumb {

/* Thumb styling */ .article-thumb, .activityfeed-inserted-media li { -webkit-border-radius:1ex; -moz-border-radius: 1ex; border-radius: 1ex; border:1px solid #FFBD7A; overflow: hidden; empty-cells: hide; } figcaption { margin:5px; } .article-thumb figcaption .caption { margin: 5px; font-size: 12px; } .WikiaArticle .article-thumb p:last-child, .WikiaArticle .article-thumb p + p:last-child { padding:0; } /* Gallery - Rounded Corners */ .wikia-gallery-border-small .thumb .gallery-image-wrapper { border-radius: 1ex !important; } /* Hides image attribution on articles */ div.picture-attribution { display:none !important; }

/* Custom reference box */ .refpopups-box { background: none repeat scroll 0 0 #4d1200 !important; border-color: #FF4500 !important; font-size: 12px !important; border-radius: 5px; -webkit-border-radius:5px; -moz-border-radius:5px; }

/* Back-to-top Button Format */ color: white; }   text-decoration: underline; }
 * 1) backtotop button{
 * 1) backtotop button:hover {

/* Comments Preview */ .cp-modal .cp-window { background-color: white !important; color: black !important; }

/* Username colors */ a[href$="/wiki/User:Bagwis"], a[href="/wiki/Message_Wall:Bagwis"], a[href="/wiki/User_blog:Bagwis"], a[href="/wiki/Special:Contributions/Bagwis"]{font-weight: bold !important; color:#F4800B !important;} .comments li[data-user="Bagwis"] blockquote {background-color: rgba(244,128,11,0.2) !important;} .comments li[data-user="Bagwis"] blockquote:after {border-color: transparent #F4800B transparent !important;}

a[href$="/wiki/User:Aphrodite_Belleza"], a[href="/wiki/Message_Wall:Aphrodite_Belleza"], a[href="/wiki/User_blog:Aphrodite_Belleza"], a[href="/wiki/Special:Contributions/Aphrodite_Belleza"]{font-weight: bold !important; color:#FF00FF !important;} .comments li[data-user="Aphrodite_Belleza"] blockquote {background-color: rgba(244,128,11,0.2) !important;} .comments li[data-user="Aphrodite_Belleza"] blockquote:after {border-color: transparent #FF00FF transparent !important;}

a[href$="/wiki/User:TG_RBB"], a[href="/wiki/Message_Wall:TG_RBB"], a[href="/wiki/User_blog:TG_RBB"], a[href="/wiki/Special:Contributions/TG_RBB"]{font-weight: bold !important; color:#FF0000 !important;} .comments li[data-user="TG_RBB"] blockquote {background-color: rgba(244,128,11,0.2) !important;} .comments li[data-user="TG_RBB"] blockquote:after {border-color: transparent #FF0000 transparent !important;}

a[href$="/wiki/User:TheHaloVeteran"], a[href="/wiki/Message_Wall:TheHaloVeteran"], a[href="/wiki/User_blog:TheHaloVeteran"], a[href="/wiki/Special:Contributions/TheHaloVeteran"]{font-weight: bold !important; color:#00BFFF !important;} .comments li[data-user="TheHaloVeteran"] blockquote {background-color: rgba(244,128,11,0.2) !important;} .comments li[data-user="Kakarots"] blockquote:after {border-color: transparent #00BFFF transparent !important;}

a[href$="/wiki/User:Htm14"], a[href="/wiki/Message_Wall:Htm14"], a[href="/wiki/User_blog:Htm14"], a[href="/wiki/Special:Contributions/Htm14"]{font-weight: bold !important; color:#C0C0C0 !important;} .comments li[data-user="Htm14"] blockquote {background-color: rgba(244,128,11,0.2) !important;} .comments li[data-user="Htm14"] blockquote:after {border-color: transparent #C0C0C0 transparent !important;}

/* Link Preview - From Attack on Titan Wiki */ .npage-preview { background: #1111; border: 1px solid #444; box-shadow: 0 0 10px #333; overflow: hidden; padding: 10px; position: fixed !important; top: 5px !important; } .npage-preview-noimage { display: none; }

/* Infoboxes - from No Game No Life wiki */ .portable-infobox { background-color: transparent; border-radius: 8px; border: 3px solid #FF8C00; padding: 3px; } .portable-infobox .pi-header, .portable-infobox .pi-title { line-height: 22px; margin-bottom: 3px; text-align: center; } .portable-infobox .pi-header:last-child, .portable-infobox .pi-title:last-child { margin-bottom: 0; } .portable-infobox .pi-title:first-child { border-radius: 4px 4px 0 0; } .portable-infobox .pi-item:only-child { border-radius: 4px; } .portable-infobox .pi-item:last-child .pi-item:last-child { border-radius: 0 0 4px 4px; } .portable-infobox .pi-item:only-child .pi-item:only-child { border-radius: 4px; } .portable-infobox .pi-image { margin: 3px -1px; } .portable-infobox .pi-header, .portable-infobox .pi-title, ul.pi-image-collection-tabs li.current, .pi-data-label { background: linear-gradient(to right, rgba(000, 000, 000, 0.3), rgba(000, 000, 000, 0.3)), url("https://i0.wp.com/www.hilarywinfield.com/wp-content/uploads/2016/09/Sunset-53-Low-Res.jpg?fit=1500%2C1496&ssl=1") center /  cover no-repeat fixed; font-weight: bold; } .portable-infobox div.pi-data { padding: 0; } .pi-image-collection-tab-content { background-color: transparent; } ul.pi-image-collection-tabs li { border: 2px solid transparent; margin: 0 0 1px; } .pi-tab-link { line-height: 16px !important; } .pi-border-color { border-color: transparent; } .pi-data, .pi-group { border-bottom-width: 2px; } .pi-group .pi-data { padding: 0; } .pi-data-label { border-radius: 0 6px 6px 0; padding: 5px 0 5px 10px !important; } .pi-data-value { padding: 5px 10px; }

.pi-horizontal-group-item.pi-data-label { border-radius: 0; padding: 2px; }

/* Comments Color - from Riverdale wiki */ /* === Comment Color === */ .comments li[data-user="Aphrodite Belleza"] blockquote {border:1px solid #428aff !important;} .comments li[data-user="Aphrodite Belleza"] blockquote {background:#000000 !important;} .comments li[data-user="Aphrodite Belleza"] blockquote:after {border-color:transparent #0b0b0b #0b0b0b transparent !important;}

.comments li[data-user="TG RBB"] blockquote {border:1px solid #FF0000 !important;} .comments li[data-user="TG RBB"] blockquote {background:#030d18 !important;} .comments li[data-user="TG RBB"] blockquote:after {border-color:transparent #0b0b0b #0b0b0b transparent !important;}

/* Site glow */ .WikiaPage { border: 2px solid #F9A000; box-shadow: 0px 0px 28px #F9A000; }

/* Changing Sprites */ .editsection img.sprite.edit-pencil { background-image: url('https://vignette.wikia.nocookie.net/yakusokunoneverland/images/0/00/Edit_sprite_icon.png/revision/latest/scale-to-width-down/25'); background-position: top left; }

/* Custom Font Font */ @font-face { font-family: 'ThePromisedNeverland'; src: url('https://vignette.wikia.nocookie.net/yakusokunoneverland/images/6/68/Mason_Regular.ttf'); src: url('https://vignette.wikia.nocookie.net/yakusokunoneverland/images/6/68/Mason_Regular.ttf') format('truetype'), url('https://vignette.wikia.nocookie.net/yakusokunoneverland/images/6/68/Mason_Regular.ttf') format('truetype'), url('https://vignette.wikia.nocookie.net/yakusokunoneverland/images/6/68/Mason_Regular.ttf') format('truetype'), url('https://vignette.wikia.nocookie.net/yakusokunoneverland/images/6/68/Mason_Regular.ttf#ThePromisedNeverland') format('truetype'); }

/* Hover */ .hoverimage img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; opacity: 1; filter: alpha(opacity=100); } .hoverimage img:hover { opacity: 0.5; filter: alpha(opacity=50); } .homehover img:hover { filter: drop-shadow(0 0px 5px #87836a); } .homehover img:hover { -webkit-transition:all .4s ease; -o-transition:all .4s ease; -ms-transition:all .4s ease; transition:all .4s ease; }

/* Image Hover */ .hoverimage img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; opacity: 1; filter: alpha(opacity=100); } .hoverimage img:hover { opacity: 0.5; filter: alpha(opacity=60); } .homehover img:hover { filter: drop-shadow(0 0px 5px #B0AE9B); } .homehover img:hover { -webkit-transition:all .4s ease; -o-transition:all .4s ease; -ms-transition:all .4s ease; transition:all .4s ease; }

/* Mainpage Slides */ .slideshow{ position: relative; display: none; overflow: hidden; } .slideshow .slideshowControls{ position: absolute; left: 0px; right: 0px; bottom: 0px; height: 10%; background: rgba(0,0,0,.7); opacity: 0; text-align: center; transition: opacity .5s; -moz-transition: opacity .5s; -webkit-transition: opacity .5s; } .slideshow:hover .slideshowControls{opacity: 1;} .slideshow:hover .slideshowControls > span{ display: inline-block; border-radius: 10px; margin: 5px; width: 15px; height: 15px; background: rgba(255,255,255,.3); cursor: pointer; } .slideshow:hover .slideshowControls > span.active{background: white;} .slider{ position: relative; height: 300px; width: 10px; border: 1px solid silver; border-radius: 5px; } .sliderMask{ position: relative; border: 0px none transparent; border-radius: 4px; width: 100%; height: 100%; overflow: hidden; } .sliderArrow{ position: absolute; left: 10px; border-width: 8px 12px 8px 0; border-color: transparent rgb(66, 126, 199); border-style: solid; cursor: pointer; } .sliderColor{ position: absolute; left: 0px; width: 100%; }