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; 
}