main.css 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
  1. /* http://meyerweb.com/eric/tools/css/reset/
  2. v2.0 | 20110126
  3. License: none (public domain)
  4. */
  5. html, body, div, span, applet, object, iframe,
  6. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  7. a, abbr, acronym, address, big, cite, code,
  8. del, dfn, em, img, ins, kbd, q, s, samp,
  9. small, strike, strong, sub, sup, tt, var,
  10. b, u, i, center,
  11. dl, dt, dd, ol, ul, li,
  12. fieldset, form, label, legend,
  13. table, caption, tbody, tfoot, thead, tr, th, td,
  14. article, aside, canvas, details, embed,
  15. figure, figcaption, footer, header, hgroup,
  16. menu, nav, output, ruby, section, summary,
  17. time, mark, audio, video {
  18. margin: 0;
  19. padding: 0;
  20. border: 0;
  21. font-size: 100%;
  22. font: inherit;
  23. vertical-align: baseline;
  24. }
  25. /* HTML5 display-role reset for older browsers */
  26. article, aside, details, figcaption, figure,
  27. footer, header, hgroup, menu, nav, section {
  28. display: block;
  29. }
  30. body {
  31. line-height: 1;
  32. }
  33. ol, ul {
  34. list-style: none;
  35. }
  36. blockquote, q {
  37. quotes: none;
  38. }
  39. blockquote:before, blockquote:after,
  40. q:before, q:after {
  41. content: '';
  42. content: none;
  43. }
  44. table {
  45. border-collapse: collapse;
  46. border-spacing: 0;
  47. }
  48. [hidden] {
  49. display: none;
  50. }
  51. html {
  52. font-family: 'Poppins', sans-serif;
  53. }
  54. * {
  55. box-sizing: border-box;
  56. }
  57. /* Custom Styles */
  58. p, li {
  59. font-size: 15px;
  60. line-height: 1.7;
  61. font-weight: 300;
  62. }
  63. p {
  64. padding: 10px 0;
  65. }
  66. ul {
  67. padding: 10px 0;
  68. }
  69. strong {
  70. font-weight: bold;
  71. color: #cc33ff;
  72. }
  73. li {
  74. list-style-type: disc;
  75. list-style-position: inside;
  76. padding: 8px 0;
  77. }
  78. .documentation h1 {
  79. font-size: 42px;
  80. font-weight: 600;
  81. padding: 30px 0 10px;
  82. }
  83. .documentation h2 {
  84. font-size: 22px;
  85. font-weight: 300;
  86. }
  87. .documentation h3 {
  88. color: #cc33ff;
  89. font-size: 22px;
  90. padding: 30px 0 5px;
  91. font-weight: 500;
  92. }
  93. .documentation h4 {
  94. font-weight: 600;
  95. padding: 20px 0 5px;
  96. }
  97. .documentation p {
  98. display: inline-block;
  99. }
  100. /* overriding some prism background styles */
  101. :not(pre) > code[class*="language-"], pre[class*="language-"] {
  102. border-radius: 4px;
  103. background-color: #413844;
  104. font-size: 13px;
  105. }
  106. /* in text code styling */
  107. :not(pre) > code[class*="language-text"] {
  108. background-color: #cc8bd81a;
  109. color: #413844;
  110. padding: 2px 6px;
  111. border-radius: 0;
  112. font-size: 14px;
  113. font-weight: bold;
  114. border-radius: 1px;
  115. display: inline-block;
  116. }
  117. a > code[class*="language-text"], .documentation a {
  118. color: #fb3b49;
  119. font-weight: 600;
  120. }
  121. p > code[class*="language-text"] {
  122. display: inline-block;
  123. }
  124. .documentation h1::before {
  125. content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 27 26'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='18.13' x2='25.6' y1='13.48' y2='13.48' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fb8817'/%3E%3Cstop offset='.37' stop-color='%23fb8719'/%3E%3Cstop offset='.51' stop-color='%23fa8420'/%3E%3Cstop offset='.61' stop-color='%23f9802c'/%3E%3Cstop offset='.69' stop-color='%23f7793d'/%3E%3Cstop offset='.76' stop-color='%23f47053'/%3E%3Cstop offset='.82' stop-color='%23f1656e'/%3E%3Cstop offset='.87' stop-color='%23ed578f'/%3E%3Cstop offset='.92' stop-color='%23e948b5'/%3E%3Cstop offset='.97' stop-color='%23e437de'/%3E%3Cstop offset='1' stop-color='%23e02aff'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='17.89' x2='25.84' y1='13.48' y2='13.48' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23fb8817'/%3E%3Cstop offset='1' stop-color='%23e02aff'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='1' x2='18.69' y1='17.84' y2='17.84' xlink:href='%23a'/%3E%3ClinearGradient id='d' x1='.76' x2='18.93' y1='17.84' y2='17.84' xlink:href='%23b'/%3E%3ClinearGradient id='e' x1='1' x2='20.48' y1='7.33' y2='7.33' xlink:href='%23a'/%3E%3ClinearGradient id='f' x1='.76' x2='20.72' y1='7.33' y2='7.33' xlink:href='%23b'/%3E%3C/defs%3E%3Cpath fill='url(%23a)' stroke='url(%23b)' stroke-miterlimit='10' stroke-width='.48' d='M18.53 24.24a.28.28 0 01-.34-.41L25 14.06l-5-11a.28.28 0 11.5-.23L25.58 14a.28.28 0 010 .28l-6.91 9.9a.28.28 0 01-.14.06z'/%3E%3Cpath fill='url(%23c)' stroke='url(%23d)' stroke-miterlimit='10' stroke-width='.48' d='M18.53 24.24a.28.28 0 01-.14 0l-12-1.15a.28.28 0 01-.23-.09L1 11.81a.28.28 0 11.5-.23l5.07 11L18 23.68 13 13a.28.28 0 11.5-.23l5.12 11.12a.28.28 0 01-.09.35z'/%3E%3Cpath fill='url(%23e)' stroke='url(%23f)' stroke-miterlimit='10' stroke-width='.48' d='M13.4 13.12a.25.25 0 01-.14 0L1.25 12a.28.28 0 01-.2-.44L8 1.64a.28.28 0 01.25-.12l12 1.18a.28.28 0 01.2.44L13.51 13a.25.25 0 01-.11.12z'/%3E%3C/svg%3E");
  126. position: relative;
  127. display: inline-block;
  128. padding-right: 8px;
  129. top: 3px;
  130. width: 28px;
  131. }
  132. .active-sidebar-link {
  133. background-color: #ffebff;
  134. }
  135. .active-navbar-link {
  136. border-bottom: 3px solid #cc33ff;
  137. }
  138. .header-link-class {
  139. margin-left: -24px;
  140. }
  141. .disabled-body {
  142. overflow: hidden;
  143. }