base.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. body {
  2. padding-top: 70px;
  3. }
  4. ul.nav li.main {
  5. font-weight: bold;
  6. }
  7. div.col-md-3 {
  8. padding-left: 0;
  9. }
  10. div.source-links {
  11. float: right;
  12. }
  13. /*
  14. * Side navigation
  15. *
  16. * Scrollspy and affixed enhanced navigation to highlight sections and secondary
  17. * sections of docs content.
  18. */
  19. /* By default it's not affixed in mobile views, so undo that */
  20. .bs-sidebar {
  21. overflow-y: scroll;
  22. max-height: 86%;
  23. overflow-x: hidden;
  24. }
  25. .bs-sidebar.affix {
  26. position: static;
  27. }
  28. .bs-sidebar.well {
  29. padding: 0;
  30. }
  31. /* First level of nav */
  32. .bs-sidenav {
  33. margin-top: 30px;
  34. margin-bottom: 30px;
  35. padding-top: 10px;
  36. padding-bottom: 10px;
  37. border-radius: 5px;
  38. }
  39. /* All levels of nav */
  40. .bs-sidebar .nav > li > a {
  41. display: block;
  42. padding: 5px 20px;
  43. }
  44. .bs-sidebar .nav > li > a:hover,
  45. .bs-sidebar .nav > li > a:focus {
  46. text-decoration: none;
  47. border-right: 1px solid;
  48. }
  49. .bs-sidebar .nav > .active > a,
  50. .bs-sidebar .nav > .active:hover > a,
  51. .bs-sidebar .nav > .active:focus > a {
  52. font-weight: bold;
  53. background-color: transparent;
  54. border-right: 1px solid;
  55. }
  56. /* Nav: second level (shown on .active) */
  57. .bs-sidebar .nav .nav {
  58. display: none; /* Hide by default, but at >768px, show it */
  59. margin-bottom: 8px;
  60. }
  61. .bs-sidebar .nav .nav > li > a {
  62. padding-top: 3px;
  63. padding-bottom: 3px;
  64. padding-left: 30px;
  65. font-size: 90%;
  66. }
  67. /* Show and affix the side nav when space allows it */
  68. @media (min-width: 992px) {
  69. .bs-sidebar .nav > .active > ul {
  70. display: block;
  71. }
  72. /* Widen the fixed sidebar */
  73. .bs-sidebar.affix,
  74. .bs-sidebar.affix-bottom {
  75. width: 213px;
  76. }
  77. .bs-sidebar.affix {
  78. position: fixed; /* Undo the static from mobile first approach */
  79. top: 80px;
  80. }
  81. .bs-sidebar.affix-bottom {
  82. position: absolute; /* Undo the static from mobile first approach */
  83. }
  84. .bs-sidebar.affix-bottom .bs-sidenav,
  85. .bs-sidebar.affix .bs-sidenav {
  86. margin-top: 0;
  87. margin-bottom: 0;
  88. }
  89. }
  90. @media (min-width: 1200px) {
  91. /* Widen the fixed sidebar again */
  92. .bs-sidebar.affix-bottom,
  93. .bs-sidebar.affix {
  94. width: 263px;
  95. }
  96. }