site.css 3.6 KB

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