MediaWiki:Common.css

@import url('https://fonts.googleapis.com/css2?family=Amethysta&family=Inter&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Inter:wght@900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap'); .span { color: #000; font-family: 'Archivo Black', sans-serif; font-size: 150%; text-transform: uppercase; vertical-align: middle; letter-spacing: .2em; }

.fire { animation: animation 1s ease-in-out infinite alternate; -moz-animation: animation 1s ease-in-out infinite alternate; -webkit-animation: animation 1s ease-in-out infinite alternate; -o-animation: animation 1s ease-in-out infinite alternate; }

.burn { animation: animation .65s ease-in-out infinite alternate; -moz-animation: animation .65s ease-in-out infinite alternate; -webkit-animation: animation .65s ease-in-out infinite alternate; -o-animation: animation .65s ease-in-out infinite alternate; }

@keyframes animation { 0% { text-shadow:0 0 10px #fefcc9,0px -10px 10px #feec85,-10px -10px 20px #ffae34,10px -20px 20px #ec760c,-10px -30px 30px #cd4606 } 100% { text-shadow:0 0 10px #fefcc9,0px -10px 10px #fefcc9,-10px -10px 20px #feec85,12px -22px 20px #ffae34,-12px -38px 30px #ec760c } }

@-moz-keyframes animation { 0% { text-shadow:0 0 10px #fefcc9,0px -10px 10px #feec85,-10px -10px 20px #ffae34,10px -20px 20px #ec760c,-10px -30px 30px #cd4606 } 100% { text-shadow:0 0 10px #fefcc9,0px -10px 10px #fefcc9,-10px -10px 20px #feec85,12px -22px 20px #ffae34,-12px -38px 30px #ec760c } }

@-webkit-keyframes animation { 0% { text-shadow:0 0 10px #fefcc9,0px -10px 10px #feec85,-10px -10px 20px #ffae34,10px -20px 20px #ec760c,-10px -30px 30px #cd4606 } 100% { text-shadow:0 0 10px #fefcc9,0px -10px 10px #fefcc9,-10px -10px 20px #feec85,12px -22px 20px #ffae34,-12px -38px 30px #ec760c } }

@-o-keyframes animation { 0% { text-shadow:0 0 10px #fefcc9,0px -10px 10px #feec85,-10px -10px 20px #ffae34,10px -20px 20px #ec760c,-10px -30px 30px #cd4606 } 100% { text-shadow:0 0 10px #fefcc9,0px -10px 10px #fefcc9,-10px -10px 20px #feec85,12px -22px 20px #ffae34,-12px -38px 30px #ec760c } }

.portable-infobox { width: 300px; } .portable-infobox.pi-theme-kimetsu .pi-image { width: 300px; } .portable-infobox.pi-theme-kimetsu .pi-image-thumbnail { width: 300px; max-width: 300px; height: auto; } .portable-infobox.pi-theme-kimetsu .pi-item-spacing { padding: 0; } .portable-infobox.pi-theme-kimetsu .pi-background { background-color: transparent; } .portable-infobox.pi-theme-kimetsu .pi-secondary-background { background-image: url(https://vignette.wikia.nocookie.net/kimetsu-no-yaiba/images/3/39/Header-back.png); background-repeat:no-repeat; background-position:left; background-size: cover; color: #000000; } .portable-infobox.pi-theme-kimetsu .pi-title { font-size: 18px; line-height: 23px; background-image: url(https://vignette.wikia.nocookie.net/kimetsu-no-yaiba/images/b/b9/Title-back.png); background-repeat:no-repeat; background-position:right; }

.portable-infobox.pi-theme-kimetsu .pi-title { padding: 10px; }

.portable-infobox.pi-theme-kimetsu .pi-title, .portable-infobox.pi-theme-kimetsu .pi-header { color: #000000; font-weight: bold; text-align: center; margin-bottom: 2px; padding: 5px; } .portable-infobox.pi-theme-kimetsu .pi-navigation { text-align: center; padding: 4px 0; } .portable-infobox.pi-theme-kimetsu .pi-navigation a { color: #000000; } .portable-infobox.pi-theme-kimetsu .pi-data { border: 0; margin-bottom: 1px; } .portable-infobox.pi-theme-kimetsu .pi-data-label { color: #000000; padding: 5px 10px; background-image: url(https://vignette.wikia.nocookie.net/kimetsu-no-yaiba/images/7/7d/Bg_repeat_gray.png); background-repeat:no-repeat; background-position:right; background-size: cover; } .portable-infobox.pi-theme-kimetsu .pi-data-value { line-height: 26px; padding: 0; border: none; background: #EAEAEA; } .portable-infobox.pi-theme-kimetsu .pi-data-value:not(:first-child) { padding-left: 10px; } .portable-infobox.pi-theme-kimetsu .pi-group { border: none; }

.portable-infobox.pi-theme-kimetsu .center { text-align:center; } .pi-theme-kimetsu { border:1px solid #5E111F; }

.portable-infobox.pi-theme-kimetsu ul.pi-image-collection-tabs { font-size: 12px; margin: 0; }

.portable-infobox.pi-theme-kimetsu ul.pi-image-collection-tabs li { border: 0; }

.portable-infobox.pi-theme-kimetsu .pi-image-collection-tabs .pi-tab-link:after { content: "|"; color: #3d3d3d; font-weight: bold; width: 1em; padding-right: 3px; }

.portable-infobox.pi-theme-kimetsu .pi-image-collection-tabs .pi-tab-link:last-child:after { content: none; }

.portable-infobox.pi-theme-kimetsu .pi-image-collection-tabs li.current { background: transparent; }

/* Centered tabs in infoboxes */ .pi-europa .pi-image-collection-tabs { text-align: center; }

max-width:100%; } .tabbernav { font-family:Last Ninja!important; font-weight: normal !important; font-size: 12px !important; border-bottom: 4px Solid #900C3F !important; padding: 0.2em 0 !important; } .tabbernav a { padding: 0.2em 0.4em !important; margin: 0 !important; color: #900C3F !important; border: none !important; background: transparent !important; } .tabberactive a { color: rgb(214, 180, 121) !important; } .tabbernav :not(.tabberactive) a:hover { color: rgba(214, 180, 121, 1) !important; } .tabbertab { border: none !important; padding: 0 !important; }
 * 1) wmDiv img {

.tabbig .tabbernav { font-family: inherit!important; font-weight: normal !important; font-size: 15px !important; border-bottom: 4px solid #5e111f !important; padding: 0.1em 0 !important; } .tabbig .tabbernav a { padding: 0.2em 0.6em !important; margin: 0 !important; color: #5e111f !important; border: none !important; background: transparent !important; } .tabbig .tabberactive a { color: rgb(214, 180, 121) !important; background: #5e111f !important; border-top-right-radius: 5px; border-top-left-radius: 5px; } .tabbig .tabbernav :not(.tabberactive) a:hover { color: rgba(214, 180, 121, 1) !important; background: #900C3F !important; border-top-right-radius: 5px; border-top-left-radius: 5px; } .tabbig .tabbertab { border: none !important; padding: 0 !important; }

/* Masthead customization */ background: url(https://static.wikia.nocookie.net/kimetsu-no-yaiba/images/d/d9/Masthead_right.png/revision/latest) no-repeat bottom right/350px; }   color: #ffffff; font-weight: bold; }
 * 1) userProfileApp {
 * 1) userProfileApp .user-identity-social__icon-tooltip {

.pollAnswerVotes { width: 95%!important; }

.wikiaPhotoGallery-slider-body { height: 466px; }

/* STAFF NAME LABELS */

/* ADMINISTRATORS/BUREAUCRATS */ a[href$="/wiki/User:Unok"] { color: #803034 !important; font-weight: bold !important; }

.Wall .edited-by a[href$="Unok"] ~ .subtle::after { content: " (Administrator)"; }

a[href$="/wiki/User:Jess.Hdz15"] { color: #A5654D !important; font-weight: bold !important; }

.Wall .edited-by a[href$="Jess.Hdz15"] ~ .subtle::after { content: " (Administrator)"; }

a[href$="/wiki/User:Arzene"] { color: #A5654D !important; font-weight: bold !important; }

.Wall .edited-by a[href$="Arzene"] ~ .subtle::after { content: " (Administrator)"; }

a[href$="/wiki/User:Rii.ul"] { color: #A5654D !important; font-weight: bold !important; }

.Wall .edited-by a[href$="Rii.ul"] ~ .subtle::after { content: " (Administrator)"; }

/* Legacy version of link hovering */ a:hover, a:active { color: #198975; text-decoration: underline; } a:focus { color: #198975; } /* Fix underlining on tabbers */ ul.tabbernav li a:hover, a:active { text-decoration: none; }

/* Fix plainlinks */ .plainlinks a.external::after { display: none; }

/* Discord.js css */ .discord-widget .widget-theme-dark .widget-header { background-color: #5E111F; } .discord-widget .widget-theme-dark .widget-footer { background-color: #5E111F; color: #fff; } .discord-widget .widget-theme-dark .widget-body, .discord-widget .widget-theme-dark .widget-footer { background-color: #5E111F; color: #fff; } .discord-widget .widget-theme-dark .widget-footer-info { color: #fff; } .discord-widget .widget-theme-dark .widget-member-avatar img { border: 3px ridge #560E00; background-color: #5E111F; } .discord-widget .widget-member .widget-member-name { background-color: #5E111F; }  .discord-widget .widget-theme-dark .widget-role-name { color: #fff; background: #5E111F; padding: 5px; border-radius: 5px; } .discord-widget .widget-theme-dark .widget-btn-connect { color: #088488; background-color: #d9d4cc; border: 0; } .discord-widget .widget-theme-dark .widget-btn-connect:hover { color: #3a3a3a; background-color: #d9d4cc; border: 0; opacity: 1; } .discord-widget .widget-theme-dark .widget-body { background: url("https://static.wikia.nocookie.net/kimetsu-no-yaiba/images/9/98/DiscordWidget.png/revision/latest") top / cover; box-shadow: none; }