More actions
No edit summary |
No edit summary |
||
| Line 49: | Line 49: | ||
/* Style for collapsed sections */ | /* Style for collapsed sections */ | ||
.accordion-section { | .accordion-section { | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
} | } | ||
/* Header styling (collapsed by default) */ | /* Header styling (collapsed by default) */ | ||
.accordion-header { | .accordion-header { | ||
background-color: # | background-color: #222; /* Dark background */ | ||
color: #ccc; /* Lighter text */ | |||
font-weight: normal; | font-weight: normal; | ||
padding: 15px; | padding: 15px; | ||
border: 1px solid # | border: 1px solid #444; | ||
cursor: pointer; | cursor: pointer; | ||
display: block; | display: block; | ||
width: 100%; | width: 100%; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
margin-bottom: 0; | margin-bottom: 0; | ||
} | } | ||
/* Header when expanded */ | /* Header when expanded */ | ||
.accordion-section.expanded .accordion-header { | .accordion-section.expanded .accordion-header { | ||
background-color: # | background-color: #333; /* Slightly lighter dark */ | ||
color: #fff; /* White text */ | |||
font-weight: bold; | font-weight: bold; | ||
border: 1px solid #00cc00; | border: 1px solid #00cc00; | ||
| Line 78: | Line 78: | ||
/* Content styling */ | /* Content styling */ | ||
.accordion-content { | .accordion-content { | ||
border: 1px solid # | border: 1px solid #444; | ||
padding: 10px; | padding: 10px; | ||
background-color: # | background-color: #111; /* Dark background */ | ||
color: #ddd; /* Lighter text */ | |||
width: 100%; | width: 100%; | ||
box-sizing: border-box; | box-sizing: border-box; | ||
margin-top: 0; | margin-top: 0; | ||
} | } | ||
/* Ensure no extra spacing between sections */ | /* Ensure no extra spacing between sections */ | ||
.accordion-section + .accordion-section { | .accordion-section + .accordion-section { | ||
margin-top: 5px; | margin-top: 5px; | ||
} | } | ||