|
|
| Line 97: |
Line 97: |
| .hover-table img:hover { | | .hover-table img:hover { |
| transform: scale(1.1); | | transform: scale(1.1); |
| }
| |
|
| |
| /* Style for collapsed sections */
| |
| /* Ensure no unwanted spacing on the first accordion */
| |
| .accordion-section:first-child {
| |
| margin-top: 0 !important;
| |
| }
| |
|
| |
| .accordion-section {
| |
| margin: 0;
| |
| padding: 0;
| |
| }
| |
|
| |
| /* Header styling (collapsed by default) */
| |
| .accordion-header {
| |
| background-color: #222; /* Dark background */
| |
| color: #ccc; /* Lighter text */
| |
| font-weight: normal;
| |
| padding: 15px;
| |
| border: 1px solid #444;
| |
| cursor: pointer;
| |
| display: block;
| |
| width: 100%;
| |
| box-sizing: border-box;
| |
| margin-bottom: 0;
| |
| }
| |
|
| |
| /* Header when expanded */
| |
| .accordion-section.expanded .accordion-header {
| |
| background-color: #333; /* Slightly lighter dark */
| |
| color: #fff; /* White text */
| |
| font-weight: bold;
| |
| border: 1px solid #00cc00;
| |
| }
| |
|
| |
| /* Content styling */
| |
| .accordion-content {
| |
| border: 1px solid #444;
| |
| padding: 10px;
| |
| background-color: #111; /* Dark background */
| |
| color: #ddd; /* Lighter text */
| |
| width: 100%;
| |
| box-sizing: border-box;
| |
| margin-top: 0;
| |
| }
| |
|
| |
| /* Ensure no extra spacing between sections */
| |
| .accordion-section + .accordion-section {
| |
| margin-top: 5px;
| |
| } | | } |
|
| |
|
