MediaWiki:Themes.css

/* Base theme - pink Darker pink: #fd577d Lighter pink: #ffa7b8 .portable-infobox { border: 3px solid #fd577d; border-left: 3px dashed #fd577d; border-right: 3px dashed #fd577d; border-radius: 10px 10px 0 0; padding: 3px; width: 270px; } .portable-infobox .pi-title, .portable-infobox .pi-header { border-radius: 1ex; background: #fd577d; 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: #ffa7b8; 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: #fd577d; 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 #fd577d; } .pi-europa .pi-image-collection-tabs .current { background-color: transparent; font-size: 12px; color: #fd577d; } .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 #fc577d; } .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 customization */ .discord-widget .widget-header { background-color: #fc577d; } .discord-widget .widget-footer { background-color: #fc577d; color: #fff; } .discord-widget .widget-theme-light .widget-body, .discord-widget .widget-theme-light .widget-footer { background-color: #fc577d; color: #fff; } .discord-widget .widget-theme-light .widget-footer-info { color: #fff; } .discord-widget .widget-member-avatar img { border: 2px solid #fc577d; background-color: #fc577d; } .discord-widget .widget-member .widget-member-name { background-color: #fc577d; } .discord-widget .widget-theme-light .widget-btn-connect { color: #fc577d; background-color: #ffffff; border: 0; } .discord-widget .widget-theme-light .widget-body { background: #ffffff url("https://static.wikia.nocookie.net/horimiya/images/6/68/Discord_Widget.png/revision/latest") top / cover; box-shadow: none; } .discord-widget .widget-theme-light .widget-role-name { color: #fff; background: #fc577d; padding: 5px; border-radius: 5px; }