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 > * {...") |
mNo edit summary |
||
| (10 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
#p-toc { | |||
position: sticky; | |||
top: 0.5em; | |||
} | } | ||
. | #p-toc .vector-menu-content-list { | ||
max-height: calc(100vh - 3.75em - 12px - var(--sticky-bottom, 0px)); | |||
overflow-y: auto; | |||
color-scheme: dark; | |||
scrollbar-width: thin; | |||
overscroll-behavior: none; | |||
} | } | ||
@media (prefers-reduced-motion: no-preference) { | |||
#p-toc .vector-menu-content-list { | |||
scroll-behavior: smooth; | |||
} | |||
} | } | ||
. | #p-toc .vector-menu-content-list ul { | ||
margin-left: 10px; | |||
} | } | ||
. | #p-toc .vector-menu-content-list ul li { | ||
font-size: inherit; | |||
} | } | ||
. | /* Customize the styling of the current section in the table of contents */ | ||
#p-toc .tocsection-current a { | |||
color: black; /* Set text color to black */ | |||
font-weight: bold; /* Make the text bold */ | |||
} | } | ||
. | #p-toc .tocnumber { | ||
color: white; | |||
display: none; /* they take up too much space */ | |||
} | } | ||
@media screen and (max-width: 720px) { | |||
#p-toc { | |||
display: none; | |||
} | |||
} | } | ||
Latest revision as of 22:08, 22 February 2024
#p-toc {
position: sticky;
top: 0.5em;
}
#p-toc .vector-menu-content-list {
max-height: calc(100vh - 3.75em - 12px - var(--sticky-bottom, 0px));
overflow-y: auto;
color-scheme: dark;
scrollbar-width: thin;
overscroll-behavior: none;
}
@media (prefers-reduced-motion: no-preference) {
#p-toc .vector-menu-content-list {
scroll-behavior: smooth;
}
}
#p-toc .vector-menu-content-list ul {
margin-left: 10px;
}
#p-toc .vector-menu-content-list ul li {
font-size: inherit;
}
/* Customize the styling of the current section in the table of contents */
#p-toc .tocsection-current a {
color: black; /* Set text color to black */
font-weight: bold; /* Make the text bold */
}
#p-toc .tocnumber {
color: white;
display: none; /* they take up too much space */
}
@media screen and (max-width: 720px) {
#p-toc {
display: none;
}
}