MediaWiki:Common.css

@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap%27');

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

/* Import CSS */ @import url("/MediaWiki:CustomEditSection.css?ctype=text/css&action=raw"); @import url("/MediaWiki:SpoilerBlur.css?ctype=text/css&action=raw");

/* Infobox */ /* General Styling for Portable Infobox */ .portable-infobox.pi-europa { width: 295px; border: 3px solid #DC143C; border-radius: 10px; background: #E1F1FB; }

.portable-infobox.pi-europa .pi-header, .portable-infobox.pi-europa .pi-title { border-radius: 15px; }

.portable-infobox.pi-europa .pi-image-collection { margin: 2px; }

.portable-infobox.pi-europa .pi-image-collection-tabs { text-align: center; background: transparent; display: flex; flex-wrap: wrap-reverse; justify-content: center; }

.portable-infobox.pi-europa .pi-item.pi-image { display:flex; flex-direction: column-reverse; margin: 2px; }

.portable-infobox.pi-europa .pi-collapse-closed > *:nth-child(n+2) { display:none; }

.portable-infobox.pi-europa .pi-image-collection-tab-content .pi-item.pi-image { margin: auto; }

.portable-infobox.pi-europa .pi-image figcaption.pi-caption, .portable-infobox.pi-europa .pi-tab-link.pi-item-spacing { font-size: 9px; border: 1px solid crimson; /* to be overridden by more specific rules if necessary */ border-bottom: 0px; padding: 2px 5.5px; border-radius: 5px 5px 0 0; line-height: normal; margin-bottom: 0; margin-top: 0; }

.portable-infobox.pi-europa .pi-image figcaption.pi-caption{ margin-left: auto; margin-right: auto; text-align: center; min-width: 35%; }

.portable-infobox.pi-europa .pi-tab-link.pi-item-spacing { margin-left: 3px; margin-right: 1.2px; max-width: none; }

.portable-infobox.pi-europa .pi-image figcaption.pi-caption, .portable-infobox.pi-europa .pi-image-collection-tabs .current{ background-color: crimson; color: white; }

.pi-europa.portable-infobox .pi-image a.image-thumbnail{ border: 1px solid crimson; border-right: 2px solid crimson; border-bottom: 2px solid crimson; border-radius: 8px; padding: 2px 0.5em; }

.pi-europa.portable-infobox .pi-image img.pi-image-thumbnail, .pi-europa.portable-infobox .pi-image-collection-tab-content img{ max-width: 275px; height: auto; }

.pi-europa.portable-infobox .pi-item-spacing { margin: 1px; padding: 0; }

.pi-europa.portable-infobox .pi-title { font-size: 100%; color: #ffffff; border-radius: 5px; text-shadow: 3px 3px 3px #333333; background: #DC143C; padding: 5px; }

.pi-europa.portable-infobox .pi-header { border-radius: 5px; padding: 5px; color: #ffffff; background: #DC143C; text-align: center; vertical-align: middle; font-size: 85%; line-height: 1em; }

.pi-europa.portable-infobox .pi-data .pi-data-label { flex-basis: 35%; padding: 3px 3px 3px 5px; border-radius: 3px; vertical-align: middle; background: #DC143C; color: #ffffff; font-weight: normal; font-size: 75%; }

.pi-europa.portable-infobox table.pi-horizontal-group { border-spacing: 2px 0; border-collapse: separate; }

.pi-europa.portable-infobox .pi-horizontal-group-item.pi-data-label { padding-left: 3px; border-radius: 3px;

background: #DC143C; color: #ffffff; font-weight: normal; font-size: 75%; vertical-align: middle; }

.pi-europa.portable-infobox .pi-data .pi-data-value { margin-top: auto; padding: 3px; flex-basis: 60%; flex-grow: 2; font-size: 75%; margin-right: 3px; margin-left: 3px; }

.pi-europa.portable-infobox .pi-data-value { text-align: right; border-bottom: 1px solid #DB143c; background: #E1F1FB; }

.pi-europa.portable-infobox .pi-data-value li { text-align: left; }

/* Customizations for Specific infoboxes -- Based on Rinrin's original coloring*/ .pi-europa.portable-infobox.pi-theme-light-novel { border-color: #513E7A; } .pi-europa.portable-infobox.pi-theme-light-novel .pi-title, .pi-europa.portable-infobox.pi-theme-light-novel .pi-header, .pi-europa.portable-infobox.pi-theme-light-novel .pi-data .pi-data-label, .pi-europa.portable-infobox.pi-theme-light-novel .pi-horizontal-group-item.pi-data-label { background-color: #513E7A; }

.pi-europa.portable-infobox.pi-theme-ss { border-color: #8269B7; } .pi-europa.portable-infobox.pi-theme-ss .pi-title, .pi-europa.portable-infobox.pi-theme-ss .pi-header, .pi-europa.portable-infobox.pi-theme-ss .pi-data .pi-data-label, .pi-europa.portable-infobox.pi-theme-ss .pi-horizontal-group-item.pi-data-label { background-color: #8269B7; }

.pi-europa.portable-infobox.pi-theme-manga { border-color: #3564BA; } .pi-europa.portable-infobox.pi-theme-manga .pi-title, .pi-europa.portable-infobox.pi-theme-manga .pi-header, .pi-europa.portable-infobox.pi-theme-manga .pi-data .pi-data-label, .pi-europa.portable-infobox.pi-theme-manga .pi-horizontal-group-item.pi-data-label { background-color: #3564BA; }

.pi-europa.portable-infobox.pi-theme-spin-off { border-color: #538FC5; } .pi-europa.portable-infobox.pi-theme-spin-off .pi-title, .pi-europa.portable-infobox.pi-theme-spin-off .pi-header, .pi-europa.portable-infobox.pi-theme-spin-off .pi-data .pi-data-label, .pi-europa.portable-infobox.pi-theme-spin-off .pi-horizontal-group-item.pi-data-label { background-color: #538FC5; }

.pi-europa.portable-infobox.pi-theme-art-book { border-color: #E7748E; } .pi-europa.portable-infobox.pi-theme-art-book .pi-title, .pi-europa.portable-infobox.pi-theme-art-book .pi-header, .pi-europa.portable-infobox.pi-theme-art-book .pi-data .pi-data-label, .pi-europa.portable-infobox.pi-theme-art-book .pi-horizontal-group-item.pi-data-label { background-color: #E7748E; }

.pi-europa.portable-infobox.pi-theme-databook { border-color: #716976; } .pi-europa.portable-infobox.pi-theme-databook .pi-title, .pi-europa.portable-infobox.pi-theme-databook .pi-header, .pi-europa.portable-infobox.pi-theme-databook .pi-data .pi-data-label, .pi-europa.portable-infobox.pi-theme-databook .pi-horizontal-group-item.pi-data-label { background-color: #716976; }

.pi-europa.portable-infobox.pi-theme-episode { border-color: #A33854; } .pi-europa.portable-infobox.pi-theme-episode .pi-title, .pi-europa.portable-infobox.pi-theme-episode .pi-header, .pi-europa.portable-infobox.pi-theme-episode .pi-data .pi-data-label, .pi-europa.portable-infobox.pi-theme-episode .pi-horizontal-group-item.pi-data-label { background-color: #A33854; }

.pi-europa.portable-infobox.pi-theme-bd-dvd { border-color: #742E60; } .pi-europa.portable-infobox.pi-theme-bd-dvd .pi-title, .pi-europa.portable-infobox.pi-theme-bd-dvd .pi-header, .pi-europa.portable-infobox.pi-theme-bd-dvd .pi-data .pi-data-label, .pi-europa.portable-infobox.pi-theme-bd-dvd .pi-horizontal-group-item.pi-data-label { background-color: #742E60; }

.pi-europa.portable-infobox.pi-theme-music { border-color: #5F9EA0; } .pi-europa.portable-infobox.pi-theme-music .pi-title, .pi-europa.portable-infobox.pi-theme-music .pi-header, .pi-europa.portable-infobox.pi-theme-music .pi-data .pi-data-label, .pi-europa.portable-infobox.pi-theme-music .pi-horizontal-group-item.pi-data-label { background-color: #5F9EA0; }

.pi-europa.portable-infobox.pi-theme-assessment { border-color: #FF930F; } .pi-europa.portable-infobox.pi-theme-assessment .pi-title, .pi-europa.portable-infobox.pi-theme-assessment .pi-header, .pi-europa.portable-infobox.pi-theme-assessment .pi-data .pi-data-label, .pi-europa.portable-infobox.pi-theme-assessment .pi-horizontal-group-item.pi-data-label { background-color: #FF930F; } .pi-europa.portable-infobox.pi-theme-assessment .pi-data .pi-data-label { flex-basis: 60%; }

.WikiaArticle h2 { border-bottom: solid 2px #E7748E; } /* 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); } /* Gallery - Corners */ .wikia-gallery-border-small .thumb .gallery-image-wrapper { border: none; box-shadow: 1px 1px 3px pink; } .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; }

/* Discord Widget design */ .discord-widget .widget-header { background-color: #DC143C; }

.discord-widget .widget-footer { background-color: #DC143C; }

.discord-widget .widget-body { background-image: url(https://static.wikia.nocookie.net/bokurema/images/3/38/Discord_BG.png/revision/latest); background-position: top; background-size: cover; }

.discord-widget .widget-member-avatar img { border: 2px solid #DC143C; background-color: #DC143C; }

.discord-widget .widget-member .widget-member-name { background-color: #DC143C; text-shadow: 0 0 5px #fff; }

.discord-widget .widget-header .widget-header-count { text-shadow: 0 0 5px #fff; }

.discord-widget .widget-btn-connect { color: #fff; background-color: #DC143C; border: 2px solid #DC143C; }

.discord-widget .widget-btn-connect:hover { opacity: 1; background: pink; border: 2px solid #DC143C; text-decoration: none; }

.discord-widget .widget-role-name { color: #fff; text-shadow: 0 0 5px #fff; background: #DC143C; background-size: 20px; padding: 5px; border-radius: 5px; }

.discord-widget .widget-body::-webkit-scrollbar { width: 10px; }

.discord-widget .widget-body::-webkit-scrollbar-thumb { background: #DC143C; border: 2px solid ##DC143C; border-radius: 10px; }

.discord-widget .widget-body::-webkit-scrollbar-thumb:hover { background: pink; }