MediaWiki:Common.css

@import url("/load.php?mode=articles&articles=u:dev:MediaWiki:SpoilerBlur/code.css&only=styles"); @import url("/load.php?mode=articles&articles=u:dev:MediaWiki:FandomizedLoadingScreens.css&only=styles"); @import url("/load.php?mode=articles&articles=u:dev:MediaWiki:ConsistentDiscussionsFeeds.css&only=styles"); @import url("/load.php?mode=articles&articles=u:dev:MediaWiki:EditorSourceMinimal/code.css&only=styles"); @import url('/load.php?debug=false&lang=en&mode=articles&articles=u:dev:MediaWiki:EditorVisualMinimal/code.css&only=styles'); @import url("/load.php?mode=articles&articles=u:dev:MediaWiki:FandomizedThemeDesigner.css&only=styles"); @import url("/load.php?mode=articles&articles=u:dev:MediaWiki:ModernLightbox.css&only=styles"); @import url("/load.php?mode=articles&articles=u:dev:MediaWiki:FandomizedButtons.css&only=styles");

/* Discord Roles Colors */ .discord-widget .widget-role-container[data-name="Bots"] .widget-role-name { color: #2ECC71; text-shadow: 0 0 0; } .discord-widget .widget-role-container[data-name="Bots"] .widget-member-avatar-img, .discord-widget .widget-role-container[data-name="Bots"] .widget-member-name { background-color: #2ECC71; border-color: #2ECC71; } .discord-widget .widget-role-container[data-name="Mods"] .widget-role-name { color: darkorange; text-shadow: 0 0 0; } .discord-widget .widget-role-container[data-name="Mods"] .widget-member-avatar-img, .discord-widget .widget-role-container[data-name="Mods"] .widget-member-name { background-color: darkorange; border-color: darkorange; } .discord-widget .widget-role-container[data-name="Newbies"] .widget-role-name { color: orange; text-shadow: 0 0 0; } .discord-widget .widget-role-container[data-name="Newbies"] .widget-member-avatar-img, .discord-widget .widget-role-container[data-name="Newbies"] .widget-member-name { background-color: orange; border-color: orange; } .discord-widget .widget-role-container[data-name="Admins"] .widget-role-name { color: gold; text-shadow: 0 0 0; } .discord-widget .widget-role-container[data-name="Admins"] .widget-member-avatar-img, .discord-widget .widget-role-container[data-name="Admins"] .widget-member-name { background-color: gold; border-color: gold; }

/* Wikia Notifications Glow to attract attention and also annoy people :) */   display: flex;    align-items: flex-end; } .WikiaNotifications li div:not(.sysinnertext) {    animation: pulse 2s infinite;    background: #b99161;    color: #E0E0E0;    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);    padding: 10px 20px;    border: 4px solid rgba(0, 0, 0, 0.15);    border-radius: 3px;    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); } .WikiaNotifications li div .close-notification {    border: none;    top: 5px;    right: 5px; }    order: 1; } .WikiaBarWrapper .tools-menu li a, #my-tools-menu li a {    text-shadow: none; } @keyframes pulse {    0% {        box-shadow: 0 0 0 0 rgb(104,77,34);    }    70% {          box-shadow: 0 0 0 30px rgba(71, 104, 34, 0);    }    100% {        box-shadow: 0 0 0 0 rgba(71, 104, 34, 0);    } }
 * 1) WikiaNotifications.WikiaNotifications {
 * 1) WikiaNotifications.WikiaNotifications li:not(.custom) {

/* Custom loading */ div.loading-message { letter-spacing: 1.5px; text-transform: uppercase; }  background-image: url("https://vignette.wikia.nocookie.net/yakusokunoneverland/images/a/ac/TPN_Wiki_custom_throbber.gif") !important; background-size: 140px 152px !important; background-repeat:no-repeat !important; background-position:top center; background-color:transparent; overflow:visible; height:200px !important; width: 600px !important; }
 * 1) EditPageEditor .loading-indicator .loading-message .loading-throbber {

/* Bullet points customization - Credits to Bang Dream Wiki */ .WikiaArticle ul { list-style:square outside url("https://vignette.wikia.nocookie.net/justiceleagues/images/e/ec/Bullet_star.png/revision/latest/scale-to-width-down/13"); margin: 0 0 0 2.5em; }

/* Main page elements */ .wikia-interactive-map-thumbnail figcaption div span, .wikia-interactive-map-thumbnail p {display: none;} .portal_section {margin:0 0 10px 0; background:white; border-radius:10px; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; -icab-border-radius:8px; -o-border-radius:8px} .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_31:hover, .portal_sliderlink_36:hover, .portal_sliderlink_37:hover {opacity:0.5} .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;}
 * 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(http://68.media.tumblr.com/9498b3c512c9906428215b944061a4a1/tumblr_nvacuzhU5V1rauqklo1_1280.png);}
 * 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}

.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 {font-variant:small-caps; font-size:14px; background-color:#F5DEB3; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px}

/*** CSS for common things that might be found/used on other wikis too. ***/ @import url("/MediaWiki:Common.css/Hlist.css?ctype=text/css&action=raw"); @import url("/MediaWiki:Common.css/AjaxPoll.css?ctype=text/css&action=raw"); @import url("/MediaWiki:Common.css/TabberTab.css?ctype=text/css&action=raw"); @import url("/MediaWiki:Common.css/ReferenceStyle.css?ctype=text/css&action=raw"); @import url("/MediaWiki:Common.css/ImageHover.css?ctype=text/css&action=raw"); @import url("/MediaWiki:Common.css/Discord.css?ctype=text/css&action=raw");

/**@import url("MediaWiki:Common.css/Anime-Common.css?ctype=text/css&action=raw")**/

/*** CSS for styles specifically designed for this wiki. ***/

@import url("/MediaWiki:Common.css/Sysop.css?ctype=text/css&action=raw"); @import url("/MediaWiki:Common.css/PortableInfobox.css?ctype=text/css&action=raw"); @import url("/MediaWiki:Common.css/PortableInfobox.css/Specifics.css?ctype=text/css&action=raw");

/*Main Page Feature*/

.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; color: #45c2f5; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .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); }

/* Activity Feed customization – From You-Zitsu wiki */ .activityfeed > li { background-color: #96623D; border-left: 5px solid #96623D; border-radius: 3px; box-shadow: 0 2px 4px rgba(0, 0, 0, .2); margin: 0.5em; overflow: hidden; padding-left: 3em; transition: all 0.3s; } .activityfeed > li.activity-type-edit { border-left-color: #FF8C00; } .activityfeed > li.activity-type-edit:hover { border-left-color: #FF4500; } .activityfeed > li.activity-type-new { border-left-color: #BAFA0C; } .activityfeed > li.activity-type-new:hover { border-left-color: #9B8E23; } .activityfeed > li.activity-type-talk { border-left-color: #FFFF00; } .activityfeed > li.activity-type-talk:hover { border-left-color: #FFD700; } .activityfeed > li.activity-type-categorization { border-left-color: #0fd4c5; } .activityfeed > li.activity-type-categorization:hover { border-left-color: #02a397; } .activityfeed > li:hover { background-color: #82502D; box-shadow: 0 2px 4px rgba(0, 0, 0, .5); }

/*Home Page Rollover Effect - Courtesy to user Bagwis and Goblin Slayer Wiki*/ .home-links { margin:0 !important; padding:0; text-align:center; } .home-links li { color:#FFF; background:#FFA07A; display:inline-block; overflow: hidden; text-align:center; margin: 1px 3px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -webkit-transition:all .4s ease; -o-transition:all .4s ease; -ms-transition:all .4s ease;w transition:all .4s ease; } .home-links li.hover, .home-links li:hover { background:#FFF; color:#FFA07A; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.5), 0 4px 15px 0 rgba(0, 0, 0, 0.5); } .home-links li.hover>a span, .home-links li:hover>a span { color:#ae6565; } .home-creators li a { display:block; text-decoration:none; padding:0 15px; } .home-creators li a span { font-family:'ThePromisedNeverland'; font-size:20px; line-height:36px; color:#FFF; } .home-creators li img { width: 100px !important; height: 100px !important; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; -ms-border-radius: 50% !important; -o-border-radius: 50% !important; border-radius: 50% !important; padding:15px; } .home-creators li a { display:block; text-decoration:none; padding:0 2px; } .home-creators li a span { font-family:'ThePromisedNeverland'; font-size:12px; line-height:24px; color:#FFF; } .home-other-links li a img { width: 226px; margin-bottom:-3px; } .home-wikia-links li { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .home-wikia-links li a { display:block; width: 175px; padding:30px 0; margin-bottom:-3px; text-decoration:none; font-family:'ThePromisedNeverland'; font-size:20px; color:#FFF; } .view-more { display:block; text-align:right; padding-top: 10px; } .view-more a { font-family:'ThePromisedNeverland'; padding:2px 20px; text-decoration:none; font-size:25px; color:#6C93B1; } .home-social-links { text-align: center; } .home-social-links p a { padding: 10px; }

/* Wikia Articles Customization */ .WikiaArticleComments .upper-pagination, .WikiaArticleComments .article-comments, .WikiaArticleComments { border-top: 2px solid orange !important; }

/* Wordmark Enlarge when Hover (Credits to BlackPink 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); }

/* Navbox Customizaion */ .manganav { background: #a9dae5 url("https://vignette.wikia.nocookie.net/candymeow-series/images/a/a6/TPN_book_navbar.jpg") no-repeat center top !important; } .musicnav { background: #a9dae5 url("https://vignette.wikia.nocookie.net/candymeow-series/images/9/95/TPN_music_navbar.jpg") no-repeat center top !important; } .itemnav { background: #a9dae5 url("https://vignette.wikia.nocookie.net/candymeow-series/images/9/90/TPN_item_navbar.jpg") no-repeat center top !important; } .episodenav { background: #3E2F2B url("https://vignette.wikia.nocookie.net/candymeow-series/images/0/09/TPN_episode_navbar.jpg") no-repeat center top !important; } .locationnav { background: #a9dae5 url("https://vignette.wikia.nocookie.net/candymeow-series/images/6/63/TPN_location_navbar.jpg") no-repeat center top !important; }

/* Local Navbar Glow when Hover */ .wds-community-header { -webkit-transition: all 300ms; -moz-transition: all 300ms; -ms-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; border: 1px solid antiquewhite; } .wds-community-header:hover { border: 1px solid antiquewhite; -moz-box-shadow:0 0 30px antiquewhite; -webkit-box-shadow:0 0 30px antiquewhite; box-shadow:0 0 25px antiquewhite; }

/* Back to Top Button Customization (Huge thanks to KhangND on Dev Wiki for providing the code) */ border-radius: initial; background: url(https://www.shonenjump.com/j/sp_neverland/present_2019/img/btn_top.png) no-repeat !important; background-size: contain !important; width: 100px; height: 100px; }   visibility: hidden; }
 * 1) BackToTopBtn div {
 * 1) BackToTopBtn svg {

/* Slider */ .wikiaPhotoGallery-slider-body { border: saddlebrown 6px solid; box-shadow: 0 6px 0 sienna; border-radius:13px; } .wikiaPhotoGallery-slider-body h2 { font-family: Baloo Paaji; } .wikiaPhotoGallery-slider-body .wikia-button { color:#fff !important; background: sienna !important; border: none !important; padding: 3px 18px; font-family: Baloo Paaji,Helvetica Neue,Helvetica,Arial,sans-serir; font-size: 13px; text-shadow: none !important; cursor: url('/wiki/Special:FilePath/Favicon.png'),auto } .wikiaPhotoGallery-slider-body .description-background { background:saddlebrown !important; opacity:11 !important; } .wikiaPhotoGallery-slider-body .nav img { border-radius: 6px; border: none !important; cursor: url('/wiki/Special:FilePath/Favicn.png'),auto !important } .wikiaPhotoGallery-slider-body .nav.selected img { position:relative; top:6px }

/* Calendar Popup - Experimental */ .hover { position: relative; top: 50px; left: 50px; } .tooltip { /* hide and position tooltip */ top: -10px; background-color: saddlebrown; color: white; border-radius: 5px; opacity: 0; position: absolute; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -ms-transition: opacity 0.5s; -o-transition: opacity 0.5s; transition: opacity 0.5s; } .hover:hover .tooltip { /* display tooltip on hover */ opacity: 1; }