Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .collapsible {
- background-color: #E3872D;
- color: #FFF;
- cursor: pointer;
- padding: 18px;
- width: 75%;
- border: none;
- text-align: left;
- outline: none;
- font-size: 15px;
- font-weight: bold;
- border-radius: 5px;
- }
- .collapsible:after {
- content: '\02795'; /* Unicode character for "plus" sign (+) */
- font-size: 13px;
- color: #E3872D;
- float: right;
- margin-left: 5px;
- }
- .collapsible:active {
- content: "\2796"; /* Unicode character for "minus" sign (-) */
- }
- /* 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) */
- .active, .collapsible:hover {
- background-color: #333;
- }
- /* Style the collapsible content. Note: hidden by default */
- .content {
- padding: 0 18px;
- background-color: white;
- max-height: 0;
- overflow: hidden;
- transition: max-height 0.2s ease-out;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement