MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/ @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; }

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