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

theme_colors.css 4.7 kB

10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334
  1. /*
  2. This is the color css for the theme. Colors are defined here instead of in the main file, so they can be easier adjusted.
  3. To adjust a color, you can change it below or opt for a separate css file to overwrite the color definition. Include that
  4. css file after this file in the page template.
  5. */
  6. a {
  7. color: #2980B9;
  8. }
  9. a:hover, a:visited:hover {
  10. color: #65bffa;
  11. }
  12. a:visited {
  13. color: #2980B9;
  14. }
  15. body {
  16. color: #222;
  17. }
  18. code, pre.nocode {
  19. background: #fff;
  20. border: solid 1px #e1e4e5;
  21. }
  22. footer {
  23. color: #999;
  24. }
  25. hr {
  26. border-top-color: #e1e4e5;
  27. }
  28. input[type="text"] {
  29. border-color: #ccc;
  30. border-radius: 0;
  31. }
  32. ins {
  33. background: #ff9;
  34. color: #000;
  35. }
  36. label {
  37. color: #999;
  38. }
  39. mark {
  40. background: #ff0;
  41. color: #000;
  42. }
  43. /* #endregion*/
  44. /* #region general classes */
  45. .no-highlight {
  46. color: #333;
  47. }
  48. .toc-footer hr {
  49. border-color: #ccc;
  50. }
  51. /* #endregion */
  52. /* #region Alert boxes*/
  53. .alert {
  54. background: #e7f2fa;
  55. }
  56. .alert-title {
  57. color: #fff;
  58. background: #6ab0de;
  59. }
  60. .alert.alert-danger {
  61. background: #fdf3f2;
  62. }
  63. .alert.alert-danger .alert-title {
  64. background: #f29f97;
  65. }
  66. .alert.alert-warning {
  67. background: #ffedcc;
  68. }
  69. .alert.alert-warning .alert-title {
  70. background: #f0b37e;
  71. }
  72. .alert.alert-info {
  73. background: #e7f2fa;
  74. }
  75. .alert.alert-info .alert-title {
  76. background: #6ab0de;
  77. }
  78. .alert.alert-neutral {
  79. background: #f3f6f6;
  80. }
  81. .alert.alert-neutral .alert-title {
  82. color: #404040;
  83. background: #e1e4e5;
  84. }
  85. .alert.alert-neutral a {
  86. color: #2980B9;
  87. }
  88. .alert.alert-tip {
  89. background:#dbfaf4;
  90. }
  91. .alert.alert-tip .alert-title {
  92. background:#1abc9c;
  93. }
  94. /* #endregion*/
  95. /* #region Tables*/
  96. .table caption {
  97. color: #000;
  98. }
  99. .table thead {
  100. color: #000;
  101. }
  102. .table thead th {
  103. border-bottom-color: #e1e4e5;
  104. }
  105. .table-secondary {
  106. color: gray;
  107. }
  108. .table-tertiary {
  109. color: gray;
  110. }
  111. .table-odd td, .table-striped tr:nth-child(2n-1) td {
  112. background-color: #f3f6f6;
  113. }
  114. .table-backed {
  115. background-color: #f3f6f6;
  116. }
  117. .table-bordered-all {
  118. border-color: #e1e4e5;
  119. }
  120. .table-bordered-all td {
  121. border-bottom-color: #e1e4e5;
  122. border-left-color: #e1e4e5;
  123. }
  124. .table-bordered {
  125. border-color: #e1e4e5;
  126. }
  127. .table-bordered-rows td {
  128. border-bottom-color: #e1e4e5;
  129. }
  130. .table-horizontal td, .table-horizontal th {
  131. border-bottom-color: #e1e4e5;
  132. }
  133. /* #endregion*/
  134. /* #region Breadcrumbs*/
  135. .breadcrumbs-extra {
  136. color: #b3b3b3;
  137. }
  138. /* #endregion*/
  139. /* #region Navigation */
  140. .menu-vertical header {
  141. color: #2980B9;
  142. }
  143. .menu-vertical ul.currentrelative, .menu-vertical ul.currentrelativeroot {
  144. background-color: #fcfcfc;
  145. }
  146. .menu-vertical li.current {
  147. background-color: #fcfcfc;
  148. }
  149. .menu-vertical ul.current {
  150. background-color: #fcfcfc;
  151. }
  152. .menu-vertical li.current a {
  153. color: #6b6b6b;
  154. }
  155. .menu-vertical li.current.tocentry > a, .menu-vertical li.current > a {
  156. color: #6b6b6b;
  157. }
  158. .menu-vertical li.current.tocentry ul li > a {
  159. color: #6b6b6b;
  160. }
  161. .menu-vertical a {
  162. color: #6b6b6b;
  163. }
  164. .menu-vertical a:hover, .menu-vertical li.on a:hover {
  165. color: #999;
  166. }
  167. .menu-vertical span, .menu-vertical span > a {
  168. color: #6b6b6b;
  169. }
  170. .nav-side {
  171. background: #eee;
  172. }
  173. .nav-top {
  174. background: #2980B9;
  175. color: #fff;
  176. }
  177. .nav-top a {
  178. color: #fff;
  179. }
  180. .nav-top img {
  181. background-color: #2980B9;
  182. }
  183. .nav-content-wrap {
  184. background: #fcfcfc;
  185. }
  186. .side-nav-search {
  187. background-color: #2980B9;
  188. color: #fcfcfc;
  189. }
  190. .side-nav-search input[type=text] {
  191. border-color: #2472a4;
  192. }
  193. .side-nav-search img {
  194. background-color: #2980B9;
  195. }
  196. .side-nav-search > a, .side-nav-search .dropdown > a {
  197. color: #fcfcfc;
  198. }
  199. .side-nav-search > a:hover, .side-nav-search .dropdown > a:hover {
  200. background: rgba(255,255,255,0.1);
  201. }
  202. .nav .menu-vertical a {
  203. color: #b3b3b3;
  204. }
  205. /* #endregion*/
  206. /* #region Tabs*/
  207. /*
  208. Tab CSS by Joseph Fusco. http://codepen.io/fusco/pen/Wvzjrm, slightly adjusted to remove the round corners.
  209. Shadow colors are defined in theme.css, as they can only be defined with the shadow definition directly.
  210. */
  211. .tab-wrap {
  212. background-color: #fff;
  213. }
  214. .tab:checked + label {
  215. background-color: #fff;
  216. }
  217. .tab + label {
  218. color: #222;
  219. background-color: #f2f2f2;
  220. }
  221. .tab + label:hover {
  222. background-color: #f9f9f9;
  223. }
  224. /* #endregion*/
  225. /* #region media queries*/
  226. @media screen and (max-width: 768px) {
  227. .body-for-nav {
  228. background: #fcfcfc;
  229. }
  230. }
  231. @media screen and (min-width: 1400px) {
  232. .nav-content-wrap {
  233. background: rgba(0,0,0,0.05);
  234. }
  235. .nav-content {
  236. background: #fcfcfc;
  237. }
  238. }
  239. /* #endregion */
  240. /* #region Search results */
  241. #search-results .search li {
  242. border-bottom-color: #e1e4e5;
  243. }
  244. #search-results .search li:first-child {
  245. border-top-color: #e1e4e5;
  246. }
  247. #search-results .context {
  248. color: gray;
  249. }
  250. #mkdocs-search-results article h3
  251. {
  252. border-top-color: #E1E4E5;
  253. }
  254. #mkdocs-search-query{
  255. border-color: #D1D4D5;
  256. }
  257. /* #endregion */

No Description

Contributors (1)