MediaWiki:Gadget-SidebarTOC.css: Difference between revisions

Jump to navigation Jump to search
(Created page with ".floatTOC { transition: 0.2s all ease; display: block; position: fixed; top: 20px; left: 0; border: none; background: #f6f6f6; font-size: 0.8em; max-width: 10em; padding: 1.2em; height: 100%; white-space: nowrap; overflow: hidden; } .floatTOC ul ul { margin: 0 0 0 0.75em; } .floatTOC:hover { max-width: 1000em; overflow: auto; box-shadow: 0 0 30px rgba(0, 0, 0, 0.5); } .floatTOC > * { transition: 0.2s all ease; opacity: 0.5; } .floatTOC:hover > * {...")
 
No edit summary
Line 1: Line 1:
.floatTOC {
.mw-table-of-contents-container {
transition: 0.2s all ease;
    position: -webkit-sticky;
display: block;
    position: sticky;
position: fixed;
    top: 20px; /* Adjust as needed */
top: 20px;
    height: calc(100vh - 20px); /* Adjust as needed */
left: 0;
    overflow-y: auto;
border: none;
background: #f6f6f6;
font-size: 0.8em;
max-width: 10em;
padding: 1.2em;
height: 100%;
white-space: nowrap;
overflow: hidden;
}
}


.floatTOC ul ul {
.vector-sticky-toc-container {
margin: 0 0 0 0.75em;
    padding: 10px; /* Adjust as needed */
}
    background-color: #f8f9fa; /* Adjust as needed */
 
    border: 1px solid #c8ccd1; /* Adjust as needed */
.floatTOC:hover {
max-width: 1000em;
overflow: auto;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.5);
}
 
.floatTOC > * {
transition: 0.2s all ease;
opacity: 0.5;
}
 
.floatTOC:hover > * {
opacity: 1;
}
 
.floatTOC .tocnumber {
display: none;
}
 
.floatTOC a {
color: #000;
}
 
.floatTOC .toctoggle {
display: none;
}
 
.floatTOC #toctitle {
display: none;
}
}

Revision as of 06:50, 22 February 2024

.mw-table-of-contents-container {
    position: -webkit-sticky;
    position: sticky;
    top: 20px; /* Adjust as needed */
    height: calc(100vh - 20px); /* Adjust as needed */
    overflow-y: auto;
}

.vector-sticky-toc-container {
    padding: 10px; /* Adjust as needed */
    background-color: #f8f9fa; /* Adjust as needed */
    border: 1px solid #c8ccd1; /* Adjust as needed */
}