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; }

/* 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; } .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; }

/* Animations */ .chara_portal:hover { animation: spin 1.5s 1; } @keyframes spin { 100% {       transform: rotate(360deg); } } /* Hover */

.zoom { padding: 50px; background-color: transparent; transition: transform .2s; /* Animation */ width: 200px; height: 200px; } /* PortableInfobox Theme */ .pi-item-spacing { padding: 0px 0px; } /* PI */ .pi-theme-infoBox .pi-image-thumbnail { max-width: 200px; height: auto; margin: 0 auto; }

/* 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 } /* Infoboxes */ /*Infobox*/ .infobox { border: 1px solid red; background-color: white; color: red; margin-bottom: .5em; margin-left: 1em; padding: .2em; float: right; clear: right; } .pi-europa .pi-horizontal-group .pi-horizontal-group-item { text-align: center; }

.pi-europa .pi-horizontal-group-item:nth-child(even) { background-color: white } .pi-europa.pi-background { background-color: white; } .infobox td, .infobox th { vertical-align: top; } .infobox.bordered { border-collapse: collapse; } .infobox.bordered td, .infobox.bordered th { border: none; } .infobox.bordered .borderless td, .infobox.bordered .borderless th { border: none; } .portable-infobox { width: 190px; background: white; border: 2px solid red; padding: 3px; border-radius: 4px; letter-spacing: 1px; font-family: Do Hyeon !important; } } /* Custom Slider */

background: transparent; width: 100%; height: auto; position: relative; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; text-align: center; } position: relative; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; -webkit-transition-timing-function: cubic-bezier(.67,.01,.23,1); -o-transition-timing-function: cubic-bezier(.67,.01,.23,1); transition-timing-function: cubic-bezier(.67,.01,.23,1); } margin: 0px; padding: 0px; } margin: 0px; margin-bottom: 3px; margin-top: 3px; } .Sld { height: auto; list-style: none; display: inline; float: left; } .SlideIMG { width: 100%; } .SlideIMG img { display: block; max-width: 100%; height: auto; min-width: 100%; min-height: 100%; position: relative; } position: absolute; display: block; } .NavBtn { position: relative; display: block; top: 0px; width: auto; height: auto; list-style: none; margin: 0px; background: #e50d72; text-align: center; color: red; } .nmLeft { height: 100%; left: 0px; background: white; } .nmLeft li { list-style: none; padding: 10px 100px 10px 10px; } .nmLeft li:hover { cursor: pointer; background: linear-gradient(to right, #FFFFFF, #000000, transparent); color: currentColor; } .nmRight { height: 100%; right: 0px; top: 10px; background: transparent; text-align: center; } .nmRight li { list-style: none; border-bottom: 3px solid transparent; border-top: 3px solid transparent; padding: 5px 15px 5px 15px; } .nmRight li:hover { cursor: pointer; background: black; transition-duration: 0.2s; transition-timing-function: ease-out; color: currentColor; } .nmTop { width: 100%; top: 0px; background: #e50d72; text-align: left; } .nmTop li { display: inline-block; list-style: none; padding: 10px 10px 20px 10px; } .nmTop li:hover { cursor: pointer; background: linear-gradient(to bottom, #FFFFFF, red, transparent); color: currentColor; } .nmBottom { width: 100%; bottom: 0px; background: white; text-align: left; } .nmBottom li { display: inline-block; list-style: none; padding: 20px 10px 10px 10px; } .nmBottom li:hover { cursor: pointer; background: linear-gradient(to top, #FFFFFF, red, transparent); color: currentColor; } .nbActiveLeft { background: white; } .nbActiveRight { background: white; color: red; } .nbActiveTop { background: white; } .nbActiveBottom { background: white; } /** 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; } /* Infobox image tabs */ .pi-europa .pi-image-collection-tabs { display: flex; flex-wrap: wrap; justify-content: center; } .pi-image-collection-tabs .pi-item-spacing { border:none; padding: 0.1em 0.3em; margin: 0.2em 0; } .portable-infobox .pi-image-collection-tabs .pi-tab-link:not(:first-child) { margin-left: 5px; } .portable-infobox .pi-image-collection-tabs .pi-tab-link { background-color: transparent; border-bottom: 2px solid red; } .pi-europa .pi-image-collection-tabs .current { border-bottom: 2px solid red; }
 * 1) SliderView {
 * 1) SliderWrapper {
 * 1) SliderWrapper, #SliderWrapper ul, #SliderWrapper li, #NavBtns, #NavBtns ul {
 * 1) NavBtns li {
 * 1) NavBtns {

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