You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

279 lines
6.8 KiB

  1. /*
  2. * # Semantic - Site
  3. * http://github.com/semantic-org/semantic-ui/
  4. *
  5. *
  6. * Copyright 2013 Contributors
  7. * Released under the MIT license
  8. * http://opensource.org/licenses/MIT
  9. *
  10. */
  11. /*******************************
  12. Theme
  13. *******************************/
  14. /*
  15. */
  16. /*******************************
  17. Folders
  18. *******************************/
  19. /* Path to theme packages */
  20. /* Path to site override folder */
  21. /*******************************
  22. Themes
  23. *******************************/
  24. /* To override a theme for an individual element
  25. specify theme name below
  26. Be sure to update the user folder name (see README)
  27. */
  28. /* Global */
  29. /* Elements */
  30. /* Collections */
  31. /* Modules */
  32. /* Views */
  33. /*******************************
  34. Import Directives
  35. *******************************/
  36. /*------------------
  37. Load Default
  38. -------------------*/
  39. /*******************************
  40. Global Variables
  41. *******************************/
  42. /*-------------------
  43. Paths
  44. --------------------*/
  45. /*-------------------
  46. Page
  47. --------------------*/
  48. /*-------------------
  49. Breakpoints
  50. --------------------*/
  51. /*-------------------
  52. Fonts
  53. --------------------*/
  54. /*-------------------
  55. Icons
  56. --------------------*/
  57. /* Max Width of Icon */
  58. /*-------------------
  59. Easing
  60. --------------------*/
  61. /*******************************
  62. BG Colors
  63. *******************************/
  64. /*******************************
  65. Colors
  66. *******************************/
  67. /*--- Colors ---*/
  68. /*--- Neutrals ---*/
  69. /*--- Text Colors ---*/
  70. /* Preserve */
  71. /* Adjust for Legibility */
  72. /*--- Backgrounds ---*/
  73. /*-------------------
  74. Emotive Colors
  75. --------------------*/
  76. /* Positive / Negative */
  77. /* Messages */
  78. /*-------------------
  79. Text Colors
  80. --------------------*/
  81. /*-------------------
  82. Brand Colors
  83. --------------------*/
  84. /*-------------------
  85. Borders
  86. --------------------*/
  87. /*-------------------
  88. Sizes
  89. --------------------*/
  90. /*-------------------
  91. Transitions
  92. --------------------*/
  93. /*******************************
  94. States
  95. *******************************/
  96. /*-------------------
  97. Disabled
  98. --------------------*/
  99. /*-------------------
  100. Hover
  101. --------------------*/
  102. /*--- Colors ---*/
  103. /*--- Emotive ---*/
  104. /*--- Neutrals ---*/
  105. /*-------------------
  106. Down (:active)
  107. --------------------*/
  108. /*--- Colors ---*/
  109. /*--- Emotive ---*/
  110. /*--- Neutrals ---*/
  111. /*-------------------
  112. Active
  113. --------------------*/
  114. /*--- Standard ---*/
  115. /*--- Emotive ---*/
  116. /*--- Neutrals ---*/
  117. /*------------------
  118. Load Theme
  119. -------------------*/
  120. /*------------------
  121. Load Site
  122. -------------------*/
  123. /*******************************
  124. User Global Variables
  125. *******************************/
  126. /*------------------
  127. Override Mix-in
  128. -------------------*/
  129. /*******************************
  130. Page
  131. *******************************/
  132. /* UI requires Border-Box */
  133. *,
  134. *:before,
  135. *:after {
  136. -webkit-box-sizing: border-box;
  137. -moz-box-sizing: border-box;
  138. box-sizing: border-box;
  139. }
  140. html,
  141. body {
  142. font-size: 14px;
  143. height: 100%;
  144. }
  145. body {
  146. background: #fcfcfc;
  147. font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  148. margin: 0px;
  149. padding: 0px;
  150. color: rgba(0, 0, 0, 0.8);
  151. min-width: 320px;
  152. }
  153. /*******************************
  154. Text
  155. *******************************/
  156. h1,
  157. h2,
  158. h3,
  159. h4,
  160. h5 {
  161. margin: 1em 0em 1rem;
  162. padding: 0em;
  163. }
  164. p {
  165. margin: 1em 0em;
  166. }
  167. p:first-child {
  168. margin-top: 0em;
  169. }
  170. p:last-child {
  171. margin-bottom: 0em;
  172. }
  173. /*-------------------
  174. Links
  175. --------------------*/
  176. a {
  177. color: #009fda;
  178. text-decoration: none;
  179. }
  180. a:hover {
  181. color: #00b2f3;
  182. }
  183. /*******************************
  184. Highlighting
  185. *******************************/
  186. ::-webkit-selection {
  187. background-color: #ffffcc;
  188. color: rgba(0, 0, 0, 0.8);
  189. }
  190. ::-moz-selection {
  191. background-color: #ffffcc;
  192. color: rgba(0, 0, 0, 0.8);
  193. }
  194. ::selection {
  195. background-color: #ffffcc;
  196. color: rgba(0, 0, 0, 0.8);
  197. }
  198. /*******************************
  199. Global Variables
  200. *******************************/
  201. /*-------------------
  202. Paths
  203. --------------------*/
  204. /*-------------------
  205. Page
  206. --------------------*/
  207. /*-------------------
  208. Breakpoints
  209. --------------------*/
  210. /*-------------------
  211. Fonts
  212. --------------------*/
  213. /*-------------------
  214. Icons
  215. --------------------*/
  216. /* Width of largest icon */
  217. /*******************************
  218. BG Colors
  219. *******************************/
  220. /*******************************
  221. Colors
  222. *******************************/
  223. /*-------------------
  224. Background
  225. --------------------*/
  226. /*--- Colors ---*/
  227. /*--- Emotive ---*/
  228. /*--- Neutrals ---*/
  229. /*-------------------
  230. Text Colors
  231. --------------------*/
  232. /*-------------------
  233. Brand Colors
  234. --------------------*/
  235. /*-------------------
  236. Borders
  237. --------------------*/
  238. /*-------------------
  239. Sizes
  240. --------------------*/
  241. /*-------------------
  242. Transitions
  243. --------------------*/
  244. /*******************************
  245. States
  246. *******************************/
  247. /*-------------------
  248. Disabled
  249. --------------------*/
  250. /*-------------------
  251. Hover
  252. --------------------*/
  253. /*--- Colors ---*/
  254. /*--- Emotive ---*/
  255. /*--- Neutrals ---*/
  256. /*-------------------
  257. Down (:active)
  258. --------------------*/
  259. /*--- Colors ---*/
  260. /*--- Emotive ---*/
  261. /*--- Neutrals ---*/
  262. /*-------------------
  263. Active
  264. --------------------*/
  265. /*--- Standard ---*/
  266. /*--- Emotive ---*/
  267. /*--- Neutrals ---*/
  268. /*******************************
  269. Overrides
  270. *******************************/