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; } /* meager attempt to remove tabber title when hovering = fail. I GIVE UP .tabbertab p:hover { content: none; }