Line 181: | Line 181: | ||
/* The accordion is the class given to the drop-down menu thingy */ | /* The accordion is the class given to the drop-down menu thingy */ | ||
.accordion { | .accordion { | ||
− | background-color: | + | background-color: #3498db; |
color: black; | color: black; | ||
cursor: pointer; | cursor: pointer; | ||
Line 200: | Line 200: | ||
.accordion:hover { | .accordion:hover { | ||
font: bold 20px "Montserrat", sans-serif; | font: bold 20px "Montserrat", sans-serif; | ||
− | background-color: # | + | background-color: #2980b9; |
} | } | ||
Line 217: | Line 217: | ||
max-width: 100%; | max-width: 100%; | ||
} | } | ||
+ | |||
.accordion:after { | .accordion:after { | ||
− | content: " | + | content: "-"; |
− | font-size: | + | font-size: 20px; |
− | color: # | + | font-weight: 800; |
+ | color: #fff; | ||
float: right; | float: right; | ||
margin-left: 5px; | margin-left: 5px; | ||
Line 226: | Line 228: | ||
/* Not sure why this function does not work. Need to check */ | /* Not sure why this function does not work. Need to check */ | ||
− | .active:after { | + | .active::after { |
content: "-"; | content: "-"; | ||
} | } |
Revision as of 22:32, 10 October 2018