tagblog/css/TableOfContent.css

#toc {
    display: inline-block;
    margin-bottom: 2em;
    padding: .3em .5em;
}

#toc ul {
    padding: 0.2em;
    list-style: none;
    text-align: left;
}
#toc-header {
    padding: 0;
}
#toc ul li {
    padding:0;
}
#toc ul li a {
padding: .25em;
display: block;
}
li.toc1 a:before, li.toc2 a:before {
    content: "• ";
    /*content: "⁍⁃‣•◦∙";*/
}
li.toc3 a:before, li.toc4 a:before, li.toc5 a:before, li.toc6 a:before {
    content: "- ";
}
.toc1{margin-left: 0;}
.toc2{margin-left: 0;}
.toc3{margin-left: 1em;}
.toc4{margin-left: 2em;}
.toc5{margin-left: 3em;}
.toc6{margin-left: 4em;}

.toc-nav {
display:none;
margin-left: 1em;
vertical-align: middle;
/* absolute size - always small, regardless of header font size */
font-size: 0.7rem;
line-height:0.5rem;
font-weight: normal;
}

h1:hover .toc-nav, h2:hover .toc-nav, h3:hover .toc-nav, h4:hover .toc-nav, h5:hover .toc-nav, h6:hover .toc-nav { display:initial; }