MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/ @import url('https://fonts.googleapis.com/css?family=Cinzel'); @import url('https://fonts.googleapis.com/css2?family=Josefin+Sans&display=swap%27'); @import "/load.php?mode=articles&articles=u:dev:MediaWiki:RoundAvatars.css&only=styles";

body.mediawiki { background-attachment: fixed !important; font-family: 'Josefin Sans', sans-serif; } .page-header__title { font-family: 'Cinzel', cursive; } .wds-community-header__sitename { font-family: 'Cinzel', cursive; } .WikiaPage h2, h3, h4, h5, h6 { font-family: 'Cinzel', cursive; font-weight: bold; } /* Base theme - Red Darker red:#8B0000 Lighter red:#ffcccb .portable-infobox { border: 3px solid #8B0000; border-left: 3px dashed #8B0000; border-right: 3px dashed #8B0000; border-radius: 10px 10px 0 0; padding: 3px; width: 270px; } .portable-infobox .pi-title, .portable-infobox .pi-header { border-radius: 1ex; background: #8B0000; font-size: 120%; text-align:center; padding: 1 ex; line-height: 10px; color: #fff; margin-bottom: 3px; } .portable-infobox .pi-title { line-height: 20px; } .portable-infobox .pi-image { width: 270px; padding: 2px 0px; } .portable-infobox .pi-data-label { border-radius: 5px; background: #ffcccb; color: #000; padding: 5px; margin-bottom: 3px; text-align: left; vertical-align: middle; flex-basis: 135px; } .portable-infobox .pi-data { padding: 0px; } .portable-infobox .pi-group, .portable-infobox .pi-group .pi-data:last-child { border: none; border-radius: 0px; font-size: 75%; } .portable-infobox .pi-navigation { text-align: center; font-weight: bold; background: #8B0000; padding: 1px; font-size: 11px; border-top: 1px solid #fff; } .portable-infobox .pi-navigation a { color: #fff; text-align: center; } .pi-europa.portable-infobox { width: 270px; } .pi-europa.pi-background { background: #ffffff50; } .pi-europa .pi-header, .pi-europa .pi-image-collection-tabs { line-height: 10px; } .pi-europa .pi-image-collection-tabs { background-color: transparent; text-align: center; border-bottom: 3px solid #8B0000; } .pi-europa .pi-image-collection-tabs .current { background-color: transparent; font-size: 12px; color: #8B0000; } .pi-europa .pi-tab-link { color: #000; font-weight: bold; font-size: 12px; } .pi-europa .pi-data-value { padding: 5px; } .pi-europa .pi-horizontal-group .pi-data-value { padding-top: 7px; text-align: center; } .pi-europa .pi-horizontal-group-item:nth-child(even) { background-color: transparent; border-left: 2px solid #8B0000; } .pi-image-thumbnail { height: auto; max-width: 270px; max-height: 500px; }

/* Manga theme - purple Darker purple: #a46ae6 Lighter purple: #cda4fb .portable-infobox.pi-theme-manga { border: 3px solid #a46ae6; } .portable-infobox.pi-theme-manga .pi-title, .portable-infobox.pi-theme-manga .pi-header { background: #a46ae6; } .portable-infobox.pi-theme-manga .pi-data-label { background: #cda4fb; } .portable-infobox.pi-theme-manga .pi-navigation { background: #a46ae6; } .pi-europa.pi-theme-manga .pi-image-collection-tabs { border-bottom: 3px solid #a46ae6; } .pi-europa.pi-theme-manga .pi-image-collection-tabs .current { color: #a46ae6; } .pi-europa.pi-theme-manga .pi-horizontal-group-item:nth-child(even) { border-left: 2px solid #a46ae6; }

/* Anime theme - blue Darker blue: #46d3e7 Lighter blue: #a2e7f1 .portable-infobox.pi-theme-anime { border: 3px solid #46d3e7; border-left: 3px double #46d3e7; border-right: 3px double #46d3e7; } .portable-infobox.pi-theme-anime .pi-title, .portable-infobox.pi-theme-anime .pi-header { background: #46d3e7; color: #000; } .portable-infobox.pi-theme-anime .pi-data-label { background: #a2e7f1; } .portable-infobox.pi-theme-anime .pi-navigation { background: #46d3e7; } .portable-infobox.pi-theme-anime .pi-navigation a { color: #000; } .pi-europa.pi-theme-anime .pi-image-collection-tabs { border-bottom: 3px solid #46d3e7; } .pi-europa.pi-theme-anime .pi-image-collection-tabs .current { color: #097eab; } .pi-europa.pi-theme-anime .pi-horizontal-group-item:nth-child(even) { border-left: 2px solid #46d3e7; } /* Discord Widget design*/ .discord-widget .widget-header { background-color: brown; border-bottom: 3px ridge brown; } .discord-widget .widget-footer { border-top: 3px ridge brown; } .discord-widget .widget-body { background-image: url(https://static.wikia.nocookie.net/shijou-saikyou-daimaou/images/2/2e/Discord_Widget_Icon.png); background-position: top; background-size: cover; } .discord-widget .widget-member-avatar img { border: 2px solid brown; background-color: brown; } .discord-widget .widget-member .widget-member-name { background-color: brown; } .discord-widget .widget-btn-connect { color: #fff; background-color: brown; border: 1px solid brown; } .discord-widget .widget-btn-connect:hover { opacity: 1; background: brown; border: 1px solid brown; text-decoration: none; } .discord-widget .widget-role-name { color: #fff; text-shadow: 0 0 5px #fff; background: brown url(https://static.wikia.nocookie.net/shijou-saikyou-daimaou/images/2/28/Img292.jpg) 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:brown; border: 3px solid brown; border-radius: 10px; }