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;

}