doc.css 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189
  1. body {
  2. line-height: 1.6;
  3. }
  4. .content {
  5. max-width: 65em;
  6. padding: 15px 5%;
  7. }
  8. .content > div {
  9. margin-bottom: 4em;
  10. }
  11. .self-detail {
  12. margin-bottom: 2em;
  13. }
  14. /* detail */
  15. .content .detail > div {
  16. margin-left: 0;
  17. }
  18. .content .detail h4 + :not(pre) {
  19. margin-left: 0;
  20. }
  21. .content .detail {
  22. margin-top: 2em;
  23. }
  24. .content .detail + .detail {
  25. border-top: 1px solid #f5f5f5;
  26. }
  27. .content .detail + .detail h3 {
  28. padding-top: 3em;
  29. }
  30. .content .detail > h3 {
  31. color: #4d4e53;
  32. margin-top: 0;
  33. }
  34. /* table styling */
  35. table.params tr:hover td,
  36. table.summary tr:hover td {
  37. background: #F5F5F5;
  38. }
  39. table.params td,
  40. table.summary td {
  41. border: 2px solid #fff;
  42. background: #FAFAFA;
  43. padding: 0.25em;
  44. vertical-align: baseline;
  45. }
  46. table.summary thead {
  47. background: transparent;
  48. }
  49. /* Property tables should follow some sort of grid */
  50. div[data-ice="properties"] td:nth-child(1) {
  51. width: 10% !important;
  52. }
  53. div[data-ice="properties"] td:nth-child(2),
  54. div[data-ice="properties"] td:nth-child(3) {
  55. width: 20% !important;
  56. }
  57. div[data-ice="properties"] td:nth-child(4) {
  58. width: 50% !important;
  59. }
  60. /* headings */
  61. h1,
  62. .github-markdown h1 a {
  63. font-weight: normal;
  64. border-bottom: 0;
  65. margin-bottom: 1.5em;
  66. font-size: 2.5rem;
  67. }
  68. h2,
  69. .github-markdown h2 {
  70. font-size: 1.5rem;
  71. border-bottom: 0;
  72. border-top: 4px solid #f5f5f5;
  73. padding-top: 1em;
  74. margin-top: 1em;
  75. margin-bottom: 1em;
  76. }
  77. h3 {
  78. font-size: 1.25em;
  79. background: transparent;
  80. padding: 0;
  81. }
  82. h3 [data-ice="name"] {
  83. font-weight: 600;
  84. }
  85. h4,
  86. table.summary thead {
  87. font-weight: 600;
  88. text-transform: uppercase;
  89. font-size: 0.75rem;
  90. letter-spacing: 0.075em;
  91. color: #555;
  92. }
  93. /* misc & type */
  94. .access {
  95. font-style: italic;
  96. opacity: 0.5;
  97. }
  98. .abstract {
  99. font-style: italic;
  100. color: #009800;
  101. }
  102. *[data-ice="appendix"] li {
  103. margin: 0;
  104. }
  105. p {
  106. line-height: inherit;
  107. margin-bottom: 1em;
  108. }
  109. /* links */
  110. a,
  111. .inherited-summary thead a {
  112. color: #528DD9;
  113. border-bottom: 1px solid #DDEBFE;
  114. }
  115. a:hover,
  116. a:focus,
  117. a:active,
  118. .inherited-summary thead a:hover,
  119. .inherited-summary thead a:focus,
  120. .inherited-summary thead a:active {
  121. color: #4271ae;
  122. border-bottom-color: #4271ae;
  123. }
  124. /* sidebar */
  125. .navigation {
  126. border: 0;
  127. }
  128. .navigation li a {
  129. border: 0;
  130. }
  131. .navigation li a:hover,
  132. .navigation li a:focus,
  133. .navigation li a:active {
  134. color: #333;
  135. }
  136. .navigation *[data-ice="kind"] {
  137. line-height: 1.25em;
  138. }
  139. /* active state for sections */
  140. .inner-link-active {
  141. background: transparent;
  142. }
  143. .inner-link-active::before {
  144. content: '';
  145. display: block;
  146. height: 0.5em;
  147. width: 0.5em;
  148. background: #009800;
  149. position: absolute;
  150. left: -1.5em;
  151. top: 0.5em;
  152. }
  153. /* position for other than the first detail container */
  154. .content .detail + .detail .inner-link-active::before {
  155. top: 3.5em;
  156. }
  157. /* search */
  158. .search-box.active .search-input-edge {
  159. display: none;
  160. }
  161. .search-box {
  162. font-size: 0.85rem;
  163. }
  164. .search-result {
  165. height: auto;
  166. max-height: 90vh;
  167. white-space: normal;
  168. box-shadow: -2px 5px 10px rgba(0,0,0,.05);
  169. border: 1px solid #ddd;
  170. border-top: 0;
  171. }
  172. .search-result li a {
  173. border: 0;
  174. overflow: hidden;
  175. text-overflow: ellipsis;
  176. }
  177. .search-result li.search-separator {
  178. background: #4d4e53;
  179. }