From Clomosy Docs
No edit summary |
No edit summary Tag: Reverted |
||
| Line 2: | Line 2: | ||
/*#toc {float:right;margin:0 0 1em 1em;position:fixed;top:100px;right:10px;};*/ | /*#toc {float:right;margin:0 0 1em 1em;position:fixed;top:100px;right:10px;};*/ | ||
#toc { | |||
position: fixed; | |||
right: 0; | |||
top: 7em; /* 5em is height of header, 6em brings just under */ | |||
/* bottom: 5em; /* 5em puts us above the footer; not bad but too low when TOC is collapsed */ | |||
z-index: 10000; /* Ensure we float above the header, etc. */ | |||
/* Add opacity (translucency) */ | |||
background-color: rgb(249, 249, 249); | |||
background-color: rgba(249, 249, 249, 0.9); /* Higher opacity (last arg) means less transparency */ | |||
} | |||
/* Ensure the TOC height doesn't take over the screen; percentages may be higher than view port, so we use pixels */ | |||
#toc > ul { | |||
max-height: 350px; | |||
overflow: auto; | |||
} | |||
Revision as of 07:52, 5 January 2023
/* CSS placed here will be applied to all skins */
/*#toc {float:right;margin:0 0 1em 1em;position:fixed;top:100px;right:10px;};*/
#toc {
position: fixed;
right: 0;
top: 7em; /* 5em is height of header, 6em brings just under */
/* bottom: 5em; /* 5em puts us above the footer; not bad but too low when TOC is collapsed */
z-index: 10000; /* Ensure we float above the header, etc. */
/* Add opacity (translucency) */
background-color: rgb(249, 249, 249);
background-color: rgba(249, 249, 249, 0.9); /* Higher opacity (last arg) means less transparency */
}
/* Ensure the TOC height doesn't take over the screen; percentages may be higher than view port, so we use pixels */
#toc > ul {
max-height: 350px;
overflow: auto;
}