User:Choocolatiah/common.css

.ca-panel { background-image: url("https://static.wikia.nocookie.net/bandori/images/1/1f/Mv-panel.png"); background-size: 250px 250px; background-repeat: no-repeat; position: relative; width: 250px; height: 250px; display: inline-block; } .ca-img { position: absolute; top: 6%; left: 5%; } .ca-img img { width: 224px; height: 224px; border-radius: 8px; overflow: hidden; } .ca-front { background-image: url("https://static.wikia.nocookie.net/bandori/images/5/58/Mv-front.png"); background-size: 250px 250px; background-repeat: no-repeat; position: absolute; width: 250px; height: 250px; } .ca-front-text a { align-items: center; background-color: rgba(0, 0, 0, 0.2); bottom: 0.25%; color: #fff !important; display: flex; font-size: 24px; font-family: 'NewRodinPro-B'; justify-content: center; left: 0; height: 98%; max-height: 98%; position: absolute; right: 0; text-align: center; text-decoration: none; text-shadow: 1px 1px 0 #000, 2px 1px 0 #000, 1px 2px 0 #000, 2px 2px 0 #000, 3px 3px 4px #000; font-variant: small-caps; z-index: 1; border-radius: 20px; } .ca-front:hover .ca-front-text a { background-image: linear-gradient(to bottom, #c7666680, rgba(0, 0, 0, 0.8)); border-radius: 0 0 20px 20px; max-height: 40px; padding-bottom: 10px; transition: background-color 0.5s, max-height 0.5s; }