jquery.tocify.css 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. /*
  2. * jquery.tocify.css 1.9.0
  3. * Author: @gregfranko
  4. */
  5. /* The Table of Contents container element */
  6. .tocify {
  7. width: 20%;
  8. max-height: 90%;
  9. overflow: auto;
  10. margin-left: 2%;
  11. position: fixed;
  12. border: 1px solid #ccc;
  13. webkit-border-radius: 6px;
  14. moz-border-radius: 6px;
  15. border-radius: 6px;
  16. }
  17. /* 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. */
  18. .tocify ul, .tocify li {
  19. list-style: none;
  20. margin: 0;
  21. padding: 0;
  22. border: none;
  23. line-height: 30px;
  24. }
  25. /* Top level header elements */
  26. .tocify-header {
  27. text-indent: 10px;
  28. }
  29. /* Top level subheader elements. These are the first nested items underneath a header element. */
  30. .tocify-subheader {
  31. text-indent: 20px;
  32. display: none;
  33. }
  34. /* Makes the font smaller for all subheader elements. */
  35. .tocify-subheader li {
  36. font-size: 12px;
  37. }
  38. /* Further indents second level subheader elements. */
  39. .tocify-subheader .tocify-subheader {
  40. text-indent: 30px;
  41. }
  42. /* Further indents third level subheader elements. You can continue this pattern if you have more nested elements. */
  43. .tocify-subheader .tocify-subheader .tocify-subheader {
  44. text-indent: 40px;
  45. }
  46. /* Twitter Bootstrap Override Style */
  47. .nav-list > li > a, .nav-list .nav-header {
  48. margin: 0px;
  49. }
  50. /* Twitter Bootstrap Override Style */
  51. .nav-list > li > a {
  52. padding: 5px;
  53. }