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'); @import url('https://fonts.googleapis.com/css?family=EB+Garamond');

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

/* 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; } .thumb.show-info-icon .thumbcaption p { font-size: 12px; line-height: 16px; margin: 0px; }

/* Resizes background based on screen size */ body { background-size: cover !important; }

/* Glow and border on edges */ .WikiaSiteWrapper .WikiaPageContentWrapper { border: 3px solid red; border-top: 0; box-shadow: 0px 0px 20px red; -moz-box-shadow: 0px 0px 20px red; -webkit-box-shadow: 0px 0px 20px red; }

/* Hover */

.zoom { padding: 50px; background-color: transparent; transition: transform .2s; /* Animation */ width: 200px; height: 200px; }

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

width: 12px; } ::-webkit-scrollbar-track { background: black !important; } ::-webkit-scrollbar-thumb { background: red } ::-webkit-scrollbar-thumb:hover { background: red } ::-webkit-scrollbar-thumb:active { background: red }

/** Link glow **/ a:hover { text-shadow: red 0 0 3px; color: #FF0000 !important; text-decoration:gold; -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; }

.WikiaArticle h2 { color: #C00415; padding: 5px; border-bottom: 2px dotted #C00415; border-radius: 23px 0 25px 0; margin: 0; border-bottom: solid 2px red; }