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
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335
  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: #404040;
  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: #3e3a3a;
  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: #e3e3e3;
  145. }
  146. .menu-vertical li.current {
  147. background-color: #fff;
  148. }
  149. .menu-vertical ul.current {
  150. background-color: #3e3a3a;
  151. }
  152. .menu-vertical li.current a {
  153. color: #777;
  154. }
  155. .menu-vertical li.current.tocentry > a, .menu-vertical li.current > a {
  156. color: #444;
  157. }
  158. .menu-vertical li.current.tocentry ul li > a {
  159. color: #777;
  160. }
  161. .menu-vertical a {
  162. color: #ccc;
  163. }
  164. .menu-vertical a:hover, .menu-vertical li.on a:hover {
  165. color: #ccc;
  166. }
  167. .menu-vertical span, .menu-vertical span > a {
  168. color: #999;
  169. }
  170. .nav-side {
  171. background: #343131;
  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)