User:Choocolatiah/common.css

/* Style the buttons that are used to open and close the accordion panel */ .accordion { background-color: #de1c4e; color: #fff; cursor: pointer; padding: 5px; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; }

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */ .accordion-active, .accordion:hover { background-color: #ed7392; }

.accordion:after { content: '\02795'; /* Unicode character for "plus" sign (+) */ font-size: 13px; color: #fff; float: right; margin-right: 15px; }

.accordion-active:after { content: "\2796"; /* Unicode character for "minus" sign (-) */ }

/* Style the accordion panel. Note: hidden by default */ .accordion-panel { padding: 0 10px; background-color: #f3f4f4; display: none; overflow: hidden; color: #3a3a3a; }