Dappervolk: Custom Spoiler Tags - User CSS

/* Custom Spoiler by Aly1293 */

strike, strike + .spoiler, strike + .spoiler .spoiler-button { float: left; } strike, strike + .spoiler, strike + .spoiler .spoiler-button, strike + .spoiler .spoiler-body { width: 100%; } strike, strike + .spoiler, strike + .spoiler .spoiler-header, strike + .spoiler .spoiler-button { display: block; } strike + .spoiler, strike + .spoiler .spoiler-header, strike + .spoiler .spoiler-body { margin: 0; } strike + .spoiler .spoiler-header, strike + .spoiler .spoiler-button { padding: 0; } strike, strike + .spoiler .spoiler-button { height: 25px; line-height: 25px; }

strike img { height: 40%; float: right; vertical-align: middle; line-height: 0; margin: 1.15% 1.5%; }

strike { background: #b7b7b7; color: #fff;
padding-left: 1rem;
font-family: "Roboto Condensed", "Helvetica", "Arial", sans-serif;
font-size: 15px;
font-weight: bold;
text-align: left;
text-decoration: none;
text-transform: uppercase;
}

strike + .spoiler { overflow: visible; }

strike + .spoiler .spoiler-header {
font-size: 0;
height: 0;
line-height: 0;
min-height: 0;
text-align: left;
}

strike + .spoiler .spoiler-button { margin: -25px 0 0 0; background: none; font-size: 0; }

strike + .spoiler .spoiler-body { background: #f7f7f7; border: 0; }

strike + .spoiler img { max-width: 100%; }

/* END */