|
|
| (6 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 {
| |
| float: right;
| |
| 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 */
| |
| }*/
| |
|
| |
| #toc {
| |
| float: right; /* You can use float: left; to float it to the left */
| |
| width: 300px; /* Adjust width as needed, e.g., 25% or a fixed pixel value */
| |
| margin: 0 0 1em 1em; /* Example margin: top right bottom left (for float:right). Adjust as needed. */
| |
| padding: 1em;
| |
| border: 1px solid #aaa;
| |
| background-color: #f9f9f9; /* Or your preferred background */
| |
| /* Remove position: fixed; and related properties like top, right, z-index if you used them previously for a fixed TOC */
| |
| }
| |
|
| |
| /* Optional: If the TOC has many items and you want its internal content to scroll
| |
| even when the TOC block itself scrolls with the page, you can add: */
| |
| #toc > ul {
| |
| max-height: 400px; /* Adjust as desired, or remove if you want the TOC to expand fully */
| |
| overflow-y: auto; /* Adds a scrollbar if the list of contents is taller than max-height */
| |
| }
| |
/* CSS placed here will be applied to all skins */