jazzy.css 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368
  1. *, *:before, *:after {
  2. box-sizing: inherit; }
  3. body {
  4. margin: 0;
  5. background: #fff;
  6. color: #333;
  7. font: 16px/1.7 "Helvetica Neue", Helvetica, Arial, sans-serif;
  8. letter-spacing: .2px;
  9. -webkit-font-smoothing: antialiased;
  10. box-sizing: border-box; }
  11. h1 {
  12. font-size: 2rem;
  13. font-weight: 700;
  14. margin: 1.275em 0 0.6em; }
  15. h2 {
  16. font-size: 1.75rem;
  17. font-weight: 700;
  18. margin: 1.275em 0 0.3em; }
  19. h3 {
  20. font-size: 1.5rem;
  21. font-weight: 700;
  22. margin: 1em 0 0.3em; }
  23. h4 {
  24. font-size: 1.25rem;
  25. font-weight: 700;
  26. margin: 1.275em 0 0.85em; }
  27. h5 {
  28. font-size: 1rem;
  29. font-weight: 700;
  30. margin: 1.275em 0 0.85em; }
  31. h6 {
  32. font-size: 1rem;
  33. font-weight: 700;
  34. margin: 1.275em 0 0.85em;
  35. color: #777; }
  36. p {
  37. margin: 0 0 1em; }
  38. ul, ol {
  39. padding: 0 0 0 2em;
  40. margin: 0 0 0.85em; }
  41. blockquote {
  42. margin: 0 0 0.85em;
  43. padding: 0 15px;
  44. color: #858585;
  45. border-left: 4px solid #e5e5e5; }
  46. img {
  47. max-width: 100%; }
  48. a {
  49. color: #4183c4;
  50. text-decoration: none; }
  51. a:hover, a:focus {
  52. outline: 0;
  53. text-decoration: underline; }
  54. table {
  55. background: #fff;
  56. width: 100%;
  57. border-collapse: collapse;
  58. border-spacing: 0;
  59. overflow: auto;
  60. margin: 0 0 0.85em; }
  61. tr:nth-child(2n) {
  62. background-color: #fbfbfb; }
  63. th, td {
  64. padding: 6px 13px;
  65. border: 1px solid #ddd; }
  66. pre {
  67. margin: 0 0 1.275em;
  68. padding: .85em 1em;
  69. overflow: auto;
  70. background: #f7f7f7;
  71. font-size: .85em;
  72. font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; }
  73. code {
  74. font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; }
  75. p > code, li > code {
  76. background: #f7f7f7;
  77. padding: .2em; }
  78. p > code:before, p > code:after, li > code:before, li > code:after {
  79. letter-spacing: -.2em;
  80. content: "\00a0"; }
  81. pre code {
  82. padding: 0;
  83. white-space: pre; }
  84. .content-wrapper {
  85. display: flex;
  86. flex-direction: column; }
  87. @media (min-width: 768px) {
  88. .content-wrapper {
  89. flex-direction: row; } }
  90. .header {
  91. display: flex;
  92. padding: 8px;
  93. font-size: 0.875em;
  94. background: #444;
  95. color: #999; }
  96. .header-col {
  97. margin: 0;
  98. padding: 0 8px; }
  99. .header-col--primary {
  100. flex: 1; }
  101. .header-link {
  102. color: #fff; }
  103. .header-icon {
  104. padding-right: 6px;
  105. vertical-align: -4px;
  106. height: 16px; }
  107. .breadcrumbs {
  108. font-size: 0.875em;
  109. padding: 8px 16px;
  110. margin: 0;
  111. background: #fbfbfb;
  112. border-bottom: 1px solid #ddd; }
  113. .carat {
  114. height: 10px;
  115. margin: 0 5px; }
  116. .navigation {
  117. order: 2; }
  118. @media (min-width: 768px) {
  119. .navigation {
  120. order: 1;
  121. width: 25%;
  122. max-width: 300px;
  123. padding-bottom: 64px;
  124. overflow: hidden;
  125. word-wrap: normal;
  126. background: #fbfbfb;
  127. border-right: 1px solid #ddd; } }
  128. .nav-groups {
  129. list-style-type: none;
  130. padding-left: 0; }
  131. .nav-group-name {
  132. border-bottom: 1px solid #ddd;
  133. padding: 8px 0 8px 16px; }
  134. .nav-group-name-link {
  135. color: #333; }
  136. .nav-group-tasks {
  137. margin: 8px 0;
  138. padding: 0 0 0 8px; }
  139. .nav-group-task {
  140. font-size: 1em;
  141. list-style-type: none;
  142. white-space: nowrap; }
  143. .nav-group-task-link {
  144. color: #808080; }
  145. .main-content {
  146. order: 1; }
  147. @media (min-width: 768px) {
  148. .main-content {
  149. order: 2;
  150. flex: 1;
  151. padding-bottom: 60px; } }
  152. .section {
  153. padding: 0 32px;
  154. border-bottom: 1px solid #ddd; }
  155. .section-content {
  156. max-width: 834px;
  157. margin: 0 auto;
  158. padding: 16px 0; }
  159. .section-name {
  160. color: #666;
  161. display: block; }
  162. .declaration .highlight {
  163. overflow-x: initial;
  164. padding: 8px 0;
  165. margin: 0;
  166. background-color: transparent;
  167. border: none; }
  168. .task-group-section {
  169. border-top: 1px solid #ddd; }
  170. .task-group {
  171. padding-top: 0px; }
  172. .task-name-container a[name]:before {
  173. content: "";
  174. display: block; }
  175. .item-container {
  176. padding: 0; }
  177. .item {
  178. padding-top: 8px;
  179. width: 100%;
  180. list-style-type: none; }
  181. .item a[name]:before {
  182. content: "";
  183. display: block; }
  184. .item .token {
  185. padding-left: 3px;
  186. margin-left: 0px;
  187. font-size: 1rem; }
  188. .item .declaration-note {
  189. font-size: .85em;
  190. color: #808080;
  191. font-style: italic; }
  192. .pointer-container {
  193. border-bottom: 1px solid #ddd;
  194. left: -23px;
  195. padding-bottom: 13px;
  196. position: relative;
  197. width: 110%; }
  198. .pointer {
  199. left: 21px;
  200. top: 7px;
  201. display: block;
  202. position: absolute;
  203. width: 12px;
  204. height: 12px;
  205. border-left: 1px solid #ddd;
  206. border-top: 1px solid #ddd;
  207. background: #fff;
  208. transform: rotate(45deg); }
  209. .height-container {
  210. display: none;
  211. position: relative;
  212. width: 100%;
  213. overflow: hidden; }
  214. .height-container .section {
  215. background: #fff;
  216. border: 1px solid #ddd;
  217. border-top-width: 0;
  218. padding-top: 10px;
  219. padding-bottom: 5px;
  220. padding: 8px 16px; }
  221. .aside, .language {
  222. padding: 6px 12px;
  223. margin: 12px 0;
  224. border-left: 5px solid #dddddd;
  225. overflow-y: hidden; }
  226. .aside .aside-title, .language .aside-title {
  227. font-size: 9px;
  228. letter-spacing: 2px;
  229. text-transform: uppercase;
  230. padding-bottom: 0;
  231. margin: 0;
  232. color: #aaa;
  233. -webkit-user-select: none; }
  234. .aside p:last-child, .language p:last-child {
  235. margin-bottom: 0; }
  236. .language {
  237. border-left: 5px solid #cde9f4; }
  238. .language .aside-title {
  239. color: #4183c4; }
  240. .aside-warning {
  241. border-left: 5px solid #ff6666; }
  242. .aside-warning .aside-title {
  243. color: #ff0000; }
  244. .graybox {
  245. border-collapse: collapse;
  246. width: 100%; }
  247. .graybox p {
  248. margin: 0;
  249. word-break: break-word;
  250. min-width: 50px; }
  251. .graybox td {
  252. border: 1px solid #ddd;
  253. padding: 5px 25px 5px 10px;
  254. vertical-align: middle; }
  255. .graybox tr td:first-of-type {
  256. text-align: right;
  257. padding: 7px;
  258. vertical-align: top;
  259. word-break: normal;
  260. width: 40px; }
  261. .slightly-smaller {
  262. font-size: 0.9em; }
  263. .footer {
  264. padding: 8px 16px;
  265. background: #444;
  266. color: #ddd;
  267. font-size: 0.8em; }
  268. .footer p {
  269. margin: 8px 0; }
  270. .footer a {
  271. color: #fff; }
  272. html.dash .header, html.dash .breadcrumbs, html.dash .navigation {
  273. display: none; }
  274. html.dash .height-container {
  275. display: block; }
  276. form[role=search] input {
  277. font: 16px/1.7 "Helvetica Neue", Helvetica, Arial, sans-serif;
  278. font-size: 14px;
  279. line-height: 24px;
  280. padding: 0 10px;
  281. margin: 0;
  282. border: none;
  283. border-radius: 1em; }
  284. .loading form[role=search] input {
  285. background: white url(../img/spinner.gif) center right 4px no-repeat; }
  286. form[role=search] .tt-menu {
  287. margin: 0;
  288. min-width: 300px;
  289. background: #fbfbfb;
  290. color: #333;
  291. border: 1px solid #ddd; }
  292. form[role=search] .tt-highlight {
  293. font-weight: bold; }
  294. form[role=search] .tt-suggestion {
  295. font: 16px/1.7 "Helvetica Neue", Helvetica, Arial, sans-serif;
  296. padding: 0 8px; }
  297. form[role=search] .tt-suggestion span {
  298. display: table-cell;
  299. white-space: nowrap; }
  300. form[role=search] .tt-suggestion .doc-parent-name {
  301. width: 100%;
  302. text-align: right;
  303. font-weight: normal;
  304. font-size: 0.9em;
  305. padding-left: 16px; }
  306. form[role=search] .tt-suggestion:hover,
  307. form[role=search] .tt-suggestion.tt-cursor {
  308. cursor: pointer;
  309. background-color: #4183c4;
  310. color: #fff; }
  311. form[role=search] .tt-suggestion:hover .doc-parent-name,
  312. form[role=search] .tt-suggestion.tt-cursor .doc-parent-name {
  313. color: #fff; }