Tags: Manual revert Reverted |
|
| (9 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| /* CSS placed here will be applied to all skins */ | | /* CSS placed here will be applied to all skins */ |
|
| |
| #toc {
| |
| position: sticky;
| |
| right: 0;
| |
| top: 7em; /* Adjust as needed; 5em might be header height, 6em just under */
| |
| /* bottom: 5em; */ /* Alternative bottom positioning */
| |
| z-index: 10000; /* Ensures it floats above other content */
| |
| background-color: rgb(249, 249, 249); /* Fallback background color */
| |
| background-color: rgba(249, 249, 249, 0.9); /* Background with opacity */
| |
| /* Higher opacity (last argument) means less transparency */
| |
| padding: 1em; /* Add some padding around the TOC content */
| |
| border: 1px solid #aaa; /* Optional border */
| |
| max-width: 300px; /* Optional: constrain the width */
| |
| }
| |
|
| |
| /* Ensure the TOC height doesn't take over the screen; adjust max-height as needed */
| |
| #toc > ul {
| |
| max-height: 350px; /* Or a percentage like 70vh */
| |
| overflow-y: auto; /* Add scrollbar if content exceeds max-height */
| |
| }
| |
|
| |
| /* Optional: Style for the show/hide toggle if it's part of your TOC structure */
| |
| .toctoggle {
| |
| float: right; /* Or adjust as needed */
| |
| }
| |
/* CSS placed here will be applied to all skins */