MediaWiki:Common.css

/* 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 */
}