Thread:Jackboog21/@comment-28465878-20190110075254/@comment-28465878-20190110092053

Some templates I can create requires CSS/JS hence I couldn't make them since Wikia.css, Common.css, ImportJS etc. are locked and only admins and content mods can edit. :/

/** Link glow - From The Promised Neverland Wiki**/ a:hover, a:active { color: #FFFFFF !important; text-decoration: none; text-shadow: #FF69B4 0 0 7px, #FF69B4 0 0 7px, darkorange 0 0 7px, darkorange 0 0 7px, darkorange 0 0 7px, #FF69B4 0 0 7px, #FF69B4 0 0 7px, #FF69B4 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; } /* Activity Feed customization – From The Promised Neverland Wiki */ .activityfeed > li { background-color: #FFB6C1; border-left: 5px solid #FFB6C1; 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: #FF4343; } .activityfeed > li.activity-type-new:hover { border-left-color: #c92424; } .activityfeed > li.activity-type-talk { border-left-color: #538FC5; } .activityfeed > li.activity-type-talk:hover { border-left-color: #3564BA; } .activityfeed > li.activity-type-categorization { border-left-color: #0fd4c5; } .activityfeed > li.activity-type-categorization:hover { border-left-color: #02a397; } .activityfeed > li:hover { background-color: #B22222; box-shadow: 0 2px 4px rgba(0, 0, 0, .5); } /* Wordmark enlarge when hover - Credits to The Promised Neverland 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; 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); } @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 */ } /* Highlighting Text - Credits to Seven Deadly Sins wiki*/
 * 1) The following DOESN'T require template-making, but CSS. And I can't create one now since normal users are forbidden to edit MediaWiki pages. These are the areas I am quite good at.
 * 2) Adding these following code into Yan Sim Wiki's MediaWiki:Wikia.css OR MediaWiki:Common.css pages to see the links here glow. You can refer to the first link I sent above to see how the glow looks like on that wiki.
 * 1) Adding this following CSS, the Special:WikiActivity page here will look like this and this. Basically each activity will change to a lighter/darker tone when you hover your cursor over them.
 * 1) Adding this will enable the wiki wordmark/logo to enlarge on hover, and make this nice animation. Refer to The Promised Neverland Wiki or BlackPink Wiki for reference.
 * 1) The wordmark will glow pink in color if a user enters the wiki via the home page. This is also a nice animation.
 * 1) Those hotspots buttons will look prettier if this is added. (Ya know, those red, yellow and green buttons found on the Recent Wiki Activity page)
 * 1) When you tryna copy and paste something, ya highlight it. By default, it's dark blue in color. Adding the following will make the highlight dark pink instead.
 * selection {color: white; background: #FF1493;}
 * -moz-selection {color: white; background: #FF1493;}