Exmoose: Floating Table of Contents CSS

2021-10-24T19:52:37Z

Floating Table of Contents CSS

New page

#toc {
position: relative;
}

#tocDialog ol {
margin: 0.4em 0 0.5em 2.5em;
}

#tocDialog > ol {
margin: 0;
}

#tocDialog li {
line-height: 22px;
}

#tocDialog {
margin: 0;
left: auto;
right: auto;
top: auto;
bottom: auto;
height: auto;
width: auto;
display: block;
border: none !important;
float: none !important;
}

.toc-dialog {
font: inherit;
z-index: 9999 !important;
overflow: visible;
padding: 0;
}

#toc-btns {
display: flex;
margin-right: -0.5em;
float: right;
}

.toc-btn {
background: transparent;
border: 0;
height: 18px;
width: 18px;
padding: 1px;
box-sizing: unset;
cursor: pointer;
}

#toc-open {
background: transparent;
background-position: -48px -80px;
height: 18px;
width: 18px;
padding: 0;
cursor: pointer;
float: right;
}

#toc-close {
background-position: -94px -126px;
}

#toc-reset {
background-position: -62px -78px;
}

#toc-dock {
background-position: -29px -47px;
}

#toc-back {
background-position: -14px -62px;
}

.ui-resizable-se {
background-position: -80px -224px;
}

.toc-link {
display: inline-block;
height: 12px;
width: 12px;
margin-left: 10px;
position: relative;
vertical-align: baseline;
}

.page-dark .toc-link {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF////AAAAVcLTfgAAAAJ0Uk5T/wDltzBKAAAAIklEQVR42mJgRAIMjAwgBAYQDkKGHGUgAqISziHFNIAAAwAgIwBoFh42eAAAAABJRU5ErkJggg==")
repeat scroll 0 0 transparent;
}

.page-bright .toc-link {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFAAAA////pdmf3QAAAAJ0Uk5T/wDltzBKAAAAIklEQVR42mJgRAIMjAwgBAYQDkKGHGUgAqISziHFNIAAAwAgIwBoFh42eAAAAABJRU5ErkJggg==")
repeat scroll 0 0 transparent;
}

MediaWiki:FloatingToc.css - Revision history

Exmoose: Floating Table of Contents CSS