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.

1117 lines
26 KiB

9 years ago
8 years ago
9 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
9 years ago
10 years ago
10 years ago
9 years ago
9 years ago
10 years ago
10 years ago
10 years ago
10 years ago
9 years ago
10 years ago
10 years ago
10 years ago
9 years ago
10 years ago
10 years ago
9 years ago
10 years ago
10 years ago
9 years ago
10 years ago
10 years ago
10 years ago
9 years ago
10 years ago
9 years ago
10 years ago
9 years ago
10 years ago
9 years ago
10 years ago
9 years ago
10 years ago
9 years ago
10 years ago
  1. /*!
  2. * # Semantic UI 2.2.6 - 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. Theme
  12. *******************************/
  13. /*
  14. */
  15. /*******************************
  16. Theme Selection
  17. *******************************/
  18. /* To override a theme for an individual element
  19. specify theme name below
  20. */
  21. /* Global */
  22. /* Elements */
  23. /* Collections */
  24. /* Modules */
  25. /* Views */
  26. /*******************************
  27. Folders
  28. *******************************/
  29. /* Path to theme packages */
  30. /* Path to site override folder */
  31. /*******************************
  32. Import Theme
  33. *******************************/
  34. /*******************************
  35. Import Directives
  36. *******************************/
  37. /*------------------
  38. Theme
  39. -------------------*/
  40. /*--------------------
  41. Site Variables
  42. ---------------------*/
  43. /* Default site.variables */
  44. /*******************************
  45. Site Settings
  46. *******************************/
  47. /*-------------------
  48. Fonts
  49. --------------------*/
  50. /*-------------------
  51. Base Sizes
  52. --------------------*/
  53. /* This is the single variable that controls them all */
  54. /* The size of page text */
  55. /*-------------------
  56. Border Radius
  57. --------------------*/
  58. /* See Power-user section below
  59. for explanation of @px variables
  60. */
  61. /*-------------------
  62. Brand Colors
  63. --------------------*/
  64. /*--------------
  65. Page Heading
  66. ---------------*/
  67. /*--------------
  68. Form Input
  69. ---------------*/
  70. /* This adjusts the default form input across all elements */
  71. /* Input Text Color */
  72. /* Line Height Default For Inputs in Browser */
  73. /*-------------------
  74. Focused Input
  75. --------------------*/
  76. /* Used on inputs, textarea etc */
  77. /* Used on dropdowns, other larger blocks */
  78. /*-------------------
  79. Sizes
  80. --------------------*/
  81. /*
  82. Sizes are all expressed in terms of 14px/em (default em)
  83. This ensures these "ratios" remain constant despite changes in EM
  84. */
  85. /*-------------------
  86. Page
  87. --------------------*/
  88. /*-------------------
  89. Paragraph
  90. --------------------*/
  91. /*-------------------
  92. Links
  93. --------------------*/
  94. /*-------------------
  95. Highlighted Text
  96. --------------------*/
  97. /*-------------------
  98. Loader
  99. --------------------*/
  100. /*-------------------
  101. Grid
  102. --------------------*/
  103. /*-------------------
  104. Transitions
  105. --------------------*/
  106. /*-------------------
  107. Breakpoints
  108. --------------------*/
  109. /*-------------------
  110. Site Colors
  111. --------------------*/
  112. /*--- Colors ---*/
  113. /*--- Light Colors ---*/
  114. /*--- Neutrals ---*/
  115. /*--- Colored Backgrounds ---*/
  116. /*--- Colored Headers ---*/
  117. /*--- Colored Text ---*/
  118. /*--- Colored Border ---*/
  119. /*-------------------
  120. Alpha Colors
  121. --------------------*/
  122. /*-------------------
  123. Accents
  124. --------------------*/
  125. /* Differentiating Neutrals */
  126. /* Differentiating Layers */
  127. /*******************************
  128. Power-User
  129. *******************************/
  130. /*-------------------
  131. Emotive Colors
  132. --------------------*/
  133. /* Positive */
  134. /* Negative */
  135. /* Info */
  136. /* Warning */
  137. /*-------------------
  138. Paths
  139. --------------------*/
  140. /* For source only. Modified in gulp for dist */
  141. /*-------------------
  142. Em Sizes
  143. --------------------*/
  144. /*
  145. This rounds @size values to the closest pixel then expresses that value in (r)em.
  146. This ensures all size values round to exact pixels
  147. */
  148. /* em */
  149. /* rem */
  150. /*-------------------
  151. Icons
  152. --------------------*/
  153. /* Maximum Glyph Width of Icon */
  154. /*-------------------
  155. Neutral Text
  156. --------------------*/
  157. /*-------------------
  158. Brand Colors
  159. --------------------*/
  160. /*-------------------
  161. Borders
  162. --------------------*/
  163. /*-------------------
  164. Derived Values
  165. --------------------*/
  166. /* Loaders Position Offset */
  167. /* Rendered Scrollbar Width */
  168. /* Maximum Single Character Glyph Width, aka Capital "W" */
  169. /* Used to match floats with text */
  170. /* Header Spacing */
  171. /* Minimum Mobile Width */
  172. /* Positive / Negative Dupes */
  173. /* Responsive */
  174. /*-------------------
  175. Exact Pixel Values
  176. --------------------*/
  177. /*
  178. These are used to specify exact pixel values in em
  179. for things like borders that remain constantly
  180. sized as emSize adjusts
  181. Since there are many more sizes than names for sizes,
  182. these are named by their original pixel values.
  183. */
  184. /* Columns */
  185. /*******************************
  186. States
  187. *******************************/
  188. /*-------------------
  189. Disabled
  190. --------------------*/
  191. /*-------------------
  192. Hover
  193. --------------------*/
  194. /*--- Shadows ---*/
  195. /*--- Colors ---*/
  196. /*--- Emotive ---*/
  197. /*--- Brand ---*/
  198. /*--- Dark Tones ---*/
  199. /*--- Light Tones ---*/
  200. /*-------------------
  201. Focus
  202. --------------------*/
  203. /*--- Colors ---*/
  204. /*--- Emotive ---*/
  205. /*--- Brand ---*/
  206. /*--- Dark Tones ---*/
  207. /*--- Light Tones ---*/
  208. /*-------------------
  209. Down (:active)
  210. --------------------*/
  211. /*--- Colors ---*/
  212. /*--- Emotive ---*/
  213. /*--- Brand ---*/
  214. /*--- Dark Tones ---*/
  215. /*--- Light Tones ---*/
  216. /*-------------------
  217. Active
  218. --------------------*/
  219. /*--- Colors ---*/
  220. /*--- Emotive ---*/
  221. /*--- Brand ---*/
  222. /*--- Dark Tones ---*/
  223. /*--- Light Tones ---*/
  224. /* Packaged site.variables */
  225. /*******************************
  226. Site Settings
  227. *******************************/
  228. /*-------------------
  229. Fonts
  230. --------------------*/
  231. /*-------------------
  232. Base Sizes
  233. --------------------*/
  234. /* This is the single variable that controls them all */
  235. /* The size of page text */
  236. /*-------------------
  237. Border Radius
  238. --------------------*/
  239. /* See Power-user section below
  240. for explanation of @px variables
  241. */
  242. /*-------------------
  243. Brand Colors
  244. --------------------*/
  245. /*--------------
  246. Page Heading
  247. ---------------*/
  248. /*--------------
  249. Form Input
  250. ---------------*/
  251. /* This adjusts the default form input across all elements */
  252. /* Input Text Color */
  253. /* Line Height Default For Inputs in Browser */
  254. /*-------------------
  255. Focused Input
  256. --------------------*/
  257. /* Used on inputs, textarea etc */
  258. /* Used on dropdowns, other larger blocks */
  259. /*-------------------
  260. Sizes
  261. --------------------*/
  262. /*
  263. Sizes are all expressed in terms of 14px/em (default em)
  264. This ensures these "ratios" remain constant despite changes in EM
  265. */
  266. /*-------------------
  267. Page
  268. --------------------*/
  269. /*-------------------
  270. Paragraph
  271. --------------------*/
  272. /*-------------------
  273. Links
  274. --------------------*/
  275. /*-------------------
  276. Highlighted Text
  277. --------------------*/
  278. /*-------------------
  279. Loader
  280. --------------------*/
  281. /*-------------------
  282. Grid
  283. --------------------*/
  284. /*-------------------
  285. Transitions
  286. --------------------*/
  287. /*-------------------
  288. Breakpoints
  289. --------------------*/
  290. /*-------------------
  291. Site Colors
  292. --------------------*/
  293. /*--- Colors ---*/
  294. /*--- Light Colors ---*/
  295. /*--- Neutrals ---*/
  296. /*--- Colored Backgrounds ---*/
  297. /*--- Colored Headers ---*/
  298. /*--- Colored Text ---*/
  299. /*--- Colored Border ---*/
  300. /*-------------------
  301. Alpha Colors
  302. --------------------*/
  303. /*-------------------
  304. Accents
  305. --------------------*/
  306. /* Differentiating Neutrals */
  307. /* Differentiating Layers */
  308. /*******************************
  309. Power-User
  310. *******************************/
  311. /*-------------------
  312. Emotive Colors
  313. --------------------*/
  314. /* Positive */
  315. /* Negative */
  316. /* Info */
  317. /* Warning */
  318. /*-------------------
  319. Paths
  320. --------------------*/
  321. /* For source only. Modified in gulp for dist */
  322. /*-------------------
  323. Em Sizes
  324. --------------------*/
  325. /*
  326. This rounds @size values to the closest pixel then expresses that value in (r)em.
  327. This ensures all size values round to exact pixels
  328. */
  329. /* em */
  330. /* rem */
  331. /*-------------------
  332. Icons
  333. --------------------*/
  334. /* Maximum Glyph Width of Icon */
  335. /*-------------------
  336. Neutral Text
  337. --------------------*/
  338. /*-------------------
  339. Brand Colors
  340. --------------------*/
  341. /*-------------------
  342. Borders
  343. --------------------*/
  344. /*-------------------
  345. Derived Values
  346. --------------------*/
  347. /* Loaders Position Offset */
  348. /* Rendered Scrollbar Width */
  349. /* Maximum Single Character Glyph Width, aka Capital "W" */
  350. /* Used to match floats with text */
  351. /* Header Spacing */
  352. /* Minimum Mobile Width */
  353. /* Positive / Negative Dupes */
  354. /* Responsive */
  355. /*-------------------
  356. Exact Pixel Values
  357. --------------------*/
  358. /*
  359. These are used to specify exact pixel values in em
  360. for things like borders that remain constantly
  361. sized as emSize adjusts
  362. Since there are many more sizes than names for sizes,
  363. these are named by their original pixel values.
  364. */
  365. /* Columns */
  366. /*******************************
  367. States
  368. *******************************/
  369. /*-------------------
  370. Disabled
  371. --------------------*/
  372. /*-------------------
  373. Hover
  374. --------------------*/
  375. /*--- Shadows ---*/
  376. /*--- Colors ---*/
  377. /*--- Emotive ---*/
  378. /*--- Brand ---*/
  379. /*--- Dark Tones ---*/
  380. /*--- Light Tones ---*/
  381. /*-------------------
  382. Focus
  383. --------------------*/
  384. /*--- Colors ---*/
  385. /*--- Emotive ---*/
  386. /*--- Brand ---*/
  387. /*--- Dark Tones ---*/
  388. /*--- Light Tones ---*/
  389. /*-------------------
  390. Down (:active)
  391. --------------------*/
  392. /*--- Colors ---*/
  393. /*--- Emotive ---*/
  394. /*--- Brand ---*/
  395. /*--- Dark Tones ---*/
  396. /*--- Light Tones ---*/
  397. /*-------------------
  398. Active
  399. --------------------*/
  400. /*--- Colors ---*/
  401. /*--- Emotive ---*/
  402. /*--- Brand ---*/
  403. /*--- Dark Tones ---*/
  404. /*--- Light Tones ---*/
  405. /* Component's site.variables */
  406. /*******************************
  407. Site Settings
  408. *******************************/
  409. /*-------------------
  410. Fonts
  411. --------------------*/
  412. /*-------------------
  413. Base Sizes
  414. --------------------*/
  415. /* This is the single variable that controls them all */
  416. /* The size of page text */
  417. /*-------------------
  418. Border Radius
  419. --------------------*/
  420. /* See Power-user section below
  421. for explanation of @px variables
  422. */
  423. /*-------------------
  424. Brand Colors
  425. --------------------*/
  426. /*--------------
  427. Page Heading
  428. ---------------*/
  429. /*--------------
  430. Form Input
  431. ---------------*/
  432. /* This adjusts the default form input across all elements */
  433. /* Input Text Color */
  434. /* Line Height Default For Inputs in Browser */
  435. /*-------------------
  436. Focused Input
  437. --------------------*/
  438. /* Used on inputs, textarea etc */
  439. /* Used on dropdowns, other larger blocks */
  440. /*-------------------
  441. Sizes
  442. --------------------*/
  443. /*
  444. Sizes are all expressed in terms of 14px/em (default em)
  445. This ensures these "ratios" remain constant despite changes in EM
  446. */
  447. /*-------------------
  448. Page
  449. --------------------*/
  450. /*-------------------
  451. Paragraph
  452. --------------------*/
  453. /*-------------------
  454. Links
  455. --------------------*/
  456. /*-------------------
  457. Highlighted Text
  458. --------------------*/
  459. /*-------------------
  460. Loader
  461. --------------------*/
  462. /*-------------------
  463. Grid
  464. --------------------*/
  465. /*-------------------
  466. Transitions
  467. --------------------*/
  468. /*-------------------
  469. Breakpoints
  470. --------------------*/
  471. /*-------------------
  472. Site Colors
  473. --------------------*/
  474. /*--- Colors ---*/
  475. /*--- Light Colors ---*/
  476. /*--- Neutrals ---*/
  477. /*--- Colored Backgrounds ---*/
  478. /*--- Colored Headers ---*/
  479. /*--- Colored Text ---*/
  480. /*--- Colored Border ---*/
  481. /*-------------------
  482. Alpha Colors
  483. --------------------*/
  484. /*-------------------
  485. Accents
  486. --------------------*/
  487. /* Differentiating Neutrals */
  488. /* Differentiating Layers */
  489. /*******************************
  490. Power-User
  491. *******************************/
  492. /*-------------------
  493. Emotive Colors
  494. --------------------*/
  495. /* Positive */
  496. /* Negative */
  497. /* Info */
  498. /* Warning */
  499. /*-------------------
  500. Paths
  501. --------------------*/
  502. /* For source only. Modified in gulp for dist */
  503. /*-------------------
  504. Em Sizes
  505. --------------------*/
  506. /*
  507. This rounds @size values to the closest pixel then expresses that value in (r)em.
  508. This ensures all size values round to exact pixels
  509. */
  510. /* em */
  511. /* rem */
  512. /*-------------------
  513. Icons
  514. --------------------*/
  515. /* Maximum Glyph Width of Icon */
  516. /*-------------------
  517. Neutral Text
  518. --------------------*/
  519. /*-------------------
  520. Brand Colors
  521. --------------------*/
  522. /*-------------------
  523. Borders
  524. --------------------*/
  525. /*-------------------
  526. Derived Values
  527. --------------------*/
  528. /* Loaders Position Offset */
  529. /* Rendered Scrollbar Width */
  530. /* Maximum Single Character Glyph Width, aka Capital "W" */
  531. /* Used to match floats with text */
  532. /* Header Spacing */
  533. /* Minimum Mobile Width */
  534. /* Positive / Negative Dupes */
  535. /* Responsive */
  536. /*-------------------
  537. Exact Pixel Values
  538. --------------------*/
  539. /*
  540. These are used to specify exact pixel values in em
  541. for things like borders that remain constantly
  542. sized as emSize adjusts
  543. Since there are many more sizes than names for sizes,
  544. these are named by their original pixel values.
  545. */
  546. /* Columns */
  547. /*******************************
  548. States
  549. *******************************/
  550. /*-------------------
  551. Disabled
  552. --------------------*/
  553. /*-------------------
  554. Hover
  555. --------------------*/
  556. /*--- Shadows ---*/
  557. /*--- Colors ---*/
  558. /*--- Emotive ---*/
  559. /*--- Brand ---*/
  560. /*--- Dark Tones ---*/
  561. /*--- Light Tones ---*/
  562. /*-------------------
  563. Focus
  564. --------------------*/
  565. /*--- Colors ---*/
  566. /*--- Emotive ---*/
  567. /*--- Brand ---*/
  568. /*--- Dark Tones ---*/
  569. /*--- Light Tones ---*/
  570. /*-------------------
  571. Down (:active)
  572. --------------------*/
  573. /*--- Colors ---*/
  574. /*--- Emotive ---*/
  575. /*--- Brand ---*/
  576. /*--- Dark Tones ---*/
  577. /*--- Light Tones ---*/
  578. /*-------------------
  579. Active
  580. --------------------*/
  581. /*--- Colors ---*/
  582. /*--- Emotive ---*/
  583. /*--- Brand ---*/
  584. /*--- Dark Tones ---*/
  585. /*--- Light Tones ---*/
  586. /* Site theme site.variables */
  587. /*******************************
  588. User Global Variables
  589. *******************************/
  590. /*-------------------
  591. Component Variables
  592. ---------------------*/
  593. /* Default */
  594. /*******************************
  595. Site Settings
  596. *******************************/
  597. /*-------------------
  598. Fonts
  599. --------------------*/
  600. /*-------------------
  601. Base Sizes
  602. --------------------*/
  603. /* This is the single variable that controls them all */
  604. /* The size of page text */
  605. /*-------------------
  606. Border Radius
  607. --------------------*/
  608. /* See Power-user section below
  609. for explanation of @px variables
  610. */
  611. /*-------------------
  612. Brand Colors
  613. --------------------*/
  614. /*--------------
  615. Page Heading
  616. ---------------*/
  617. /*--------------
  618. Form Input
  619. ---------------*/
  620. /* This adjusts the default form input across all elements */
  621. /* Input Text Color */
  622. /* Line Height Default For Inputs in Browser */
  623. /*-------------------
  624. Focused Input
  625. --------------------*/
  626. /* Used on inputs, textarea etc */
  627. /* Used on dropdowns, other larger blocks */
  628. /*-------------------
  629. Sizes
  630. --------------------*/
  631. /*
  632. Sizes are all expressed in terms of 14px/em (default em)
  633. This ensures these "ratios" remain constant despite changes in EM
  634. */
  635. /*-------------------
  636. Page
  637. --------------------*/
  638. /*-------------------
  639. Paragraph
  640. --------------------*/
  641. /*-------------------
  642. Links
  643. --------------------*/
  644. /*-------------------
  645. Highlighted Text
  646. --------------------*/
  647. /*-------------------
  648. Loader
  649. --------------------*/
  650. /*-------------------
  651. Grid
  652. --------------------*/
  653. /*-------------------
  654. Transitions
  655. --------------------*/
  656. /*-------------------
  657. Breakpoints
  658. --------------------*/
  659. /*-------------------
  660. Site Colors
  661. --------------------*/
  662. /*--- Colors ---*/
  663. /*--- Light Colors ---*/
  664. /*--- Neutrals ---*/
  665. /*--- Colored Backgrounds ---*/
  666. /*--- Colored Headers ---*/
  667. /*--- Colored Text ---*/
  668. /*--- Colored Border ---*/
  669. /*-------------------
  670. Alpha Colors
  671. --------------------*/
  672. /*-------------------
  673. Accents
  674. --------------------*/
  675. /* Differentiating Neutrals */
  676. /* Differentiating Layers */
  677. /*******************************
  678. Power-User
  679. *******************************/
  680. /*-------------------
  681. Emotive Colors
  682. --------------------*/
  683. /* Positive */
  684. /* Negative */
  685. /* Info */
  686. /* Warning */
  687. /*-------------------
  688. Paths
  689. --------------------*/
  690. /* For source only. Modified in gulp for dist */
  691. /*-------------------
  692. Em Sizes
  693. --------------------*/
  694. /*
  695. This rounds @size values to the closest pixel then expresses that value in (r)em.
  696. This ensures all size values round to exact pixels
  697. */
  698. /* em */
  699. /* rem */
  700. /*-------------------
  701. Icons
  702. --------------------*/
  703. /* Maximum Glyph Width of Icon */
  704. /*-------------------
  705. Neutral Text
  706. --------------------*/
  707. /*-------------------
  708. Brand Colors
  709. --------------------*/
  710. /*-------------------
  711. Borders
  712. --------------------*/
  713. /*-------------------
  714. Derived Values
  715. --------------------*/
  716. /* Loaders Position Offset */
  717. /* Rendered Scrollbar Width */
  718. /* Maximum Single Character Glyph Width, aka Capital "W" */
  719. /* Used to match floats with text */
  720. /* Header Spacing */
  721. /* Minimum Mobile Width */
  722. /* Positive / Negative Dupes */
  723. /* Responsive */
  724. /*-------------------
  725. Exact Pixel Values
  726. --------------------*/
  727. /*
  728. These are used to specify exact pixel values in em
  729. for things like borders that remain constantly
  730. sized as emSize adjusts
  731. Since there are many more sizes than names for sizes,
  732. these are named by their original pixel values.
  733. */
  734. /* Columns */
  735. /*******************************
  736. States
  737. *******************************/
  738. /*-------------------
  739. Disabled
  740. --------------------*/
  741. /*-------------------
  742. Hover
  743. --------------------*/
  744. /*--- Shadows ---*/
  745. /*--- Colors ---*/
  746. /*--- Emotive ---*/
  747. /*--- Brand ---*/
  748. /*--- Dark Tones ---*/
  749. /*--- Light Tones ---*/
  750. /*-------------------
  751. Focus
  752. --------------------*/
  753. /*--- Colors ---*/
  754. /*--- Emotive ---*/
  755. /*--- Brand ---*/
  756. /*--- Dark Tones ---*/
  757. /*--- Light Tones ---*/
  758. /*-------------------
  759. Down (:active)
  760. --------------------*/
  761. /*--- Colors ---*/
  762. /*--- Emotive ---*/
  763. /*--- Brand ---*/
  764. /*--- Dark Tones ---*/
  765. /*--- Light Tones ---*/
  766. /*-------------------
  767. Active
  768. --------------------*/
  769. /*--- Colors ---*/
  770. /*--- Emotive ---*/
  771. /*--- Brand ---*/
  772. /*--- Dark Tones ---*/
  773. /*--- Light Tones ---*/
  774. /* Packaged Theme */
  775. /*******************************
  776. Site Settings
  777. *******************************/
  778. /*-------------------
  779. Fonts
  780. --------------------*/
  781. /*-------------------
  782. Base Sizes
  783. --------------------*/
  784. /* This is the single variable that controls them all */
  785. /* The size of page text */
  786. /*-------------------
  787. Border Radius
  788. --------------------*/
  789. /* See Power-user section below
  790. for explanation of @px variables
  791. */
  792. /*-------------------
  793. Brand Colors
  794. --------------------*/
  795. /*--------------
  796. Page Heading
  797. ---------------*/
  798. /*--------------
  799. Form Input
  800. ---------------*/
  801. /* This adjusts the default form input across all elements */
  802. /* Input Text Color */
  803. /* Line Height Default For Inputs in Browser */
  804. /*-------------------
  805. Focused Input
  806. --------------------*/
  807. /* Used on inputs, textarea etc */
  808. /* Used on dropdowns, other larger blocks */
  809. /*-------------------
  810. Sizes
  811. --------------------*/
  812. /*
  813. Sizes are all expressed in terms of 14px/em (default em)
  814. This ensures these "ratios" remain constant despite changes in EM
  815. */
  816. /*-------------------
  817. Page
  818. --------------------*/
  819. /*-------------------
  820. Paragraph
  821. --------------------*/
  822. /*-------------------
  823. Links
  824. --------------------*/
  825. /*-------------------
  826. Highlighted Text
  827. --------------------*/
  828. /*-------------------
  829. Loader
  830. --------------------*/
  831. /*-------------------
  832. Grid
  833. --------------------*/
  834. /*-------------------
  835. Transitions
  836. --------------------*/
  837. /*-------------------
  838. Breakpoints
  839. --------------------*/
  840. /*-------------------
  841. Site Colors
  842. --------------------*/
  843. /*--- Colors ---*/
  844. /*--- Light Colors ---*/
  845. /*--- Neutrals ---*/
  846. /*--- Colored Backgrounds ---*/
  847. /*--- Colored Headers ---*/
  848. /*--- Colored Text ---*/
  849. /*--- Colored Border ---*/
  850. /*-------------------
  851. Alpha Colors
  852. --------------------*/
  853. /*-------------------
  854. Accents
  855. --------------------*/
  856. /* Differentiating Neutrals */
  857. /* Differentiating Layers */
  858. /*******************************
  859. Power-User
  860. *******************************/
  861. /*-------------------
  862. Emotive Colors
  863. --------------------*/
  864. /* Positive */
  865. /* Negative */
  866. /* Info */
  867. /* Warning */
  868. /*-------------------
  869. Paths
  870. --------------------*/
  871. /* For source only. Modified in gulp for dist */
  872. /*-------------------
  873. Em Sizes
  874. --------------------*/
  875. /*
  876. This rounds @size values to the closest pixel then expresses that value in (r)em.
  877. This ensures all size values round to exact pixels
  878. */
  879. /* em */
  880. /* rem */
  881. /*-------------------
  882. Icons
  883. --------------------*/
  884. /* Maximum Glyph Width of Icon */
  885. /*-------------------
  886. Neutral Text
  887. --------------------*/
  888. /*-------------------
  889. Brand Colors
  890. --------------------*/
  891. /*-------------------
  892. Borders
  893. --------------------*/
  894. /*-------------------
  895. Derived Values
  896. --------------------*/
  897. /* Loaders Position Offset */
  898. /* Rendered Scrollbar Width */
  899. /* Maximum Single Character Glyph Width, aka Capital "W" */
  900. /* Used to match floats with text */
  901. /* Header Spacing */
  902. /* Minimum Mobile Width */
  903. /* Positive / Negative Dupes */
  904. /* Responsive */
  905. /*-------------------
  906. Exact Pixel Values
  907. --------------------*/
  908. /*
  909. These are used to specify exact pixel values in em
  910. for things like borders that remain constantly
  911. sized as emSize adjusts
  912. Since there are many more sizes than names for sizes,
  913. these are named by their original pixel values.
  914. */
  915. /* Columns */
  916. /*******************************
  917. States
  918. *******************************/
  919. /*-------------------
  920. Disabled
  921. --------------------*/
  922. /*-------------------
  923. Hover
  924. --------------------*/
  925. /*--- Shadows ---*/
  926. /*--- Colors ---*/
  927. /*--- Emotive ---*/
  928. /*--- Brand ---*/
  929. /*--- Dark Tones ---*/
  930. /*--- Light Tones ---*/
  931. /*-------------------
  932. Focus
  933. --------------------*/
  934. /*--- Colors ---*/
  935. /*--- Emotive ---*/
  936. /*--- Brand ---*/
  937. /*--- Dark Tones ---*/
  938. /*--- Light Tones ---*/
  939. /*-------------------
  940. Down (:active)
  941. --------------------*/
  942. /*--- Colors ---*/
  943. /*--- Emotive ---*/
  944. /*--- Brand ---*/
  945. /*--- Dark Tones ---*/
  946. /*--- Light Tones ---*/
  947. /*-------------------
  948. Active
  949. --------------------*/
  950. /*--- Colors ---*/
  951. /*--- Emotive ---*/
  952. /*--- Brand ---*/
  953. /*--- Dark Tones ---*/
  954. /*--- Light Tones ---*/
  955. /* Site Theme */
  956. /*******************************
  957. User Global Variables
  958. *******************************/
  959. /*******************************
  960. Mix-ins
  961. *******************************/
  962. /*------------------
  963. Fonts
  964. -------------------*/
  965. /*------------------
  966. Overrides
  967. -------------------*/
  968. /* End Config */
  969. /*******************************
  970. Page
  971. *******************************/
  972. @import url('https://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic&subset=latin');
  973. html,
  974. body {
  975. height: 100%;
  976. }
  977. html {
  978. font-size: 14px;
  979. }
  980. body {
  981. margin: 0px;
  982. padding: 0px;
  983. overflow-x: hidden;
  984. min-width: 320px;
  985. background: #FFFFFF;
  986. font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  987. font-size: 14px;
  988. line-height: 1.4285em;
  989. color: rgba(0, 0, 0, 0.87);
  990. font-smoothing: antialiased;
  991. }
  992. /*******************************
  993. Headers
  994. *******************************/
  995. h1,
  996. h2,
  997. h3,
  998. h4,
  999. h5 {
  1000. font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  1001. line-height: 1.2857em;
  1002. margin: calc(2rem - 0.14285em ) 0em 1rem;
  1003. font-weight: bold;
  1004. padding: 0em;
  1005. }
  1006. h1 {
  1007. min-height: 1rem;
  1008. font-size: 2rem;
  1009. }
  1010. h2 {
  1011. font-size: 1.714rem;
  1012. }
  1013. h3 {
  1014. font-size: 1.28rem;
  1015. }
  1016. h4 {
  1017. font-size: 1.071rem;
  1018. }
  1019. h5 {
  1020. font-size: 1rem;
  1021. }
  1022. h1:first-child,
  1023. h2:first-child,
  1024. h3:first-child,
  1025. h4:first-child,
  1026. h5:first-child {
  1027. margin-top: 0em;
  1028. }
  1029. h1:last-child,
  1030. h2:last-child,
  1031. h3:last-child,
  1032. h4:last-child,
  1033. h5:last-child {
  1034. margin-bottom: 0em;
  1035. }
  1036. /*******************************
  1037. Text
  1038. *******************************/
  1039. p {
  1040. margin: 0em 0em 1em;
  1041. line-height: 1.4285em;
  1042. }
  1043. p:first-child {
  1044. margin-top: 0em;
  1045. }
  1046. p:last-child {
  1047. margin-bottom: 0em;
  1048. }
  1049. /*-------------------
  1050. Links
  1051. --------------------*/
  1052. a {
  1053. color: #4183C4;
  1054. text-decoration: none;
  1055. }
  1056. a:hover {
  1057. color: #1e70bf;
  1058. text-decoration: none;
  1059. }
  1060. /*******************************
  1061. Highlighting
  1062. *******************************/
  1063. /* Site */
  1064. ::-webkit-selection {
  1065. background-color: #CCE2FF;
  1066. color: rgba(0, 0, 0, 0.87);
  1067. }
  1068. ::-moz-selection {
  1069. background-color: #CCE2FF;
  1070. color: rgba(0, 0, 0, 0.87);
  1071. }
  1072. ::selection {
  1073. background-color: #CCE2FF;
  1074. color: rgba(0, 0, 0, 0.87);
  1075. }
  1076. /* Form */
  1077. textarea::-webkit-selection,
  1078. input::-webkit-selection {
  1079. background-color: rgba(100, 100, 100, 0.4);
  1080. color: rgba(0, 0, 0, 0.87);
  1081. }
  1082. textarea::-moz-selection,
  1083. input::-moz-selection {
  1084. background-color: rgba(100, 100, 100, 0.4);
  1085. color: rgba(0, 0, 0, 0.87);
  1086. }
  1087. textarea::selection,
  1088. input::selection {
  1089. background-color: rgba(100, 100, 100, 0.4);
  1090. color: rgba(0, 0, 0, 0.87);
  1091. }
  1092. /*******************************
  1093. Global Overrides
  1094. *******************************/
  1095. /*******************************
  1096. Site Overrides
  1097. *******************************/
  1098. /*# sourceMappingURL=site.css.map */