jquery.tocify.css 1.2.0 Author: @gregfranko The Table of Contents container element
toc {
position: fixed; overflow: auto; max-height: 90%;
} @media (min-width:1px) and (max-width:767px) { toc { position: static} }
/* The Table of Contents is composed of multiple nested unordered lists. These styles remove the default styling of an unordered list because it is ugly. */ toc ul, toc li {
list-style: none; margin: 0; padding: 0; border: none; line-height: 30px;
}
/* Top level header elements */ .header {
text-indent: 10px;
}
/* Top level subheader elements. These are the first nested items underneath a header element. */ .sub-header {
text-indent: 20px; display: none;
}
/* Makes the font smaller for all subheader elements. */ .sub-header li {
font-size: 12px;
}
/* Further indents second level subheader elements. */ .sub-header .sub-header {
text-indent: 30px;
}
/* Further indents third level subheader elements. You can continue this pattern if you have more nested elements. */ .sub-header .sub-header .sub-header {
text-indent: 40px;
}
/* Twitter Bootstrap Override Style */ .nav-list > li > a, .nav-list .nav-header {
margin: 0px;
}
/* Twitter Bootstrap Override Style */ .nav-list > li > a {
padding: 5px;
}
/* Sidenav for Docs ————————————————– */
.bs-docs-sidenav {
margin: 30px 0 0; padding: 0; background-color: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.065); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.065); box-shadow: 0 1px 4px rgba(0,0,0,.065);
} .bs-docs-sidenav > li > a {
display: block; padding: 8px 14px; border: 1px solid #e5e5e5;
} .bs-docs-sidenav.header:first-of-type > li:first-child > a {
-webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0;
} .bs-docs-sidenav:last-of-type > li:last-child > a {
-webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;
} .bs-docs-sidenav > .active > a {
position: relative; z-index: 2; padding: 9px 15px; border: 0; text-shadow: 0 1px 0 rgba(0,0,0,.15); -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1); -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1); box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
} /* Chevrons */ .bs-docs-sidenav .icon-chevron-right {
float: right; margin-top: 6px; margin-right: -6px; opacity: .25;
} .bs-docs-sidenav > li > a:hover {
background-color: #f5f5f5;
} .bs-docs-sidenav a:hover .icon-chevron-right {
opacity: .5;
} .bs-docs-sidenav .active a .icon-chevron-right, .bs-docs-sidenav .active a:hover .icon-chevron-right {
background-image: url(/static/images/glyphicons-halflings-white.png); opacity: 1;
} .bs-docs-sidenav .icon-chevron-right, .bs-docs-sidenav a:hover .icon-chevron-right {
background-image: url(/static/images/glyphicons-halflings.png);
} .bs-docs-sidenav.affix {
top: 40px;
} .bs-docs-sidenav.affix-bottom {
position: absolute; top: auto; bottom: 270px;
}