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.

dark.css 4.9 kB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227
  1. /* Copyright (c) Microsoft Corporation. All Rights Reserved. Licensed under the MIT License. See License.txt in the project root for license information. */
  2. @import url('https://fonts.googleapis.com/css?family=Titillium+Web');
  3. @import url('vs2015.css');
  4. html,
  5. body {
  6. font-family: 'Titillium Web', 'Segoe UI', Tahoma, Helvetica, sans-serif;
  7. height: 100%;
  8. background: #212121;
  9. color: #C0C0C0;
  10. font-size: 15px;
  11. }
  12. button,
  13. a {
  14. color: #64B5F6;
  15. }
  16. button:hover,
  17. button:focus,
  18. a:hover,
  19. a:focus {
  20. color: #2196F3;
  21. }
  22. a.disable,
  23. a.disable:hover {
  24. color: #EEEEEE;
  25. }
  26. .divider {
  27. color: #37474F;
  28. }
  29. hr {
  30. border-color: #37474F;
  31. }
  32. header .navbar {
  33. border-width: 0 0 0px;
  34. border-radius: 0;
  35. }
  36. .subnav {
  37. background: #383838
  38. }
  39. .inheritance h5, .inheritedMembers h5{
  40. border-bottom: 1px solid #37474F;
  41. }
  42. article h4{
  43. border-bottom: 1px solid #37474F;
  44. }
  45. .docs-search {
  46. background: #424242;
  47. }
  48. .search-results-group-heading {
  49. color: #424242;
  50. }
  51. .search-close {
  52. color: #424242;
  53. }
  54. .sidetoc {
  55. background-color: #1b1b1b;
  56. border-left: 0px solid #37474F;
  57. border-right: 0px solid #37474F;
  58. }
  59. .sideaffix{
  60. overflow: visible;
  61. }
  62. .sideaffix > div.contribution > ul > li > a.contribution-link:hover {
  63. background-color: #333333;
  64. }
  65. body .toc{
  66. background-color: inherit;
  67. overflow: visible;
  68. }
  69. .toc .nav > li > a {
  70. color: rgb(218, 218, 218);
  71. }
  72. .toc .nav > li > a:hover,
  73. .toc .nav > li > a:focus {
  74. color: #E0E0E0;
  75. }
  76. .toc .nav > li.active > a {
  77. color: #90CAF9;
  78. }
  79. .toc .nav > li.active > a:hover,
  80. .toc .nav > li.active > a:focus {
  81. background-color: #37474F;
  82. color: #4FC3F7;
  83. }
  84. .sidefilter {
  85. background-color: #1b1b1b;
  86. border-left: 0px solid #37474F;
  87. border-right: 0px solid #37474F;
  88. }
  89. .affix ul > li > a:hover {
  90. background: none;
  91. color: #EEEEEE;
  92. }
  93. .affix ul > li.active > a,
  94. .affix ul > li.active > a:before {
  95. color: #B3E5FC;
  96. }
  97. .affix ul > li > a {
  98. color: #EEEEEE;
  99. }
  100. .affix > ul > li.active > a,
  101. .affix > ul > li.active > a:before {
  102. color: #B3E5FC;
  103. }
  104. .tryspan {
  105. border-color: #37474F;
  106. }
  107. .footer {
  108. border-top: 1px solid #5F5F5F;
  109. background: #616161;
  110. }
  111. .alert-info {
  112. color: #d9edf7;
  113. background: #004458;
  114. border-color: #005873
  115. }
  116. .alert-warning {
  117. color: #fffaf2;
  118. background: #80551a;
  119. border-color: #99661f
  120. }
  121. .alert-danger {
  122. color: #fff2f2;
  123. background: #4d0000;
  124. border-color: #660000
  125. }
  126. /* For tabbed content */
  127. .tabGroup {
  128. margin-top: 1rem; }
  129. .tabGroup ul[role="tablist"] {
  130. margin: 0;
  131. padding: 0;
  132. list-style: none; }
  133. .tabGroup ul[role="tablist"] > li {
  134. list-style: none;
  135. display: inline-block; }
  136. .tabGroup a[role="tab"] {
  137. color: white;
  138. box-sizing: border-box;
  139. display: inline-block;
  140. padding: 5px 7.5px;
  141. text-decoration: none;
  142. border-bottom: 2px solid #fff; }
  143. .tabGroup a[role="tab"]:hover, .tabGroup a[role="tab"]:focus, .tabGroup a[role="tab"][aria-selected="true"] {
  144. border-bottom: 2px solid #607D8B; }
  145. .tabGroup a[role="tab"][aria-selected="true"] {
  146. color: #81D4FA; }
  147. .tabGroup a[role="tab"]:hover, .tabGroup a[role="tab"]:focus {
  148. color: #29B6F6; }
  149. .tabGroup a[role="tab"]:focus {
  150. outline: 1px solid #607D8B;
  151. outline-offset: -1px; }
  152. @media (min-width: 768px) {
  153. .tabGroup a[role="tab"] {
  154. padding: 5px 15px; } }
  155. .tabGroup section[role="tabpanel"] {
  156. border: 1px solid #607D8B;
  157. padding: 15px;
  158. margin: 0;
  159. overflow: hidden; }
  160. .tabGroup section[role="tabpanel"] > .codeHeader,
  161. .tabGroup section[role="tabpanel"] > pre {
  162. margin-left: -16px;
  163. margin-right: -16px; }
  164. .tabGroup section[role="tabpanel"] > :first-child {
  165. margin-top: 0; }
  166. .tabGroup section[role="tabpanel"] > pre:last-child {
  167. display: block;
  168. margin-bottom: -16px; }
  169. .mainContainer[dir='rtl'] main ul[role="tablist"] {
  170. margin: 0; }
  171. /* code */
  172. code {
  173. color:white;
  174. background-color:#4a4c52;
  175. border-radius:4px;
  176. padding: 3px 7px;
  177. }
  178. pre {
  179. background-color: #282a36;
  180. }
  181. /* table */
  182. .table-striped>tbody>tr:nth-of-type(odd) {
  183. background-color:#333333;
  184. color: #d3d3d3
  185. }
  186. tbody>tr {
  187. background-color:#424242;
  188. color: #c0c0c0
  189. }
  190. .table>tbody+tbody {
  191. border-top:2px solid rgb(173, 173, 173)
  192. }
  193. /* select */
  194. select {
  195. display: inline-block;
  196. overflow: auto;
  197. -webkit-box-sizing: border-box;
  198. box-sizing: border-box;
  199. margin: 0;
  200. padding: 0 30px 0 6px;
  201. vertical-align: middle;
  202. height: 28px;
  203. border: 1px solid #e3e3e3;
  204. line-height: 16px;
  205. outline: 0;
  206. text-overflow: ellipsis;
  207. -webkit-appearance: none;
  208. -moz-appearance: none;
  209. cursor: pointer;
  210. background-image: linear-gradient(45deg,transparent 50%,#707070 0),linear-gradient(135deg,#707070 50%,transparent 0);
  211. background-position: calc(100% - 13px) 11px,calc(100% - 8px) 11px;
  212. background-size: 5px 5px,5px 6px;
  213. background-repeat: no-repeat;
  214. background-color: #3b3b3b;
  215. border-color: #2e2e2e;
  216. }