site.css 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203
  1. /*!
  2. * # Fomantic-UI - Site
  3. * http://github.com/fomantic/Fomantic-UI/
  4. *
  5. *
  6. * Released under the MIT license
  7. * http://opensource.org/licenses/MIT
  8. *
  9. */
  10. /*******************************
  11. Page
  12. *******************************/
  13. @import url('https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin&display=swap');
  14. html,
  15. body {
  16. height: 100%;
  17. }
  18. html {
  19. font-size: 14px;
  20. }
  21. body {
  22. margin: 0;
  23. padding: 0;
  24. overflow-x: hidden;
  25. min-width: 320px;
  26. background: #FFFFFF;
  27. font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  28. font-size: 14px;
  29. line-height: 1.4285em;
  30. color: rgba(0, 0, 0, 0.87);
  31. }
  32. /*******************************
  33. Headers
  34. *******************************/
  35. h1,
  36. h2,
  37. h3,
  38. h4,
  39. h5 {
  40. font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  41. line-height: 1.28571429em;
  42. margin: calc(2rem - 0.1428571428571429em) 0 1rem;
  43. font-weight: bold;
  44. padding: 0;
  45. }
  46. h1 {
  47. min-height: 1rem;
  48. font-size: 2rem;
  49. }
  50. h2 {
  51. font-size: 1.71428571rem;
  52. }
  53. h3 {
  54. font-size: 1.28571429rem;
  55. }
  56. h4 {
  57. font-size: 1.07142857rem;
  58. }
  59. h5 {
  60. font-size: 1rem;
  61. }
  62. h1:first-child,
  63. h2:first-child,
  64. h3:first-child,
  65. h4:first-child,
  66. h5:first-child {
  67. margin-top: 0;
  68. }
  69. h1:last-child,
  70. h2:last-child,
  71. h3:last-child,
  72. h4:last-child,
  73. h5:last-child {
  74. margin-bottom: 0;
  75. }
  76. /*******************************
  77. Text
  78. *******************************/
  79. p {
  80. margin: 0 0 1em;
  81. line-height: 1.4285em;
  82. }
  83. p:first-child {
  84. margin-top: 0;
  85. }
  86. p:last-child {
  87. margin-bottom: 0;
  88. }
  89. /*-------------------
  90. Links
  91. --------------------*/
  92. a {
  93. color: #4183C4;
  94. text-decoration: none;
  95. }
  96. a:hover {
  97. color: #1e70bf;
  98. text-decoration: none;
  99. }
  100. /*******************************
  101. Scrollbars
  102. *******************************/
  103. /*******************************
  104. Highlighting
  105. *******************************/
  106. /* Site */
  107. ::-webkit-selection {
  108. background-color: #CCE2FF;
  109. color: rgba(0, 0, 0, 0.87);
  110. }
  111. ::-moz-selection {
  112. background-color: #CCE2FF;
  113. color: rgba(0, 0, 0, 0.87);
  114. }
  115. ::selection {
  116. background-color: #CCE2FF;
  117. color: rgba(0, 0, 0, 0.87);
  118. }
  119. /* Form */
  120. textarea::-webkit-selection,
  121. input::-webkit-selection {
  122. background-color: rgba(100, 100, 100, 0.4);
  123. color: rgba(0, 0, 0, 0.87);
  124. }
  125. textarea::-moz-selection,
  126. input::-moz-selection {
  127. background-color: rgba(100, 100, 100, 0.4);
  128. color: rgba(0, 0, 0, 0.87);
  129. }
  130. textarea::selection,
  131. input::selection {
  132. background-color: rgba(100, 100, 100, 0.4);
  133. color: rgba(0, 0, 0, 0.87);
  134. }
  135. /* Force Simple Scrollbars */
  136. body ::-webkit-scrollbar {
  137. -webkit-appearance: none;
  138. width: 10px;
  139. height: 10px;
  140. }
  141. body ::-webkit-scrollbar-track {
  142. background: rgba(0, 0, 0, 0.1);
  143. border-radius: 0;
  144. }
  145. body ::-webkit-scrollbar-thumb {
  146. cursor: pointer;
  147. border-radius: 5px;
  148. background: rgba(0, 0, 0, 0.25);
  149. -webkit-transition: color 0.2s ease;
  150. transition: color 0.2s ease;
  151. }
  152. body ::-webkit-scrollbar-thumb:window-inactive {
  153. background: rgba(0, 0, 0, 0.15);
  154. }
  155. body ::-webkit-scrollbar-thumb:hover {
  156. background: rgba(128, 135, 139, 0.8);
  157. }
  158. /* Inverted UI */
  159. body .ui.inverted:not(.dimmer)::-webkit-scrollbar-track {
  160. background: rgba(255, 255, 255, 0.1);
  161. }
  162. body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb {
  163. background: rgba(255, 255, 255, 0.25);
  164. }
  165. body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:window-inactive {
  166. background: rgba(255, 255, 255, 0.15);
  167. }
  168. body .ui.inverted:not(.dimmer)::-webkit-scrollbar-thumb:hover {
  169. background: rgba(255, 255, 255, 0.35);
  170. }
  171. /*******************************
  172. Global Overrides
  173. *******************************/
  174. /*******************************
  175. Site Overrides
  176. *******************************/