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.

522 lines
12 KiB

10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
10 years ago
  1. @import 'http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic';
  2. /*
  3. * # Semantic - Site
  4. * http://github.com/semantic-org/semantic-ui/
  5. *
  6. *
  7. * Copyright 2014 Contributor
  8. * Released under the MIT license
  9. * http://opensource.org/licenses/MIT
  10. *
  11. */
  12. /*******************************
  13. Theme
  14. *******************************/
  15. /*
  16. */
  17. /*******************************
  18. Folders
  19. *******************************/
  20. /* Path to theme packages */
  21. /* Path to site override folder */
  22. /*******************************
  23. Themes
  24. *******************************/
  25. /* To override a theme for an individual element
  26. specify theme name below
  27. Be sure to update the user folder name (see README)
  28. */
  29. /* Global */
  30. /* Elements */
  31. /* Collections */
  32. /* Modules */
  33. /* Views */
  34. /*******************************
  35. Import Directives
  36. *******************************/
  37. /*------------------
  38. Load Defaults
  39. -------------------*/
  40. /*******************************
  41. Site Settings
  42. *******************************/
  43. /*-------------------
  44. Paths
  45. --------------------*/
  46. /*-------------------
  47. Fonts
  48. --------------------*/
  49. /*-------------------
  50. Site Colors
  51. --------------------*/
  52. /*--- Colors ---*/
  53. /*--- Light Colors ---*/
  54. /*-------------------
  55. Page
  56. --------------------*/
  57. /*-------------------
  58. Background Colors
  59. --------------------*/
  60. /* Used for differentiating neutrals */
  61. /* Used for differentiating layers */
  62. /*-------------------
  63. Grid
  64. --------------------*/
  65. /*-------------------
  66. Breakpoints
  67. --------------------*/
  68. /*******************************
  69. Power-User
  70. *******************************/
  71. /*-------------------
  72. Icons
  73. --------------------*/
  74. /* Maximum Glyph Width of Icon */
  75. /*-------------------
  76. Easing
  77. --------------------*/
  78. /*--- Neutrals ---*/
  79. /*--- Colored Backgrounds ---*/
  80. /*--- Colored Text ---*/
  81. /*--- Colored Headers ---*/
  82. /*-------------------
  83. Emotive Colors
  84. --------------------*/
  85. /* Mood */
  86. /* Status */
  87. /*-------------------
  88. Neutral Text
  89. --------------------*/
  90. /*-------------------
  91. Brand Colors
  92. --------------------*/
  93. /*-------------------
  94. Borders
  95. --------------------*/
  96. /*-------------------
  97. Sizes
  98. --------------------*/
  99. /*-------------------
  100. Transitions
  101. --------------------*/
  102. /*-------------------
  103. Derived Values
  104. --------------------*/
  105. /* Makes sure padded grid can fit at 320px */
  106. /* Used to match floats with text */
  107. /* Positive / Negative Dupes */
  108. /* Header Colors */
  109. /* Responsive */
  110. /* Columns */
  111. /*******************************
  112. States
  113. *******************************/
  114. /*-------------------
  115. Disabled
  116. --------------------*/
  117. /*-------------------
  118. Hover
  119. --------------------*/
  120. /*--- Colors ---*/
  121. /*--- Emotive ---*/
  122. /*--- Neutrals ---*/
  123. /*-------------------
  124. Down (:active)
  125. --------------------*/
  126. /*--- Colors ---*/
  127. /*--- Emotive ---*/
  128. /*--- Neutrals ---*/
  129. /*-------------------
  130. Active
  131. --------------------*/
  132. /*--- Standard ---*/
  133. /*--- Emotive ---*/
  134. /*--- Neutrals ---*/
  135. /*******************************
  136. Site Settings
  137. *******************************/
  138. /*-------------------
  139. Paths
  140. --------------------*/
  141. /*-------------------
  142. Fonts
  143. --------------------*/
  144. /*-------------------
  145. Site Colors
  146. --------------------*/
  147. /*--- Colors ---*/
  148. /*--- Light Colors ---*/
  149. /*-------------------
  150. Page
  151. --------------------*/
  152. /*-------------------
  153. Background Colors
  154. --------------------*/
  155. /* Used for differentiating neutrals */
  156. /* Used for differentiating layers */
  157. /*-------------------
  158. Grid
  159. --------------------*/
  160. /*-------------------
  161. Breakpoints
  162. --------------------*/
  163. /*******************************
  164. Power-User
  165. *******************************/
  166. /*-------------------
  167. Icons
  168. --------------------*/
  169. /* Maximum Glyph Width of Icon */
  170. /*-------------------
  171. Easing
  172. --------------------*/
  173. /*--- Neutrals ---*/
  174. /*--- Colored Backgrounds ---*/
  175. /*--- Colored Text ---*/
  176. /*--- Colored Headers ---*/
  177. /*-------------------
  178. Emotive Colors
  179. --------------------*/
  180. /* Mood */
  181. /* Status */
  182. /*-------------------
  183. Neutral Text
  184. --------------------*/
  185. /*-------------------
  186. Brand Colors
  187. --------------------*/
  188. /*-------------------
  189. Borders
  190. --------------------*/
  191. /*-------------------
  192. Sizes
  193. --------------------*/
  194. /*-------------------
  195. Transitions
  196. --------------------*/
  197. /*-------------------
  198. Derived Values
  199. --------------------*/
  200. /* Makes sure padded grid can fit at 320px */
  201. /* Used to match floats with text */
  202. /* Positive / Negative Dupes */
  203. /* Header Colors */
  204. /* Responsive */
  205. /* Columns */
  206. /*******************************
  207. States
  208. *******************************/
  209. /*-------------------
  210. Disabled
  211. --------------------*/
  212. /*-------------------
  213. Hover
  214. --------------------*/
  215. /*--- Colors ---*/
  216. /*--- Emotive ---*/
  217. /*--- Neutrals ---*/
  218. /*-------------------
  219. Down (:active)
  220. --------------------*/
  221. /*--- Colors ---*/
  222. /*--- Emotive ---*/
  223. /*--- Neutrals ---*/
  224. /*-------------------
  225. Active
  226. --------------------*/
  227. /*--- Standard ---*/
  228. /*--- Emotive ---*/
  229. /*--- Neutrals ---*/
  230. /*------------------
  231. Load Theme
  232. -------------------*/
  233. /*******************************
  234. Site Settings
  235. *******************************/
  236. /*-------------------
  237. Paths
  238. --------------------*/
  239. /*-------------------
  240. Fonts
  241. --------------------*/
  242. /*-------------------
  243. Site Colors
  244. --------------------*/
  245. /*--- Colors ---*/
  246. /*--- Light Colors ---*/
  247. /*-------------------
  248. Page
  249. --------------------*/
  250. /*-------------------
  251. Background Colors
  252. --------------------*/
  253. /* Used for differentiating neutrals */
  254. /* Used for differentiating layers */
  255. /*-------------------
  256. Grid
  257. --------------------*/
  258. /*-------------------
  259. Breakpoints
  260. --------------------*/
  261. /*******************************
  262. Power-User
  263. *******************************/
  264. /*-------------------
  265. Icons
  266. --------------------*/
  267. /* Maximum Glyph Width of Icon */
  268. /*-------------------
  269. Easing
  270. --------------------*/
  271. /*--- Neutrals ---*/
  272. /*--- Colored Backgrounds ---*/
  273. /*--- Colored Text ---*/
  274. /*--- Colored Headers ---*/
  275. /*-------------------
  276. Emotive Colors
  277. --------------------*/
  278. /* Mood */
  279. /* Status */
  280. /*-------------------
  281. Neutral Text
  282. --------------------*/
  283. /*-------------------
  284. Brand Colors
  285. --------------------*/
  286. /*-------------------
  287. Borders
  288. --------------------*/
  289. /*-------------------
  290. Sizes
  291. --------------------*/
  292. /*-------------------
  293. Transitions
  294. --------------------*/
  295. /*-------------------
  296. Derived Values
  297. --------------------*/
  298. /* Makes sure padded grid can fit at 320px */
  299. /* Used to match floats with text */
  300. /* Positive / Negative Dupes */
  301. /* Header Colors */
  302. /* Responsive */
  303. /* Columns */
  304. /*******************************
  305. States
  306. *******************************/
  307. /*-------------------
  308. Disabled
  309. --------------------*/
  310. /*-------------------
  311. Hover
  312. --------------------*/
  313. /*--- Colors ---*/
  314. /*--- Emotive ---*/
  315. /*--- Neutrals ---*/
  316. /*-------------------
  317. Down (:active)
  318. --------------------*/
  319. /*--- Colors ---*/
  320. /*--- Emotive ---*/
  321. /*--- Neutrals ---*/
  322. /*-------------------
  323. Active
  324. --------------------*/
  325. /*--- Standard ---*/
  326. /*--- Emotive ---*/
  327. /*--- Neutrals ---*/
  328. /*******************************
  329. Site Settings
  330. *******************************/
  331. /*-------------------
  332. Paths
  333. --------------------*/
  334. /*-------------------
  335. Fonts
  336. --------------------*/
  337. /*-------------------
  338. Site Colors
  339. --------------------*/
  340. /*--- Colors ---*/
  341. /*--- Light Colors ---*/
  342. /*-------------------
  343. Page
  344. --------------------*/
  345. /*-------------------
  346. Background Colors
  347. --------------------*/
  348. /* Used for differentiating neutrals */
  349. /* Used for differentiating layers */
  350. /*-------------------
  351. Grid
  352. --------------------*/
  353. /*-------------------
  354. Breakpoints
  355. --------------------*/
  356. /*******************************
  357. Power-User
  358. *******************************/
  359. /*-------------------
  360. Icons
  361. --------------------*/
  362. /* Maximum Glyph Width of Icon */
  363. /*-------------------
  364. Easing
  365. --------------------*/
  366. /*--- Neutrals ---*/
  367. /*--- Colored Backgrounds ---*/
  368. /*--- Colored Text ---*/
  369. /*--- Colored Headers ---*/
  370. /*-------------------
  371. Emotive Colors
  372. --------------------*/
  373. /* Mood */
  374. /* Status */
  375. /*-------------------
  376. Neutral Text
  377. --------------------*/
  378. /*-------------------
  379. Brand Colors
  380. --------------------*/
  381. /*-------------------
  382. Borders
  383. --------------------*/
  384. /*-------------------
  385. Sizes
  386. --------------------*/
  387. /*-------------------
  388. Transitions
  389. --------------------*/
  390. /*-------------------
  391. Derived Values
  392. --------------------*/
  393. /* Makes sure padded grid can fit at 320px */
  394. /* Used to match floats with text */
  395. /* Positive / Negative Dupes */
  396. /* Header Colors */
  397. /* Responsive */
  398. /* Columns */
  399. /*******************************
  400. States
  401. *******************************/
  402. /*-------------------
  403. Disabled
  404. --------------------*/
  405. /*-------------------
  406. Hover
  407. --------------------*/
  408. /*--- Colors ---*/
  409. /*--- Emotive ---*/
  410. /*--- Neutrals ---*/
  411. /*-------------------
  412. Down (:active)
  413. --------------------*/
  414. /*--- Colors ---*/
  415. /*--- Emotive ---*/
  416. /*--- Neutrals ---*/
  417. /*-------------------
  418. Active
  419. --------------------*/
  420. /*--- Standard ---*/
  421. /*--- Emotive ---*/
  422. /*--- Neutrals ---*/
  423. /*------------------
  424. Load Site
  425. -------------------*/
  426. /*******************************
  427. User Global Variables
  428. *******************************/
  429. /*******************************
  430. User Global Variables
  431. *******************************/
  432. /*------------------
  433. Override Loader
  434. -------------------*/
  435. /*******************************
  436. Web Fonts
  437. *******************************/
  438. /*******************************
  439. Page
  440. *******************************/
  441. /* UI requires Border-Box */
  442. *,
  443. *:before,
  444. *:after {
  445. box-sizing: border-box;
  446. }
  447. html,
  448. body {
  449. height: 100%;
  450. font-smoothing: antialiased;
  451. }
  452. body {
  453. margin: 0px;
  454. padding: 0px;
  455. min-width: 278px;
  456. background: #f7f7f7;
  457. font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  458. font-size: 14px;
  459. line-height: 1.33;
  460. color: rgba(0, 0, 0, 0.8);
  461. overflow-x: hidden;
  462. }
  463. /*******************************
  464. Text
  465. *******************************/
  466. h1,
  467. h2,
  468. h3,
  469. h4,
  470. h5 {
  471. margin: 1em 0em 1rem;
  472. padding: 0em;
  473. }
  474. p {
  475. margin: 0em 0em 1em;
  476. }
  477. p:first-child {
  478. margin-top: 0em;
  479. }
  480. p:last-child {
  481. margin-bottom: 0em;
  482. }
  483. /*-------------------
  484. Links
  485. --------------------*/
  486. a {
  487. color: #009fda;
  488. text-decoration: none;
  489. }
  490. a:hover {
  491. color: #00b2f3;
  492. }
  493. /*******************************
  494. Highlighting
  495. *******************************/
  496. ::-webkit-selection {
  497. background-color: rgba(255, 255, 160, 0.4);
  498. color: rgba(0, 0, 0, 0.8);
  499. }
  500. ::-moz-selection {
  501. background-color: rgba(255, 255, 160, 0.4);
  502. color: rgba(0, 0, 0, 0.8);
  503. }
  504. ::selection {
  505. background-color: rgba(255, 255, 160, 0.4);
  506. color: rgba(0, 0, 0, 0.8);
  507. }
  508. /*******************************
  509. Global Overrides
  510. *******************************/
  511. /*******************************
  512. Overrides
  513. *******************************/