MediaWiki:Common.css: verschil tussen versies
Uit wiki.lasso-concepten.nl
Geen bewerkingssamenvatting |
Geen bewerkingssamenvatting |
||
Regel 2: | Regel 2: | ||
/** #toc {float:right;margin:0 0 1em 1em;position:fixed;top:150px;right:10px;}; | /** #toc {float:right;margin:0 0 1em 1em;position:fixed;top:150px;right:10px;}; | ||
/** #toc {float:right;margin:0 0 1em 1em;position:fixed;top:150px;right:10px;}; | /** #toc {float:right;margin:0 0 1em 1em;position:fixed;top:150px;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; | |||
} | |||
.toctoggle { | |||
float: right; | |||
} |
Versie van 5 jan 2023 20:40
/** CSS die hier wordt geplaatst heeft invloed op alle vormgevingen */
/** #toc {float:right;margin:0 0 1em 1em;position:fixed;top:150px;right:10px;};
/** #toc {float:right;margin:0 0 1em 1em;position:fixed;top:150px;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;
}
.toctoggle {
float: right;
}