MediaWiki:Common.css
Jump to navigation
Jump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* 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 */
}