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.

281 lines
6.8 KiB

10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
  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. Site Variables
  41. *******************************/
  42. /*-------------------
  43. Paths
  44. --------------------*/
  45. /*-------------------
  46. Page
  47. --------------------*/
  48. /*-------------------
  49. Grid
  50. --------------------*/
  51. /*-------------------
  52. Breakpoints
  53. --------------------*/
  54. /*-------------------
  55. Fonts
  56. --------------------*/
  57. /*-------------------
  58. Icons
  59. --------------------*/
  60. /* Max Width of Icon */
  61. /*-------------------
  62. Easing
  63. --------------------*/
  64. /*******************************
  65. BG Colors
  66. *******************************/
  67. /*******************************
  68. Colors
  69. *******************************/
  70. /*--- Colors ---*/
  71. /*--- Neutrals ---*/
  72. /*--- Text Colors ---*/
  73. /* Preserve */
  74. /* Adjust for Legibility */
  75. /*--- Backgrounds ---*/
  76. /*-------------------
  77. Emotive Colors
  78. --------------------*/
  79. /* Positive / Negative */
  80. /* Messages */
  81. /*-------------------
  82. Text Colors
  83. --------------------*/
  84. /*-------------------
  85. Brand Colors
  86. --------------------*/
  87. /*-------------------
  88. Borders
  89. --------------------*/
  90. /*-------------------
  91. Sizes
  92. --------------------*/
  93. /*-------------------
  94. Transitions
  95. --------------------*/
  96. /*******************************
  97. States
  98. *******************************/
  99. /*-------------------
  100. Disabled
  101. --------------------*/
  102. /*-------------------
  103. Hover
  104. --------------------*/
  105. /*--- Colors ---*/
  106. /*--- Emotive ---*/
  107. /*--- Neutrals ---*/
  108. /*-------------------
  109. Down (:active)
  110. --------------------*/
  111. /*--- Colors ---*/
  112. /*--- Emotive ---*/
  113. /*--- Neutrals ---*/
  114. /*-------------------
  115. Active
  116. --------------------*/
  117. /*--- Standard ---*/
  118. /*--- Emotive ---*/
  119. /*--- Neutrals ---*/
  120. /*------------------
  121. Load Theme
  122. -------------------*/
  123. /*------------------
  124. Load Site
  125. -------------------*/
  126. /*******************************
  127. User Global Variables
  128. *******************************/
  129. /*------------------
  130. Override Mix-in
  131. -------------------*/
  132. /*******************************
  133. Page
  134. *******************************/
  135. /* UI requires Border-Box */
  136. *,
  137. *:before,
  138. *:after {
  139. -webkit-box-sizing: border-box;
  140. box-sizing: border-box;
  141. }
  142. html,
  143. body {
  144. font-size: 14px;
  145. height: 100%;
  146. }
  147. body {
  148. background: #fcfcfc;
  149. font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  150. margin: 0px;
  151. padding: 0px;
  152. color: rgba(0, 0, 0, 0.8);
  153. min-width: 320px;
  154. }
  155. /*******************************
  156. Text
  157. *******************************/
  158. h1,
  159. h2,
  160. h3,
  161. h4,
  162. h5 {
  163. margin: 1em 0em 1rem;
  164. padding: 0em;
  165. }
  166. p {
  167. margin: 0em 0em 1em;
  168. }
  169. p:first-child {
  170. margin-top: 0em;
  171. }
  172. p:last-child {
  173. margin-bottom: 0em;
  174. }
  175. /*-------------------
  176. Links
  177. --------------------*/
  178. a {
  179. color: #009fda;
  180. text-decoration: none;
  181. }
  182. a:hover {
  183. color: #00b2f3;
  184. }
  185. /*******************************
  186. Highlighting
  187. *******************************/
  188. ::-webkit-selection {
  189. background-color: #ffffcc;
  190. color: rgba(0, 0, 0, 0.8);
  191. }
  192. ::-moz-selection {
  193. background-color: #ffffcc;
  194. color: rgba(0, 0, 0, 0.8);
  195. }
  196. ::selection {
  197. background-color: #ffffcc;
  198. color: rgba(0, 0, 0, 0.8);
  199. }
  200. /*******************************
  201. Global Variables
  202. *******************************/
  203. /*-------------------
  204. Paths
  205. --------------------*/
  206. /*-------------------
  207. Page
  208. --------------------*/
  209. /*-------------------
  210. Breakpoints
  211. --------------------*/
  212. /*-------------------
  213. Fonts
  214. --------------------*/
  215. /*-------------------
  216. Icons
  217. --------------------*/
  218. /* Width of largest icon */
  219. /*******************************
  220. BG Colors
  221. *******************************/
  222. /*******************************
  223. Colors
  224. *******************************/
  225. /*-------------------
  226. Background
  227. --------------------*/
  228. /*--- Colors ---*/
  229. /*--- Emotive ---*/
  230. /*--- Neutrals ---*/
  231. /*-------------------
  232. Text Colors
  233. --------------------*/
  234. /*-------------------
  235. Brand Colors
  236. --------------------*/
  237. /*-------------------
  238. Borders
  239. --------------------*/
  240. /*-------------------
  241. Sizes
  242. --------------------*/
  243. /*-------------------
  244. Transitions
  245. --------------------*/
  246. /*******************************
  247. States
  248. *******************************/
  249. /*-------------------
  250. Disabled
  251. --------------------*/
  252. /*-------------------
  253. Hover
  254. --------------------*/
  255. /*--- Colors ---*/
  256. /*--- Emotive ---*/
  257. /*--- Neutrals ---*/
  258. /*-------------------
  259. Down (:active)
  260. --------------------*/
  261. /*--- Colors ---*/
  262. /*--- Emotive ---*/
  263. /*--- Neutrals ---*/
  264. /*-------------------
  265. Active
  266. --------------------*/
  267. /*--- Standard ---*/
  268. /*--- Emotive ---*/
  269. /*--- Neutrals ---*/
  270. /*******************************
  271. Overrides
  272. *******************************/