MediaWiki:Common.css

/* CSS placed here will be applied to all skins * /* Google Fonts */ @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap%27'); @import url('https://fonts.googleapis.com/css?family=Cinzel');

body.mediawiki { background-attachment: fixed !important; font-family: 'Josefin Sans', sans-serif; }

/* Tabber customized */ ul.tabbernav { font-family:"Josefin Sans" !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:crimson !important; border-bottom: 3px solid crimson !important; margin-right: 2px !important; } ul.tabbernav li a:visited { color: crimson !important; border-bottom: 3px solid crimson !important; margin-right: 2px !important; } ul.tabbernav li a:hover { color:red !important; border-bottom: 3px solid red !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:red !important; border-bottom: 3px solid red !important; background-color: transparent !important; margin-right: 2px !important; } ul.tabbernav li.tabberactive a:hover { border-bottom: 3px solid red !important; margin-right: 2px !important; } .tabberlive .tabbertab { border:0px solid transparent !important; border-top:0 !important; } /* Resize affiliate wordmarks */ max-width:100%; } /* Wordmark */ .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: red; 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: red; 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: red; 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); } /* Animations */ .chara_portal:hover { animation: spin 1.5s 1; } @keyframes spin { 100% {       transform: rotate(360deg); } } /* Gallery - Corners */ .wikia-gallery-border-small .thumb .gallery-image-wrapper { border: none; box-shadow: 1px 1px 3px red; } .wikia-gallery-caption-below .lightbox-caption { font-size: 80% !important; } .wikia-gallery-captions-center .wikia-gallery-item .lightbox-caption { padding: 0px !important; } .wikia-gallery-border-small .thumb .gallery-image-wrapper { border-radius: 1ex !important; } /* Rails */ .WikiaRail .rail-module, .WikiaRail .module { color: #C00415; border-bottom: 2px dotted #C00415; border-radius: 23px 0 25px 0; margin: 0; padding: 15px; } .WikiaRail .module > h2, .WikiaRail .rail-module h2 { background: -webkit-linear-gradient(#ddd, #b50404); border-color: transparent; border-image: linear-gradient(to right, transparent 0%, #fd0000 30%, #bd0000 70%, #fd0000 90%, transparent 100%) 1 1 1 1; border-style: none none solid; border-width: 0 0 2px; color: #bbb; font-size: 1.7em !important; line-height: 1em !important; margin-bottom: 15px; text-align: center; text-transform: uppercase; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .WikiaRail .module { background: none; border-color: transparent; border-style: none; border-width: 0; }
 * 1) wmDiv img {

/* Discord Widget design*/ .discord-widget .widget-header { background-color: #e00013; border-bottom: 3px ridge #e00013; } .discord-widget .widget-footer { border-top: 3px ridge #e00013; } .discord-widget .widget-body { background-image: url(https://static.wikia.nocookie.net/the-world-finest-assassin/images/8/89/Meeting_the_Goddess.png/revision/latest); background-position: top; background-size: cover; } .discord-widget .widget-member-avatar img { border: 2px solid #e00013; background-color: #e00013; } .discord-widget .widget-member .widget-member-name { background-color: #e00013; } .discord-widget .widget-btn-connect { color: #fff; background-color: #e00013; border: 1px solid #e00013; } .discord-widget .widget-btn-connect:hover { opacity: 1; background: #e00013; border: 1px solid #e00013; text-decoration: none; } .discord-widget .widget-role-name { color: #fff; text-shadow: 0 0 5px #fff; background: crimson url(https://static.wikia.nocookie.net/the-world-finest-assassin/images/c/c7/Blade-icon-right.png/revision/latest) no-repeat right; background-size: 20px; padding: 5px; border-radius: 5px; } .discord-widget .widget-body::-webkit-scrollbar { width: 10px; } .discord-widget .widget-body::-webkit-scrollbar-track { background: transparent; margin: 3px 0; } .discord-widget .widget-body::-webkit-scrollbar-thumb { background: red; border: 3px solid red; border-radius: 10px; }