main.css 7.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386
  1. /**
  2. * Copyright 2015 The Rust Project Developers. See the COPYRIGHT
  3. * file at the top-level directory of this distribution and at
  4. * http://rust-lang.org/COPYRIGHT.
  5. *
  6. * Licensed under the Apache License, Version 2.0 <LICENSE-APACHE or
  7. * http://www.apache.org/licenses/LICENSE-2.0> or the MIT license
  8. * <LICENSE-MIT or http://opensource.org/licenses/MIT>, at your
  9. * option. This file may not be copied, modified, or distributed
  10. * except according to those terms.
  11. */
  12. /* General structure and fonts */
  13. body {
  14. background-color: white;
  15. color: black;
  16. }
  17. h1, h2, h3:not(.impl):not(.method):not(.type):not(.tymethod), h4:not(.method):not(.type):not(.tymethod) {
  18. color: black;
  19. }
  20. h1.fqn {
  21. border-bottom-color: #D5D5D5;
  22. }
  23. h2, h3:not(.impl):not(.method):not(.type):not(.tymethod), h4:not(.method):not(.type):not(.tymethod) {
  24. border-bottom-color: #DDDDDD;
  25. }
  26. .in-band {
  27. background-color: white;
  28. }
  29. .invisible {
  30. background: rgba(0, 0, 0, 0);
  31. }
  32. .docblock code, .docblock-short code {
  33. background-color: #F5F5F5;
  34. }
  35. pre {
  36. background-color: #F5F5F5;
  37. }
  38. .sidebar {
  39. background-color: #F1F1F1;
  40. }
  41. .sidebar .current {
  42. background-color: #fff;
  43. }
  44. .source .sidebar {
  45. background-color: #fff;
  46. }
  47. .sidebar .location {
  48. border-color: #000;
  49. background-color: #fff;
  50. color: #333;
  51. }
  52. .sidebar .version {
  53. border-bottom-color: #DDD;
  54. }
  55. .sidebar-title {
  56. border-top-color: #777;
  57. border-bottom-color: #777;
  58. }
  59. .block a:hover {
  60. background: #F5F5F5;
  61. }
  62. .line-numbers span { color: #c67e2d; }
  63. .line-numbers .line-highlighted {
  64. background-color: #f6fdb0 !important;
  65. }
  66. .docblock h1, .docblock h2, .docblock h3, .docblock h4, .docblock h5 {
  67. border-bottom-color: #DDD;
  68. }
  69. .docblock table {
  70. border-color: #ddd;
  71. }
  72. .docblock table td {
  73. border-top-color: #ddd;
  74. border-bottom-color: #ddd;
  75. }
  76. .docblock table th {
  77. border-top-color: #ddd;
  78. border-bottom-color: #ddd;
  79. }
  80. :target { background: #FDFFD3; }
  81. :target > .in-band {
  82. background: #FDFFD3;
  83. }
  84. .content .method .where,
  85. .content .fn .where,
  86. .content .where.fmt-newline {
  87. color: #4E4C4C;
  88. }
  89. .content .highlighted {
  90. color: #000 !important;
  91. background-color: #ccc;
  92. }
  93. .content .highlighted a, .content .highlighted span { color: #000 !important; }
  94. .content .highlighted.trait { background-color: #c7b6ff; }
  95. .content .highlighted.mod,
  96. .content .highlighted.externcrate { background-color: #afc6e4; }
  97. .content .highlighted.enum { background-color: #b4d1b9; }
  98. .content .highlighted.struct { background-color: #e7b1a0; }
  99. .content .highlighted.union { background-color: #b7bd49; }
  100. .content .highlighted.fn,
  101. .content .highlighted.method,
  102. .content .highlighted.tymethod { background-color: #c6afb3; }
  103. .content .highlighted.type { background-color: #ffc891; }
  104. .content .highlighted.foreigntype { background-color: #f5c4ff; }
  105. .content .highlighted.macro { background-color: #8ce488; }
  106. .content .highlighted.constant,
  107. .content .highlighted.static { background-color: #c3e0ff; }
  108. .content .highlighted.primitive { background-color: #9aecff; }
  109. .content span.enum, .content a.enum, .block a.current.enum { color: #508157; }
  110. .content span.struct, .content a.struct, .block a.current.struct { color: #df3600; }
  111. .content span.type, .content a.type, .block a.current.type { color: #ba5d00; }
  112. .content span.foreigntype, .content a.foreigntype, .block a.current.foreigntype { color: #cd00e2; }
  113. .content span.macro, .content a.macro, .block a.current.macro { color: #068000; }
  114. .content span.union, .content a.union, .block a.current.union { color: #767b27; }
  115. .content span.constant, .content a.constant, .block a.current.constant,
  116. .content span.static, .content a.static, .block a.current.static { color: #546e8a; }
  117. .content span.primitive, .content a.primitive, .block a.current.primitive { color: #2c8093; }
  118. .content span.externcrate,
  119. .content span.mod, .content a.mod, .block a.current.mod { color: #4d76ae; }
  120. .content span.trait, .content a.trait, .block a.current.trait { color: #7c5af3; }
  121. .content span.fn, .content a.fn, .block a.current.fn,
  122. .content span.method, .content a.method, .block a.current.method,
  123. .content span.tymethod, .content a.tymethod, .block a.current.tymethod,
  124. .content .fnname { color: #9a6e31; }
  125. pre.rust .comment { color: #8E908C; }
  126. pre.rust .doccomment { color: #4D4D4C; }
  127. nav {
  128. border-bottom-color: #e0e0e0;
  129. }
  130. nav.main .current {
  131. border-top-color: #000;
  132. border-bottom-color: #000;
  133. }
  134. nav.main .separator {
  135. border: 1px solid #000;
  136. }
  137. a {
  138. color: #000;
  139. }
  140. .docblock a, .docblock-short a, .stability a {
  141. color: #3873AD;
  142. }
  143. a.test-arrow {
  144. color: #f5f5f5;
  145. }
  146. .collapse-toggle {
  147. color: #999;
  148. }
  149. .search-input {
  150. color: #555;
  151. box-shadow: 0 0 0 1px #e0e0e0, 0 0 0 2px transparent;
  152. background-color: white;
  153. }
  154. .search-input:focus {
  155. border-color: #66afe9;
  156. }
  157. .stab.unstable { background: #FFF5D6; border-color: #FFC600; }
  158. .stab.deprecated { background: #F3DFFF; border-color: #7F0087; }
  159. .stab.portability { background: #C4ECFF; border-color: #7BA5DB; }
  160. .module-item .stab {
  161. color: #000;
  162. }
  163. #help > div {
  164. background: #e9e9e9;
  165. border-color: #bfbfbf;
  166. }
  167. .since {
  168. color: grey;
  169. }
  170. tr.result span.primitive::after {
  171. color: black;
  172. }
  173. .line-numbers :target { background-color: transparent; }
  174. /* Code highlighting */
  175. pre.rust .kw { color: #8959A8; }
  176. pre.rust .kw-2, pre.rust .prelude-ty { color: #4271AE; }
  177. pre.rust .number, pre.rust .string { color: #718C00; }
  178. pre.rust .self, pre.rust .bool-val, pre.rust .prelude-val,
  179. pre.rust .attribute, pre.rust .attribute .ident { color: #C82829; }
  180. pre.rust .macro, pre.rust .macro-nonterminal { color: #3E999F; }
  181. pre.rust .lifetime { color: #B76514; }
  182. pre.rust .question-mark {
  183. color: #ff9011;
  184. }
  185. a.test-arrow {
  186. background-color: rgba(78, 139, 202, 0.2);
  187. }
  188. a.test-arrow:hover{
  189. background-color: #4e8bca;
  190. }
  191. .toggle-label {
  192. color: #999;
  193. }
  194. :target > code {
  195. background: #FDFFD3;
  196. }
  197. pre.compile_fail {
  198. border-left: 2px solid rgba(255,0,0,.4);
  199. }
  200. pre.compile_fail:hover, .information:hover + pre.compile_fail {
  201. border-left: 2px solid #f00;
  202. }
  203. pre.ignore {
  204. border-left: 2px solid rgba(255,142,0,.4);
  205. }
  206. pre.ignore:hover, .information:hover + pre.ignore {
  207. border-left: 2px solid #ff9200;
  208. }
  209. .tooltip.compile_fail {
  210. color: rgba(255,0,0,.3);
  211. }
  212. .information > .compile_fail:hover {
  213. color: #f00;
  214. }
  215. .tooltip.ignore {
  216. color: rgba(255,142,0,.3);
  217. }
  218. .information > .ignore:hover {
  219. color: rgba(255,142,0,1);
  220. }
  221. .search-failed > a {
  222. color: #0089ff;
  223. }
  224. .tooltip .tooltiptext {
  225. background-color: black;
  226. color: #fff;
  227. }
  228. .tooltip .tooltiptext::after {
  229. border-color: transparent black transparent transparent;
  230. }
  231. .important-traits .tooltip .tooltiptext {
  232. background-color: white;
  233. color: black;
  234. border-color: black;
  235. }
  236. #titles > div {
  237. border-bottom-color: #ccc;
  238. }
  239. #titles > div.selected {
  240. border-bottom-color: #0078ee;
  241. }
  242. #titles > div:hover {
  243. border-bottom-color: #0089ff;
  244. }
  245. #titles > div > div.count {
  246. color: #888;
  247. }
  248. .modal {
  249. background-color: rgba(0,0,0,0.3);
  250. }
  251. .modal-content {
  252. background-color: #eee;
  253. border-color: #999;
  254. }
  255. .modal-content > .close {
  256. background-color: #eee;
  257. border-color: #999;
  258. }
  259. .modal-content > .close:hover {
  260. background-color: #ff1f1f;
  261. color: white;
  262. }
  263. .modal-content > .whiter {
  264. background-color: #eee;
  265. }
  266. .modal-content > .close:hover + .whiter {
  267. background-color: #ff1f1f;
  268. }
  269. @media (max-width: 700px) {
  270. .sidebar-menu {
  271. background-color: #F1F1F1;
  272. border-bottom-color: #e0e0e0;
  273. border-right-color: #e0e0e0;
  274. }
  275. .sidebar-elems {
  276. background-color: #F1F1F1;
  277. border-right-color: #000;
  278. }
  279. #sidebar-filler {
  280. background-color: #F1F1F1;
  281. border-bottom-color: #e0e0e0;
  282. }
  283. }
  284. kbd {
  285. color: #000;
  286. background-color: #fafbfc;
  287. border-color: #d1d5da;
  288. border-bottom-color: #c6cbd1;
  289. box-shadow-color: #c6cbd1;
  290. }
  291. #theme-picker {
  292. border-color: #e0e0e0;
  293. background-color: #fff;
  294. }
  295. #theme-picker:hover, #theme-picker:focus {
  296. border-color: #717171;
  297. }
  298. #theme-choices {
  299. border-color: #ccc;
  300. background-color: #fff;
  301. }
  302. #theme-choices > button:not(:first-child) {
  303. border-top-color: #e0e0e0;
  304. }
  305. #theme-choices > button:hover, #theme-choices > button:focus {
  306. background-color: #eee;
  307. }
  308. @media (max-width: 700px) {
  309. #theme-picker {
  310. background: #fff;
  311. }
  312. }