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.

282 lines
6.8 KiB

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. Global 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. -moz-box-sizing: border-box;
  141. box-sizing: border-box;
  142. }
  143. html,
  144. body {
  145. font-size: 14px;
  146. height: 100%;
  147. }
  148. body {
  149. background: #fcfcfc;
  150. font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  151. margin: 0px;
  152. padding: 0px;
  153. color: rgba(0, 0, 0, 0.8);
  154. min-width: 320px;
  155. }
  156. /*******************************
  157. Text
  158. *******************************/
  159. h1,
  160. h2,
  161. h3,
  162. h4,
  163. h5 {
  164. margin: 1em 0em 1rem;
  165. padding: 0em;
  166. }
  167. p {
  168. margin: 1em 0em;
  169. }
  170. p:first-child {
  171. margin-top: 0em;
  172. }
  173. p:last-child {
  174. margin-bottom: 0em;
  175. }
  176. /*-------------------
  177. Links
  178. --------------------*/
  179. a {
  180. color: #009fda;
  181. text-decoration: none;
  182. }
  183. a:hover {
  184. color: #00b2f3;
  185. }
  186. /*******************************
  187. Highlighting
  188. *******************************/
  189. ::-webkit-selection {
  190. background-color: #ffffcc;
  191. color: rgba(0, 0, 0, 0.8);
  192. }
  193. ::-moz-selection {
  194. background-color: #ffffcc;
  195. color: rgba(0, 0, 0, 0.8);
  196. }
  197. ::selection {
  198. background-color: #ffffcc;
  199. color: rgba(0, 0, 0, 0.8);
  200. }
  201. /*******************************
  202. Global Variables
  203. *******************************/
  204. /*-------------------
  205. Paths
  206. --------------------*/
  207. /*-------------------
  208. Page
  209. --------------------*/
  210. /*-------------------
  211. Breakpoints
  212. --------------------*/
  213. /*-------------------
  214. Fonts
  215. --------------------*/
  216. /*-------------------
  217. Icons
  218. --------------------*/
  219. /* Width of largest icon */
  220. /*******************************
  221. BG Colors
  222. *******************************/
  223. /*******************************
  224. Colors
  225. *******************************/
  226. /*-------------------
  227. Background
  228. --------------------*/
  229. /*--- Colors ---*/
  230. /*--- Emotive ---*/
  231. /*--- Neutrals ---*/
  232. /*-------------------
  233. Text Colors
  234. --------------------*/
  235. /*-------------------
  236. Brand Colors
  237. --------------------*/
  238. /*-------------------
  239. Borders
  240. --------------------*/
  241. /*-------------------
  242. Sizes
  243. --------------------*/
  244. /*-------------------
  245. Transitions
  246. --------------------*/
  247. /*******************************
  248. States
  249. *******************************/
  250. /*-------------------
  251. Disabled
  252. --------------------*/
  253. /*-------------------
  254. Hover
  255. --------------------*/
  256. /*--- Colors ---*/
  257. /*--- Emotive ---*/
  258. /*--- Neutrals ---*/
  259. /*-------------------
  260. Down (:active)
  261. --------------------*/
  262. /*--- Colors ---*/
  263. /*--- Emotive ---*/
  264. /*--- Neutrals ---*/
  265. /*-------------------
  266. Active
  267. --------------------*/
  268. /*--- Standard ---*/
  269. /*--- Emotive ---*/
  270. /*--- Neutrals ---*/
  271. /*******************************
  272. Overrides
  273. *******************************/