|
|
| (20 intermediate revisions by the same user not shown) |
| 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;
| |
| } | | } |
|
| |
|
| Line 183: |
Line 134: |
| .icon-wrapper:hover { | | .icon-wrapper:hover { |
| transform: scale(1.1); | | transform: scale(1.1); |
| | } |
| | |
| | .hover-table td span { |
| | white-space: nowrap; |
| | display: inline-block; |
| | max-width: 100%; |
| | font-size: 15px; /* or scale down just a bit */ |
| | } |
| | |
| | /* Hide template spacer on mobile */ |
| | @media screen and (max-width: 768px) { |
| | .desktop-only-spacer { |
| | display: none !important; |
| | } |
| } | | } |
