MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ @import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap');

.mw-headline, .page-header__title, .WikiaArticle h1, .WikiaArticle h2, .WikiaArticle h3{ font-family: 'Courgette', cursive; }

/*Credits to Spyre for the original "Spoilerblur" code (this is an edited version)*/ .spoilerblur { filter: blur(4px); -webkit-filter: blur(4px); opacity: 0.40; display: inline-block; -webkit-transition: all 1s 0 linear; -moz-transition: all 1s 0 linear; -o-transition: all 1s 0 linear; -ms-transition: all 1s 0 linear; transition: all 1s 0 linear; } .spoilerblur:hover { filter: blur(0px); -webkit-filter: blur(0px); opacity: 1; text-shadow: 0 0 0 transparent; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; -ms-transition-delay: 0.5s; transition-delay: 0.5s; }/*End of Spoilerblur*/

/** Link Glow From The Promised Neverland Wiki (Credits to them)**/ a:hover { text-shadow: skyblue 0 0 3px; color: #FFFFFF !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 Skin From The Rising Shield Hero Wiki (Credits to them)**/ /*Infobox*/ .portable-infobox { background: transparent; border-radius: 8px; border: 2px solid #2ca593; /*Tooltip 1*/ } .portable-infobox .pi-title { background: #2ca593; /*Tooltip 1*/ border-radius: 6px 6px 0 0; line-height: 20px; text-align: center; } .portable-infobox .pi-header { background: #2ca593; /*Tooltip 1*/ font-size: 16px; font-weight: normal; text-align: center; } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; } .pi-border-color { border-color: #2ca593; /*Tooltip 1*/ }

/* Makes infobox tabs made from gallery look nice */ .pi-image-collection-tabs { display: flex; flex-direction: row; flex-wrap:wrap; } .pi-image-collection-tabs .pi-tab-link { border: 0; flex: 1 auto; } .pi-image-collection-tabs .pi-tab-link:hover, .pi-image-collection-tabs .current { background: #a1c7ba !important; /*Tooltip 2*/ } .pi-image-collection-tabs .current:hover { cursor: default; } .pi-image-collection-tab-content { background: transparent; } .pi-image { border-bottom: 1px solid #a1c7ba; /*Tooltip 2*/ } ul.pi-image-collection-tabs { padding-bottom: 1px; }