Template:Toppest collapsible/styles.css

/* Entirety */ .toppest-collapsible { margin:1em 0 0 0; }

/* Long part of the collapsible toggle button */ .toppest-collapsible-button { background-color: #c03b3b; cursor: pointer; width: 100%; height: 10px; border: none; border-radius: 10px 10px 0 0; text-align: center; font-size: 1.125em; margin-bottom: 1.5em; }

/* Trapezoid part of the collapsible toggle button */ .toppest-collapsible-trapezoid { border-top: 25px solid #c03b3b; border-left: 40px solid transparent; border-right: 40px solid transparent; height: 0; width: max-content; padding: 0 0.5em; text-align: center; margin-left: auto; margin-right: auto; }

/* Trapezoid contents */ .toppest-collapsible-trapezoid > p { color: white; font: normal normal bold 1em Arial; margin:-1.325em 0 0 0; }

/* Change color when hovering over button */ .active, .toppest-collapsible-button:hover{ background-color: #a83737; }

.active.toppest-collapsible-button > .toppest-collapsible-trapezoid, .toppest-collapsible-button:hover > .toppest-collapsible-trapezoid { border-top-color: #a83737; }

/* Style the collapsible content, hidden by default */ .toppest-collapsible-content { padding: 1.5em 1em 1em 1em; display: none; background-color: rgb(255, 218, 218); position: relative; margin: -27px 0 1em; z-index:-1; }