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.

597 lines
9.8 KiB

  1. /*******************************
  2. Global Variables
  3. *******************************/
  4. /*-------------------
  5. Paths
  6. --------------------*/
  7. /*-------------------
  8. Page
  9. --------------------*/
  10. /*-------------------
  11. Fonts
  12. --------------------*/
  13. /*-------------------
  14. Icons
  15. --------------------*/
  16. /* Width of largest icon */
  17. /*******************************
  18. BG Colors
  19. *******************************/
  20. /*******************************
  21. Colors
  22. *******************************/
  23. /*-------------------
  24. Background
  25. --------------------*/
  26. /*--- Colors ---*/
  27. /*--- Emotive ---*/
  28. /*--- Neutrals ---*/
  29. /*-------------------
  30. Text Colors
  31. --------------------*/
  32. /*-------------------
  33. Brand Colors
  34. --------------------*/
  35. /*-------------------
  36. Borders
  37. --------------------*/
  38. /*-------------------
  39. Sizes
  40. --------------------*/
  41. /*-------------------
  42. Transitions
  43. --------------------*/
  44. /*******************************
  45. States
  46. *******************************/
  47. /*-------------------
  48. Disabled
  49. --------------------*/
  50. /*-------------------
  51. Hover
  52. --------------------*/
  53. /*--- Colors ---*/
  54. /*--- Emotive ---*/
  55. /*--- Neutrals ---*/
  56. /*-------------------
  57. Down (:active)
  58. --------------------*/
  59. /*--- Colors ---*/
  60. /*--- Emotive ---*/
  61. /*--- Neutrals ---*/
  62. /*-------------------
  63. Active
  64. --------------------*/
  65. /*--- Standard ---*/
  66. /*--- Emotive ---*/
  67. /*--- Neutrals ---*/
  68. /*! normalize.css v2.1.3 | MIT License | git.io/normalize */
  69. /* ==========================================================================
  70. HTML5 display definitions
  71. ========================================================================== */
  72. /**
  73. * Correct %60block` display not defined in IE 8/9.
  74. */
  75. article,
  76. aside,
  77. details,
  78. figcaption,
  79. figure,
  80. footer,
  81. header,
  82. hgroup,
  83. main,
  84. nav,
  85. section,
  86. summary {
  87. display: block;
  88. }
  89. /**
  90. * Correct `inline-block` display not defined in IE 8/9.
  91. */
  92. audio,
  93. canvas,
  94. video {
  95. display: inline-block;
  96. }
  97. /**
  98. * Prevent modern browsers from displaying `audio` without controls.
  99. * Remove excess height in iOS 5 devices.
  100. */
  101. audio:not([controls]) {
  102. display: none;
  103. height: 0;
  104. }
  105. /**
  106. * Address `[hidden]` styling not present in IE 8/9.
  107. * Hide the `template` element in IE, Safari, and Firefox < 22.
  108. */
  109. [hidden],
  110. template {
  111. display: none;
  112. }
  113. /* ==========================================================================
  114. Base
  115. ========================================================================== */
  116. /**
  117. * 1. Set default font family to sans-serif.
  118. * 2. Prevent iOS text size adjust after orientation change, without disabling
  119. * user zoom.
  120. */
  121. html {
  122. font-family: sans-serif;
  123. /* 1 */
  124. -ms-text-size-adjust: 100%;
  125. /* 2 */
  126. -webkit-text-size-adjust: 100%;
  127. /* 2 */
  128. }
  129. /**
  130. * Remove default margin.
  131. */
  132. body {
  133. margin: 0;
  134. }
  135. /* ==========================================================================
  136. Links
  137. ========================================================================== */
  138. /**
  139. * Remove the gray background color from active links in IE 10.
  140. */
  141. a {
  142. background: transparent;
  143. }
  144. /**
  145. * Address `outline` inconsistency between Chrome and other browsers.
  146. */
  147. a:focus {
  148. outline: thin dotted;
  149. }
  150. /**
  151. * Improve readability when focused and also mouse hovered in all browsers.
  152. */
  153. a:active,
  154. a:hover {
  155. outline: 0;
  156. }
  157. /* ==========================================================================
  158. Typography
  159. ========================================================================== */
  160. /**
  161. * Address variable `h1` font-size and margin within `section` and `article`
  162. * contexts in Firefox 4+, Safari 5, and Chrome.
  163. */
  164. h1 {
  165. font-size: 2em;
  166. margin: 0.67em 0;
  167. }
  168. /**
  169. * Address styling not present in IE 8/9, Safari 5, and Chrome.
  170. */
  171. abbr[title] {
  172. border-bottom: 1px dotted;
  173. }
  174. /**
  175. * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
  176. */
  177. b,
  178. strong {
  179. font-weight: bold;
  180. }
  181. /**
  182. * Address styling not present in Safari 5 and Chrome.
  183. */
  184. dfn {
  185. font-style: italic;
  186. }
  187. /**
  188. * Address differences between Firefox and other browsers.
  189. */
  190. hr {
  191. -moz-box-sizing: content-box;
  192. -webkit-box-sizing: content-box;
  193. box-sizing: content-box;
  194. height: 0;
  195. }
  196. /**
  197. * Address styling not present in IE 8/9.
  198. */
  199. mark {
  200. background: #ff0;
  201. color: #000;
  202. }
  203. /**
  204. * Correct font family set oddly in Safari 5 and Chrome.
  205. */
  206. code,
  207. kbd,
  208. pre,
  209. samp {
  210. font-family: monospace, serif;
  211. font-size: 1em;
  212. }
  213. /**
  214. * Improve readability of pre-formatted text in all browsers.
  215. */
  216. pre {
  217. white-space: pre-wrap;
  218. }
  219. /**
  220. * Set consistent quote types.
  221. */
  222. q {
  223. quotes: "\201C" "\201D" "\2018" "\2019";
  224. }
  225. /**
  226. * Address inconsistent and variable font size in all browsers.
  227. */
  228. small {
  229. font-size: 80%;
  230. }
  231. /**
  232. * Prevent `sub` and `sup` affecting `line-height` in all browsers.
  233. */
  234. sub,
  235. sup {
  236. font-size: 75%;
  237. line-height: 0;
  238. position: relative;
  239. vertical-align: baseline;
  240. }
  241. sup {
  242. top: -0.5em;
  243. }
  244. sub {
  245. bottom: -0.25em;
  246. }
  247. /* ==========================================================================
  248. Embedded content
  249. ========================================================================== */
  250. /**
  251. * Remove border when inside `a` element in IE 8/9.
  252. */
  253. img {
  254. border: 0;
  255. }
  256. /**
  257. * Correct overflow displayed oddly in IE 9.
  258. */
  259. svg:not(:root) {
  260. overflow: hidden;
  261. }
  262. /* ==========================================================================
  263. Figures
  264. ========================================================================== */
  265. /**
  266. * Address margin not present in IE 8/9 and Safari 5.
  267. */
  268. figure {
  269. margin: 0;
  270. }
  271. /* ==========================================================================
  272. Forms
  273. ========================================================================== */
  274. /**
  275. * Define consistent border, margin, and padding.
  276. */
  277. fieldset {
  278. border: 1px solid #c0c0c0;
  279. margin: 0 2px;
  280. padding: 0.35em 0.625em 0.75em;
  281. }
  282. /**
  283. * 1. Correct `color` not being inherited in IE 8/9.
  284. * 2. Remove padding so people aren't caught out if they zero out fieldsets.
  285. */
  286. legend {
  287. border: 0;
  288. /* 1 */
  289. padding: 0;
  290. /* 2 */
  291. }
  292. /**
  293. * 1. Correct font family not being inherited in all browsers.
  294. * 2. Correct font size not being inherited in all browsers.
  295. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
  296. */
  297. button,
  298. input,
  299. select,
  300. textarea {
  301. font-family: inherit;
  302. /* 1 */
  303. font-size: 100%;
  304. /* 2 */
  305. margin: 0;
  306. /* 3 */
  307. }
  308. /**
  309. * Address Firefox 4+ setting `line-height` on `input` using `!important` in
  310. * the UA stylesheet.
  311. */
  312. button,
  313. input {
  314. line-height: normal;
  315. }
  316. /**
  317. * Address inconsistent `text-transform` inheritance for `button` and `select`.
  318. * All other form control elements do not inherit `text-transform` values.
  319. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
  320. * Correct `select` style inheritance in Firefox 4+ and Opera.
  321. */
  322. button,
  323. select {
  324. text-transform: none;
  325. }
  326. /**
  327. * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
  328. * and `video` controls.
  329. * 2. Correct inability to style clickable `input` types in iOS.
  330. * 3. Improve usability and consistency of cursor style between image-type
  331. * `input` and others.
  332. */
  333. button,
  334. html input[type="button"],
  335. input[type="reset"],
  336. input[type="submit"] {
  337. -webkit-appearance: button;
  338. /* 2 */
  339. cursor: pointer;
  340. /* 3 */
  341. }
  342. /**
  343. * Re-set default cursor for disabled elements.
  344. */
  345. button[disabled],
  346. html input[disabled] {
  347. cursor: default;
  348. }
  349. /**
  350. * 1. Address box sizing set to `content-box` in IE 8/9/10.
  351. * 2. Remove excess padding in IE 8/9/10.
  352. */
  353. input[type="checkbox"],
  354. input[type="radio"] {
  355. -webkit-box-sizing: border-box;
  356. -moz-box-sizing: border-box;
  357. box-sizing: border-box;
  358. /* 1 */
  359. padding: 0;
  360. /* 2 */
  361. }
  362. /**
  363. * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
  364. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
  365. * (include `-moz` to future-proof).
  366. */
  367. input[type="search"] {
  368. -webkit-appearance: textfield;
  369. /* 1 */
  370. -moz-box-sizing: content-box;
  371. -webkit-box-sizing: content-box;
  372. /* 2 */
  373. box-sizing: content-box;
  374. }
  375. /**
  376. * Remove inner padding and search cancel button in Safari 5 and Chrome
  377. * on OS X.
  378. */
  379. input[type="search"]::-webkit-search-cancel-button,
  380. input[type="search"]::-webkit-search-decoration {
  381. -webkit-appearance: none;
  382. }
  383. /**
  384. * Remove inner padding and border in Firefox 4+.
  385. */
  386. button::-moz-focus-inner,
  387. input::-moz-focus-inner {
  388. border: 0;
  389. padding: 0;
  390. }
  391. /**
  392. * 1. Remove default vertical scrollbar in IE 8/9.
  393. * 2. Improve readability and alignment in all browsers.
  394. */
  395. textarea {
  396. overflow: auto;
  397. /* 1 */
  398. vertical-align: top;
  399. /* 2 */
  400. }
  401. /* ==========================================================================
  402. Tables
  403. ========================================================================== */
  404. /**
  405. * Remove most spacing between table cells.
  406. */
  407. table {
  408. border-collapse: collapse;
  409. border-spacing: 0;
  410. }
  411. /*******************************
  412. Page
  413. *******************************/
  414. html,
  415. body {
  416. font-size: 15px;
  417. }
  418. body {
  419. background: #fcfcfc;
  420. font-family: Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif;
  421. margin: 0px;
  422. padding: 0px;
  423. color: #555555;
  424. min-width: 320px;
  425. }
  426. /*******************************
  427. Text
  428. *******************************/
  429. h1,
  430. h2,
  431. h3,
  432. h4,
  433. h5 {
  434. margin: 1em 0em 1rem;
  435. padding: 0em;
  436. }
  437. p {
  438. margin: 1em 0em;
  439. }
  440. p:first-child {
  441. margin-top: 0em;
  442. }
  443. p:last-child {
  444. margin-bottom: 0em;
  445. }
  446. /*-------------------
  447. Links
  448. --------------------*/
  449. a {
  450. color: #009fda;
  451. text-decoration: none;
  452. }
  453. a:hover {
  454. color: #00b2f3;
  455. }
  456. /*******************************
  457. Highlighting
  458. *******************************/
  459. ::-webkit-selection {
  460. background-color: #ffffcc;
  461. color: rgba(0, 0, 0, 0.7);
  462. }
  463. ::-moz-selection {
  464. background-color: #ffffcc;
  465. color: rgba(0, 0, 0, 0.7);
  466. }
  467. ::selection {
  468. background-color: #ffffcc;
  469. color: rgba(0, 0, 0, 0.7);
  470. }