You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

201 lines
3.3 KiB

  1. body {
  2. color: #34393e;
  3. font-family: 'Roboto', sans-serif;
  4. line-height: 1.5;
  5. font-size: 16px;
  6. -ms-text-size-adjust: 100%;
  7. -webkit-text-size-adjust: 100%;
  8. word-wrap: break-word
  9. }
  10. /* HEADINGS */
  11. h1 {
  12. font-weight: 600;
  13. font-size: 32px;
  14. }
  15. h2 {
  16. font-weight: 600;
  17. font-size: 24px;
  18. line-height: 1.8;
  19. }
  20. h3 {
  21. font-weight: 600;
  22. font-size: 20px;
  23. line-height: 1.8;
  24. }
  25. h5 {
  26. font-size: 14px;
  27. padding: 10px 0px;
  28. }
  29. article h1,
  30. article h2,
  31. article h3,
  32. article h4 {
  33. margin-top: 35px;
  34. margin-bottom: 15px;
  35. }
  36. article h4 {
  37. padding-bottom: 8px;
  38. border-bottom: 2px solid #ddd;
  39. }
  40. /* NAVBAR */
  41. .navbar-brand>img {
  42. color: #fff;
  43. }
  44. .navbar {
  45. border: none;
  46. /* Both navbars use box-shadow */
  47. -webkit-box-shadow: 0px 1px 3px 0px rgba(100, 100, 100, 0.5);
  48. -moz-box-shadow: 0px 1px 3px 0px rgba(100, 100, 100, 0.5);
  49. box-shadow: 0px 1px 3px 0px rgba(100, 100, 100, 0.5);
  50. }
  51. .subnav {
  52. border-top: 1px solid #ddd;
  53. background-color: #fff;
  54. }
  55. .navbar-inverse {
  56. background-color: #0d47a1;
  57. z-index: 100;
  58. }
  59. .navbar-inverse .navbar-nav>li>a,
  60. .navbar-inverse .navbar-text {
  61. color: #fff;
  62. background-color: #0d47a1;
  63. border-bottom: 3px solid transparent;
  64. padding-bottom: 12px;
  65. }
  66. .navbar-inverse .navbar-nav>li>a:focus,
  67. .navbar-inverse .navbar-nav>li>a:hover {
  68. color: #fff;
  69. background-color: #0d47a1;
  70. border-bottom: 3px solid white;
  71. }
  72. .navbar-inverse .navbar-nav>.active>a,
  73. .navbar-inverse .navbar-nav>.active>a:focus,
  74. .navbar-inverse .navbar-nav>.active>a:hover {
  75. color: #fff;
  76. background-color: #0d47a1;
  77. border-bottom: 3px solid white;
  78. }
  79. .navbar-form .form-control {
  80. border: none;
  81. border-radius: 20px;
  82. }
  83. /* SIDEBAR */
  84. .toc .level1>li {
  85. font-weight: 400;
  86. }
  87. .toc .nav>li>a {
  88. color: #34393e;
  89. }
  90. .sidefilter {
  91. background-color: #fff;
  92. border-left: none;
  93. border-right: none;
  94. }
  95. .sidefilter {
  96. background-color: #fff;
  97. border-left: none;
  98. border-right: none;
  99. }
  100. .toc-filter {
  101. padding: 10px;
  102. margin: 0;
  103. }
  104. .toc-filter>input {
  105. border: 2px solid #ddd;
  106. border-radius: 20px;
  107. }
  108. .toc-filter>.filter-icon {
  109. display: none;
  110. }
  111. .sidetoc>.toc {
  112. background-color: #fff;
  113. overflow-x: hidden;
  114. }
  115. .sidetoc {
  116. background-color: #fff;
  117. border: none;
  118. }
  119. /* ALERTS */
  120. .alert {
  121. padding: 0px 0px 5px 0px;
  122. color: inherit;
  123. background-color: inherit;
  124. border: none;
  125. box-shadow: 0px 2px 2px 0px rgba(100, 100, 100, 0.4);
  126. }
  127. .alert>p {
  128. margin-bottom: 0;
  129. padding: 5px 10px;
  130. }
  131. .alert>ul {
  132. margin-bottom: 0;
  133. padding: 5px 40px;
  134. }
  135. .alert>h5 {
  136. padding: 10px 15px;
  137. margin-top: 0;
  138. text-transform: uppercase;
  139. font-weight: bold;
  140. border-radius: 4px 4px 0 0;
  141. }
  142. .alert-info>h5 {
  143. color: #1976d2;
  144. border-bottom: 4px solid #1976d2;
  145. background-color: #e3f2fd;
  146. }
  147. .alert-warning>h5 {
  148. color: #f57f17;
  149. border-bottom: 4px solid #f57f17;
  150. background-color: #fff3e0;
  151. }
  152. .alert-danger>h5 {
  153. color: #d32f2f;
  154. border-bottom: 4px solid #d32f2f;
  155. background-color: #ffebee;
  156. }
  157. /* CODE HIGHLIGHT */
  158. pre {
  159. padding: 9.5px;
  160. margin: 0 0 10px;
  161. font-size: 13px;
  162. word-break: break-all;
  163. word-wrap: break-word;
  164. background-color: #fffaef;
  165. border-radius: 4px;
  166. box-shadow: 0px 1px 4px 1px rgba(100, 100, 100, 0.4);
  167. }