User:Choocolatiah/common.css

@import "/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:MinimalBanners.css";

.my_div { transition: all 500ms ease-in-out; } .my_div, .my_div:hover { background-color: #f9e9ef; color: #282828; } .old-text, .new-text { display: block; overflow: hidden; transition: all 500ms ease-in-out; } .old-text { height: auto; opacity: 1; width: auto; } .new-text { color: #282828; height: 0; opacity: 0; width: 0; } .my_div:hover .old-text { height: 0px; opacity: 0; width: 0px; } .my_div:hover .new-text { height: auto; opacity: 1; width: auto; }

body::before { content: ''; background-image: url("https://bang-dream.bushimo.jp/wordpress/wp-content/themes/bang-dream_gbp/assets/images/pc/index/bg_mainvisual_3rd.jpg"); position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; background-position: center; -webkit-filter: blur(5px); filter: blur(5px); }

/* specific link color for the bands, testing (uhhh.. is this againt ToS? would like to implement it if it is allowed lol) */ a[href$="/wiki/Poppin%27Party"] {color: #f37 !important;} a[href$="/wiki/Afterglow"] {color: #e34 !important;} a[href$="/wiki/Pastel*Palettes"] {color: #3da !important;} a[href$="/wiki/Roselia"] {color: #34a !important;} a[href$="/wiki/Hello,_Happy_World!"] {color: #fd0 !important;} a[href$="/wiki/RAISE_A_SUILEN"] {color: #3cc !important;} a[href$="/wiki/Morfonica"] {color: #3af !important;}