Advertisement
Guest User

uno.css

a guest
Nov 28th, 2016
94
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 32.61 KB | None | 0 0
  1. @import 'https://fonts.googleapis.com/css?family=Raleway:400,700|Roboto+Slab:300,400)';
  2. /* http://meyerweb.com/eric/tools/css/reset/
  3. v2.0 | 20110126
  4. License: none (public domain)
  5. */
  6. @import url(animate.css);
  7. html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  8. margin: 0;
  9. padding: 0;
  10. border: 0;
  11. font-size: 100%;
  12. font: inherit;
  13. vertical-align: baseline; }
  14.  
  15. /* HTML5 display-role reset for older browsers */
  16. article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  17. display: block; }
  18.  
  19. body {
  20. line-height: 1; }
  21.  
  22. ol, ul {
  23. list-style: none; }
  24.  
  25. blockquote, q {
  26. quotes: none; }
  27.  
  28. blockquote:before, blockquote:after {
  29. content: '';
  30. content: none; }
  31.  
  32. q:before, q:after {
  33. content: '';
  34. content: none; }
  35.  
  36. table {
  37. border-collapse: collapse;
  38. border-spacing: 0; }
  39.  
  40. body {
  41. width: 100%;
  42. *zoom: 1; }
  43. body:before, body:after {
  44. content: "";
  45. display: table; }
  46. body:after {
  47. clear: both; }
  48.  
  49. /*
  50. * Foundation Icons v 3.0
  51. * Made by ZURB 2013 http://zurb.com/playground/foundation-icon-fonts-3
  52. * MIT License
  53. */
  54. @font-face {
  55. font-family: "foundation-icons";
  56. src: url("../fonts/foundation-icons/foundation-icons.eot");
  57. src: url("../fonts/foundation-icons/foundation-icons.eot?") format("embedded-opentype"), url("../fonts/foundation-icons/foundation-icons.woff") format("woff"), url("../fonts/foundation-icons/foundation-icons.ttf") format("truetype"), url("../fonts/foundation-icons/foundation-icons.svg") format("svg");
  58. font-weight: normal;
  59. font-style: normal; }
  60. .icon:before {
  61. font-family: "foundation-icons";
  62. font-style: normal;
  63. font-weight: normal;
  64. font-variant: normal;
  65. text-transform: none;
  66. line-height: 1;
  67. -webkit-font-smoothing: antialiased;
  68. display: inline-block;
  69. text-decoration: inherit; }
  70.  
  71. .icon-address-book:before {
  72. content: "\f100"; }
  73.  
  74. .icon-alert:before {
  75. content: "\f101"; }
  76.  
  77. .icon-align-center:before {
  78. content: "\f102"; }
  79.  
  80. .icon-align-justify:before {
  81. content: "\f103"; }
  82.  
  83. .icon-align-left:before {
  84. content: "\f104"; }
  85.  
  86. .icon-align-right:before {
  87. content: "\f105"; }
  88.  
  89. .icon-anchor:before {
  90. content: "\f106"; }
  91.  
  92. .icon-annotate:before {
  93. content: "\f107"; }
  94.  
  95. .icon-archive:before {
  96. content: "\f108"; }
  97.  
  98. .icon-arrow-down:before {
  99. content: "\f109"; }
  100.  
  101. .icon-arrow-left:before {
  102. content: "\f10a"; }
  103.  
  104. .icon-arrow-right:before {
  105. content: "\f10b"; }
  106.  
  107. .icon-arrow-up:before {
  108. content: "\f10c"; }
  109.  
  110. .icon-arrows-compress:before {
  111. content: "\f10d"; }
  112.  
  113. .icon-arrows-expand:before {
  114. content: "\f10e"; }
  115.  
  116. .icon-arrows-in:before {
  117. content: "\f10f"; }
  118.  
  119. .icon-arrows-out:before {
  120. content: "\f110"; }
  121.  
  122. .icon-asl:before {
  123. content: "\f111"; }
  124.  
  125. .icon-asterisk:before {
  126. content: "\f112"; }
  127.  
  128. .icon-at-sign:before {
  129. content: "\f113"; }
  130.  
  131. .icon-background-color:before {
  132. content: "\f114"; }
  133.  
  134. .icon-battery-empty:before {
  135. content: "\f115"; }
  136.  
  137. .icon-battery-full:before {
  138. content: "\f116"; }
  139.  
  140. .icon-battery-half:before {
  141. content: "\f117"; }
  142.  
  143. .icon-bitcoin-circle:before {
  144. content: "\f118"; }
  145.  
  146. .icon-bitcoin:before {
  147. content: "\f119"; }
  148.  
  149. .icon-blind:before {
  150. content: "\f11a"; }
  151.  
  152. .icon-bluetooth:before {
  153. content: "\f11b"; }
  154.  
  155. .icon-bold:before {
  156. content: "\f11c"; }
  157.  
  158. .icon-book-bookmark:before {
  159. content: "\f11d"; }
  160.  
  161. .icon-book:before {
  162. content: "\f11e"; }
  163.  
  164. .icon-bookmark:before {
  165. content: "\f11f"; }
  166.  
  167. .icon-braille:before {
  168. content: "\f120"; }
  169.  
  170. .icon-burst-new:before {
  171. content: "\f121"; }
  172.  
  173. .icon-burst-sale:before {
  174. content: "\f122"; }
  175.  
  176. .icon-burst:before {
  177. content: "\f123"; }
  178.  
  179. .icon-calendar:before {
  180. content: "\f124"; }
  181.  
  182. .icon-camera:before {
  183. content: "\f125"; }
  184.  
  185. .icon-check:before {
  186. content: "\f126"; }
  187.  
  188. .icon-checkbox:before {
  189. content: "\f127"; }
  190.  
  191. .icon-clipboard-notes:before {
  192. content: "\f128"; }
  193.  
  194. .icon-clipboard-pencil:before {
  195. content: "\f129"; }
  196.  
  197. .icon-clipboard:before {
  198. content: "\f12a"; }
  199.  
  200. .icon-clock:before {
  201. content: "\f12b"; }
  202.  
  203. .icon-closed-caption:before {
  204. content: "\f12c"; }
  205.  
  206. .icon-cloud:before {
  207. content: "\f12d"; }
  208.  
  209. .icon-comment-minus:before {
  210. content: "\f12e"; }
  211.  
  212. .icon-comment-quotes:before {
  213. content: "\f12f"; }
  214.  
  215. .icon-comment-video:before {
  216. content: "\f130"; }
  217.  
  218. .icon-comment:before {
  219. content: "\f131"; }
  220.  
  221. .icon-comments:before {
  222. content: "\f132"; }
  223.  
  224. .icon-compass:before {
  225. content: "\f133"; }
  226.  
  227. .icon-contrast:before {
  228. content: "\f134"; }
  229.  
  230. .icon-credit-card:before {
  231. content: "\f135"; }
  232.  
  233. .icon-crop:before {
  234. content: "\f136"; }
  235.  
  236. .icon-crown:before {
  237. content: "\f137"; }
  238.  
  239. .icon-css3:before {
  240. content: "\f138"; }
  241.  
  242. .icon-database:before {
  243. content: "\f139"; }
  244.  
  245. .icon-die-five:before {
  246. content: "\f13a"; }
  247.  
  248. .icon-die-four:before {
  249. content: "\f13b"; }
  250.  
  251. .icon-die-one:before {
  252. content: "\f13c"; }
  253.  
  254. .icon-die-six:before {
  255. content: "\f13d"; }
  256.  
  257. .icon-die-three:before {
  258. content: "\f13e"; }
  259.  
  260. .icon-die-two:before {
  261. content: "\f13f"; }
  262.  
  263. .icon-dislike:before {
  264. content: "\f140"; }
  265.  
  266. .icon-dollar-bill:before {
  267. content: "\f141"; }
  268.  
  269. .icon-dollar:before {
  270. content: "\f142"; }
  271.  
  272. .icon-download:before {
  273. content: "\f143"; }
  274.  
  275. .icon-eject:before {
  276. content: "\f144"; }
  277.  
  278. .icon-elevator:before {
  279. content: "\f145"; }
  280.  
  281. .icon-euro:before {
  282. content: "\f146"; }
  283.  
  284. .icon-eye:before {
  285. content: "\f147"; }
  286.  
  287. .icon-fast-forward:before {
  288. content: "\f148"; }
  289.  
  290. .icon-female-symbol:before {
  291. content: "\f149"; }
  292.  
  293. .icon-female:before {
  294. content: "\f14a"; }
  295.  
  296. .icon-filter:before {
  297. content: "\f14b"; }
  298.  
  299. .icon-first-aid:before {
  300. content: "\f14c"; }
  301.  
  302. .icon-flag:before {
  303. content: "\f14d"; }
  304.  
  305. .icon-folder-add:before {
  306. content: "\f14e"; }
  307.  
  308. .icon-folder-lock:before {
  309. content: "\f14f"; }
  310.  
  311. .icon-folder:before {
  312. content: "\f150"; }
  313.  
  314. .icon-foot:before {
  315. content: "\f151"; }
  316.  
  317. .icon-foundation:before {
  318. content: "\f152"; }
  319.  
  320. .icon-graph-bar:before {
  321. content: "\f153"; }
  322.  
  323. .icon-graph-horizontal:before {
  324. content: "\f154"; }
  325.  
  326. .icon-graph-pie:before {
  327. content: "\f155"; }
  328.  
  329. .icon-graph-trend:before {
  330. content: "\f156"; }
  331.  
  332. .icon-guide-dog:before {
  333. content: "\f157"; }
  334.  
  335. .icon-hearing-aid:before {
  336. content: "\f158"; }
  337.  
  338. .icon-heart:before {
  339. content: "\f159"; }
  340.  
  341. .icon-home:before {
  342. content: "\f15a"; }
  343.  
  344. .icon-html5:before {
  345. content: "\f15b"; }
  346.  
  347. .icon-indent-less:before {
  348. content: "\f15c"; }
  349.  
  350. .icon-indent-more:before {
  351. content: "\f15d"; }
  352.  
  353. .icon-info:before {
  354. content: "\f15e"; }
  355.  
  356. .icon-italic:before {
  357. content: "\f15f"; }
  358.  
  359. .icon-key:before {
  360. content: "\f160"; }
  361.  
  362. .icon-laptop:before {
  363. content: "\f161"; }
  364.  
  365. .icon-layout:before {
  366. content: "\f162"; }
  367.  
  368. .icon-lightbulb:before {
  369. content: "\f163"; }
  370.  
  371. .icon-like:before {
  372. content: "\f164"; }
  373.  
  374. .icon-link:before {
  375. content: "\f165"; }
  376.  
  377. .icon-list-bullet:before {
  378. content: "\f166"; }
  379.  
  380. .icon-list-number:before {
  381. content: "\f167"; }
  382.  
  383. .icon-list-thumbnails:before {
  384. content: "\f168"; }
  385.  
  386. .icon-list:before {
  387. content: "\f169"; }
  388.  
  389. .icon-lock:before {
  390. content: "\f16a"; }
  391.  
  392. .icon-loop:before {
  393. content: "\f16b"; }
  394.  
  395. .icon-magnifying-glass:before {
  396. content: "\f16c"; }
  397.  
  398. .icon-mail:before {
  399. content: "\f16d"; }
  400.  
  401. .icon-male-female:before {
  402. content: "\f16e"; }
  403.  
  404. .icon-male-symbol:before {
  405. content: "\f16f"; }
  406.  
  407. .icon-male:before {
  408. content: "\f170"; }
  409.  
  410. .icon-map:before {
  411. content: "\f171"; }
  412.  
  413. .icon-marker:before {
  414. content: "\f172"; }
  415.  
  416. .icon-megaphone:before {
  417. content: "\f173"; }
  418.  
  419. .icon-microphone:before {
  420. content: "\f174"; }
  421.  
  422. .icon-minus-circle:before {
  423. content: "\f175"; }
  424.  
  425. .icon-minus:before {
  426. content: "\f176"; }
  427.  
  428. .icon-mobile-signal:before {
  429. content: "\f177"; }
  430.  
  431. .icon-mobile:before {
  432. content: "\f178"; }
  433.  
  434. .icon-monitor:before {
  435. content: "\f179"; }
  436.  
  437. .icon-mountains:before {
  438. content: "\f17a"; }
  439.  
  440. .icon-music:before {
  441. content: "\f17b"; }
  442.  
  443. .icon-next:before {
  444. content: "\f17c"; }
  445.  
  446. .icon-no-dogs:before {
  447. content: "\f17d"; }
  448.  
  449. .icon-no-smoking:before {
  450. content: "\f17e"; }
  451.  
  452. .icon-page-add:before {
  453. content: "\f17f"; }
  454.  
  455. .icon-page-copy:before {
  456. content: "\f180"; }
  457.  
  458. .icon-page-csv:before {
  459. content: "\f181"; }
  460.  
  461. .icon-page-delete:before {
  462. content: "\f182"; }
  463.  
  464. .icon-page-doc:before {
  465. content: "\f183"; }
  466.  
  467. .icon-page-edit:before {
  468. content: "\f184"; }
  469.  
  470. .icon-page-export-csv:before {
  471. content: "\f185"; }
  472.  
  473. .icon-page-export-doc:before {
  474. content: "\f186"; }
  475.  
  476. .icon-page-export-pdf:before {
  477. content: "\f187"; }
  478.  
  479. .icon-page-export:before {
  480. content: "\f188"; }
  481.  
  482. .icon-page-filled:before {
  483. content: "\f189"; }
  484.  
  485. .icon-page-multiple:before {
  486. content: "\f18a"; }
  487.  
  488. .icon-page-pdf:before {
  489. content: "\f18b"; }
  490.  
  491. .icon-page-remove:before {
  492. content: "\f18c"; }
  493.  
  494. .icon-page-search:before {
  495. content: "\f18d"; }
  496.  
  497. .icon-page:before {
  498. content: "\f18e"; }
  499.  
  500. .icon-paint-bucket:before {
  501. content: "\f18f"; }
  502.  
  503. .icon-paperclip:before {
  504. content: "\f190"; }
  505.  
  506. .icon-pause:before {
  507. content: "\f191"; }
  508.  
  509. .icon-paw:before {
  510. content: "\f192"; }
  511.  
  512. .icon-paypal:before {
  513. content: "\f193"; }
  514.  
  515. .icon-pencil:before {
  516. content: "\f194"; }
  517.  
  518. .icon-photo:before {
  519. content: "\f195"; }
  520.  
  521. .icon-play-circle:before {
  522. content: "\f196"; }
  523.  
  524. .icon-play-video:before {
  525. content: "\f197"; }
  526.  
  527. .icon-play:before {
  528. content: "\f198"; }
  529.  
  530. .icon-plus:before {
  531. content: "\f199"; }
  532.  
  533. .icon-pound:before {
  534. content: "\f19a"; }
  535.  
  536. .icon-power:before {
  537. content: "\f19b"; }
  538.  
  539. .icon-previous:before {
  540. content: "\f19c"; }
  541.  
  542. .icon-price-tag:before {
  543. content: "\f19d"; }
  544.  
  545. .icon-pricetag-multiple:before {
  546. content: "\f19e"; }
  547.  
  548. .icon-print:before {
  549. content: "\f19f"; }
  550.  
  551. .icon-prohibited:before {
  552. content: "\f1a0"; }
  553.  
  554. .icon-projection-screen:before {
  555. content: "\f1a1"; }
  556.  
  557. .icon-puzzle:before {
  558. content: "\f1a2"; }
  559.  
  560. .icon-quote:before {
  561. content: "\f1a3"; }
  562.  
  563. .icon-record:before {
  564. content: "\f1a4"; }
  565.  
  566. .icon-refresh:before {
  567. content: "\f1a5"; }
  568.  
  569. .icon-results-demographics:before {
  570. content: "\f1a6"; }
  571.  
  572. .icon-results:before {
  573. content: "\f1a7"; }
  574.  
  575. .icon-rewind-ten:before {
  576. content: "\f1a8"; }
  577.  
  578. .icon-rewind:before {
  579. content: "\f1a9"; }
  580.  
  581. .icon-rss:before {
  582. content: "\f1aa"; }
  583.  
  584. .icon-safety-cone:before {
  585. content: "\f1ab"; }
  586.  
  587. .icon-save:before {
  588. content: "\f1ac"; }
  589.  
  590. .icon-share:before {
  591. content: "\f1ad"; }
  592.  
  593. .icon-sheriff-badge:before {
  594. content: "\f1ae"; }
  595.  
  596. .icon-shield:before {
  597. content: "\f1af"; }
  598.  
  599. .icon-shopping-bag:before {
  600. content: "\f1b0"; }
  601.  
  602. .icon-shopping-cart:before {
  603. content: "\f1b1"; }
  604.  
  605. .icon-shuffle:before {
  606. content: "\f1b2"; }
  607.  
  608. .icon-skull:before {
  609. content: "\f1b3"; }
  610.  
  611. .icon-social-500px:before {
  612. content: "\f1b4"; }
  613.  
  614. .icon-social-adobe:before {
  615. content: "\f1b5"; }
  616.  
  617. .icon-social-amazon:before {
  618. content: "\f1b6"; }
  619.  
  620. .icon-social-android:before {
  621. content: "\f1b7"; }
  622.  
  623. .icon-social-apple:before {
  624. content: "\f1b8"; }
  625.  
  626. .icon-social-behance:before {
  627. content: "\f1b9"; }
  628.  
  629. .icon-social-bing:before {
  630. content: "\f1ba"; }
  631.  
  632. .icon-social-blogger:before {
  633. content: "\f1bb"; }
  634.  
  635. .icon-social-delicious:before {
  636. content: "\f1bc"; }
  637.  
  638. .icon-social-designer-news:before {
  639. content: "\f1bd"; }
  640.  
  641. .icon-social-deviant-art:before {
  642. content: "\f1be"; }
  643.  
  644. .icon-social-digg:before {
  645. content: "\f1bf"; }
  646.  
  647. .icon-social-dribbble:before {
  648. content: "\f1c0"; }
  649.  
  650. .icon-social-drive:before {
  651. content: "\f1c1"; }
  652.  
  653. .icon-social-dropbox:before {
  654. content: "\f1c2"; }
  655.  
  656. .icon-social-evernote:before {
  657. content: "\f1c3"; }
  658.  
  659. .icon-social-facebook:before {
  660. content: "\f1c4"; }
  661.  
  662. .icon-social-flickr:before {
  663. content: "\f1c5"; }
  664.  
  665. .icon-social-forrst:before {
  666. content: "\f1c6"; }
  667.  
  668. .icon-social-foursquare:before {
  669. content: "\f1c7"; }
  670.  
  671. .icon-social-game-center:before {
  672. content: "\f1c8"; }
  673.  
  674. .icon-social-github:before {
  675. content: "\f1c9"; }
  676.  
  677. .icon-social-google-plus:before {
  678. content: "\f1ca"; }
  679.  
  680. .icon-social-hacker-news:before {
  681. content: "\f1cb"; }
  682.  
  683. .icon-social-hi5:before {
  684. content: "\f1cc"; }
  685.  
  686. .icon-social-instagram:before {
  687. content: "\f1cd"; }
  688.  
  689. .icon-social-joomla:before {
  690. content: "\f1ce"; }
  691.  
  692. .icon-social-lastfm:before {
  693. content: "\f1cf"; }
  694.  
  695. .icon-social-linkedin:before {
  696. content: "\f1d0"; }
  697.  
  698. .icon-social-medium:before {
  699. content: "\f1d1"; }
  700.  
  701. .icon-social-myspace:before {
  702. content: "\f1d2"; }
  703.  
  704. .icon-social-orkut:before {
  705. content: "\f1d3"; }
  706.  
  707. .icon-social-path:before {
  708. content: "\f1d4"; }
  709.  
  710. .icon-social-picasa:before {
  711. content: "\f1d5"; }
  712.  
  713. .icon-social-pinterest:before {
  714. content: "\f1d6"; }
  715.  
  716. .icon-social-rdio:before {
  717. content: "\f1d7"; }
  718.  
  719. .icon-social-reddit:before {
  720. content: "\f1d8"; }
  721.  
  722. .icon-social-skillshare:before {
  723. content: "\f1d9"; }
  724.  
  725. .icon-social-skype:before {
  726. content: "\f1da"; }
  727.  
  728. .icon-social-smashing-mag:before {
  729. content: "\f1db"; }
  730.  
  731. .icon-social-snapchat:before {
  732. content: "\f1dc"; }
  733.  
  734. .icon-social-spotify:before {
  735. content: "\f1dd"; }
  736.  
  737. .icon-social-squidoo:before {
  738. content: "\f1de"; }
  739.  
  740. .icon-social-stack-overflow:before {
  741. content: "\f1df"; }
  742.  
  743. .icon-social-steam:before {
  744. content: "\f1e0"; }
  745.  
  746. .icon-social-stumbleupon:before {
  747. content: "\f1e1"; }
  748.  
  749. .icon-social-treehouse:before {
  750. content: "\f1e2"; }
  751.  
  752. .icon-social-tumblr:before {
  753. content: "\f1e3"; }
  754.  
  755. .icon-social-twitter:before {
  756. content: "\f1e4"; }
  757.  
  758. .icon-social-vimeo:before {
  759. content: "\f1e5"; }
  760.  
  761. .icon-social-windows:before {
  762. content: "\f1e6"; }
  763.  
  764. .icon-social-xbox:before {
  765. content: "\f1e7"; }
  766.  
  767. .icon-social-yahoo:before {
  768. content: "\f1e8"; }
  769.  
  770. .icon-social-yelp:before {
  771. content: "\f1e9"; }
  772.  
  773. .icon-social-youtube:before {
  774. content: "\f1ea"; }
  775.  
  776. .icon-social-zerply:before {
  777. content: "\f1eb"; }
  778.  
  779. .icon-social-zurb:before {
  780. content: "\f1ec"; }
  781.  
  782. .icon-sound:before {
  783. content: "\f1ed"; }
  784.  
  785. .icon-star:before {
  786. content: "\f1ee"; }
  787.  
  788. .icon-stop:before {
  789. content: "\f1ef"; }
  790.  
  791. .icon-strikethrough:before {
  792. content: "\f1f0"; }
  793.  
  794. .icon-subscript:before {
  795. content: "\f1f1"; }
  796.  
  797. .icon-superscript:before {
  798. content: "\f1f2"; }
  799.  
  800. .icon-tablet-landscape:before {
  801. content: "\f1f3"; }
  802.  
  803. .icon-tablet-portrait:before {
  804. content: "\f1f4"; }
  805.  
  806. .icon-target-two:before {
  807. content: "\f1f5"; }
  808.  
  809. .icon-target:before {
  810. content: "\f1f6"; }
  811.  
  812. .icon-telephone-accessible:before {
  813. content: "\f1f7"; }
  814.  
  815. .icon-telephone:before {
  816. content: "\f1f8"; }
  817.  
  818. .icon-text-color:before {
  819. content: "\f1f9"; }
  820.  
  821. .icon-thumbnails:before {
  822. content: "\f1fa"; }
  823.  
  824. .icon-ticket:before {
  825. content: "\f1fb"; }
  826.  
  827. .icon-torso-business:before {
  828. content: "\f1fc"; }
  829.  
  830. .icon-torso-female:before {
  831. content: "\f1fd"; }
  832.  
  833. .icon-torso:before {
  834. content: "\f1fe"; }
  835.  
  836. .icon-torsos-all-female:before {
  837. content: "\f1ff"; }
  838.  
  839. .icon-torsos-all:before {
  840. content: "\f200"; }
  841.  
  842. .icon-torsos-female-male:before {
  843. content: "\f201"; }
  844.  
  845. .icon-torsos-male-female:before {
  846. content: "\f202"; }
  847.  
  848. .icon-torsos:before {
  849. content: "\f203"; }
  850.  
  851. .icon-trash:before {
  852. content: "\f204"; }
  853.  
  854. .icon-trees:before {
  855. content: "\f205"; }
  856.  
  857. .icon-trophy:before {
  858. content: "\f206"; }
  859.  
  860. .icon-underline:before {
  861. content: "\f207"; }
  862.  
  863. .icon-universal-access:before {
  864. content: "\f208"; }
  865.  
  866. .icon-unlink:before {
  867. content: "\f209"; }
  868.  
  869. .icon-unlock:before {
  870. content: "\f20a"; }
  871.  
  872. .icon-upload-cloud:before {
  873. content: "\f20b"; }
  874.  
  875. .icon-upload:before {
  876. content: "\f20c"; }
  877.  
  878. .icon-usb:before {
  879. content: "\f20d"; }
  880.  
  881. .icon-video:before {
  882. content: "\f20e"; }
  883.  
  884. .icon-volume-none:before {
  885. content: "\f20f"; }
  886.  
  887. .icon-volume-strike:before {
  888. content: "\f210"; }
  889.  
  890. .icon-volume:before {
  891. content: "\f211"; }
  892.  
  893. .icon-web:before {
  894. content: "\f212"; }
  895.  
  896. .icon-wheelchair:before {
  897. content: "\f213"; }
  898.  
  899. .icon-widget:before {
  900. content: "\f214"; }
  901.  
  902. .icon-wrench:before {
  903. content: "\f215"; }
  904.  
  905. .icon-x-circle:before {
  906. content: "\f216"; }
  907.  
  908. .icon-x:before {
  909. content: "\f217"; }
  910.  
  911. .icon-yen:before {
  912. content: "\f218"; }
  913.  
  914. .icon-zoom-in:before {
  915. content: "\f219"; }
  916.  
  917. .icon-zoom-out:before {
  918. content: "\f21a"; }
  919.  
  920. html, body {
  921. height: 100%; }
  922.  
  923. html {
  924. height: 100%;
  925. max-height: 100%; }
  926.  
  927. body {
  928. font-family: "Raleway", sans-serif;
  929. font-size: 1em;
  930. color: #666666; }
  931.  
  932. ::selection {
  933. background: #fae3df; }
  934.  
  935. ::-moz-selection {
  936. background: #fae3df; }
  937.  
  938. a {
  939. text-decoration: none;
  940. color: #e25440; }
  941. a:hover {
  942. color: #b9301c;
  943. -o-transition: .5s;
  944. -ms-transition: .5s;
  945. -moz-transition: .5s;
  946. -webkit-transition: .5s; }
  947.  
  948. h1,
  949. h2,
  950. h3,
  951. h4,
  952. h5,
  953. h5 {
  954. margin-top: .8em;
  955. margin-bottom: .4em;
  956. font-family: "Roboto Slab", serif;
  957. font-weight: lighter;
  958. color: #333333;
  959. -webkit-font-smoothing: antialiased; }
  960.  
  961. h1 {
  962. margin-top: 0;
  963. font-size: 3.2em;
  964. line-height: 1.2em;
  965. letter-spacing: .05em; }
  966.  
  967. h2 {
  968. font-size: 2.2em; }
  969.  
  970. h3 {
  971. font-size: 1.8em; }
  972.  
  973. h4 {
  974. font-size: 1.4em; }
  975.  
  976. h4 {
  977. font-size: 1.2em; }
  978.  
  979. h5 {
  980. font-size: 1em; }
  981.  
  982. p {
  983. margin-bottom: 1.3em;
  984. line-height: 1.7em; }
  985.  
  986. strong {
  987. font-weight: bold; }
  988.  
  989. em {
  990. font-style: italic; }
  991.  
  992. blockquote {
  993. margin: 1em 0;
  994. padding: 2em 0;
  995. background: #f8f8f8;
  996. border: 1px solid #eeeeee;
  997. border-radius: 3px;
  998. font-family: "Roboto Slab", serif;
  999. font-weight: lighter;
  1000. font-style: italic;
  1001. font-size: 1.3em;
  1002. text-align: center; }
  1003. blockquote p:last-child {
  1004. margin-bottom: 0; }
  1005.  
  1006. ol, ul {
  1007. margin: 0 0 1.3em 2.5em; }
  1008. ol li, ul li {
  1009. margin: 0 0 .2em 0;
  1010. line-height: 1.6em; }
  1011. ol ol, ol ul, ul ol, ul ul {
  1012. margin: .1em 0 .2em 2em; }
  1013.  
  1014. ol {
  1015. list-style-type: decimal; }
  1016.  
  1017. ul {
  1018. list-style-type: disc; }
  1019.  
  1020. code {
  1021. padding: .1em .4em;
  1022. background: #e8f2fb;
  1023. border: 1px solid #c9e1f6;
  1024. border-radius: 3px;
  1025. font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
  1026. font-size: .85em; }
  1027.  
  1028. pre {
  1029. margin-bottom: 1.3em;
  1030. /* padding: 1em 2.5%;
  1031. background: #e8f2fb;
  1032. border: 1px solid #c9e1f6; */
  1033. border-radius: 3px;
  1034. font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
  1035. font-size: .9em;
  1036. font-weight: normal;
  1037. line-height: 1.3em; }
  1038. pre code {
  1039. padding: 0;
  1040. background: none;
  1041. border: none; }
  1042.  
  1043. .date,
  1044. .time,
  1045. .author,
  1046. .tags {
  1047. font-size: .8em;
  1048. color: #c7c7c7; }
  1049. .date a,
  1050. .time a,
  1051. .author a,
  1052. .tags a {
  1053. color: #666666; }
  1054. .date a:hover,
  1055. .time a:hover,
  1056. .author a:hover,
  1057. .tags a:hover {
  1058. color: #b9301c; }
  1059.  
  1060. .excerpt {
  1061. margin: 0;
  1062. font-size: .9em;
  1063. color: #999999; }
  1064.  
  1065. .intro {
  1066. font-family: "Roboto Slab", serif;
  1067. font-size: 1.2em;
  1068. font-weight: lighter;
  1069. color: #999999; }
  1070.  
  1071. .block-heading {
  1072. display: inline;
  1073. float: left;
  1074. width: 940px;
  1075. margin: 0 10px;
  1076. position: relative;
  1077. bottom: -15px;
  1078. font-size: .8em;
  1079. font-weight: bold;
  1080. text-align: center;
  1081. text-transform: uppercase;
  1082. letter-spacing: 1px; }
  1083.  
  1084. .label {
  1085. position: relative;
  1086. display: inline-block;
  1087. padding: 8px 18px 9px 18px;
  1088. background: #e25440;
  1089. border-radius: 3px;
  1090. text-align: center;
  1091. color: #FFF; }
  1092.  
  1093. .container {
  1094. position: relative;
  1095. z-index: 500;
  1096. width: 940px;
  1097. margin: 0 auto; }
  1098.  
  1099. .content-wrapper {
  1100. z-index: 800;
  1101. width: 60%;
  1102. max-width: 800px;
  1103. margin-left: 40%; }
  1104.  
  1105. .content-wrapper__inner {
  1106. margin: 0 10%;
  1107. display:none;
  1108. padding: 50px 0; }
  1109.  
  1110. .footer {
  1111. display: block;
  1112. padding: 2em 0 0 0;
  1113. border-top: 2px solid #dddddd;
  1114. font-size: .7em;
  1115. color: #b3b3b3; }
  1116.  
  1117. .footer__copyright {
  1118. display: block;
  1119. margin-bottom: .7em; }
  1120. .footer__copyright a {
  1121. color: #a6a6a6;
  1122. text-decoration: underline; }
  1123. .footer__copyright a:hover {
  1124. color: #b9301c; }
  1125.  
  1126. .avatar,
  1127. .logo {
  1128. border-radius: 50%;
  1129. border: 3px solid #FFF;
  1130. box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3); }
  1131.  
  1132. hr {
  1133. border: none; }
  1134.  
  1135. .section-title__divider {
  1136. width: 30%;
  1137. margin: 2.2em 0 2.1em 0;
  1138. border-top: 1px solid #dddddd; }
  1139.  
  1140. .hidden {
  1141. display: none !important; }
  1142.  
  1143. .post-comments {
  1144. border-top: 1px solid #dddddd;
  1145. padding: 60px 0; }
  1146.  
  1147. .post-meta {
  1148. margin: 0 0 .4em 0;
  1149. color: #c7c7c7; }
  1150.  
  1151. .post-meta__date {
  1152. margin-right: .5em; }
  1153.  
  1154. .post-meta__tags {
  1155. margin-left: .4em; }
  1156.  
  1157. .post-meta__author {
  1158. margin-left: 1.5em; }
  1159.  
  1160. .post-meta__avatar {
  1161. display: inline-block;
  1162. width: 22px;
  1163. height: 22px;
  1164. margin: 0 .3em -.4em 0;
  1165. border: none;
  1166. box-shadow: none; }
  1167.  
  1168. .post img {
  1169. max-width: 100%;
  1170. margin: 0 auto;
  1171. border-radius: 3px;
  1172. text-align: center; }
  1173. .post pre {
  1174. width: 95%; }
  1175. .post hr {
  1176. display: block;
  1177. width: 30%;
  1178. margin: 2em 0;
  1179. border-top: 1px solid #dddddd; }
  1180.  
  1181. .error-code {
  1182. font-size: 6em; }
  1183.  
  1184. .panel {
  1185. display: table;
  1186. width: 100%;
  1187. height: 100%; }
  1188.  
  1189. .panel__vertical {
  1190. display: table-cell;
  1191. vertical-align: middle; }
  1192.  
  1193. .panel-title {
  1194. margin: 0 0 5px 0;
  1195. font-size: 2.5em;
  1196. letter-spacing: 4px;
  1197. color: #FFF; }
  1198.  
  1199. .panel-subtitle {
  1200. font-family: "Roboto Slab", serif;
  1201. font-size: 1.2em;
  1202. font-weight: lighter;
  1203. letter-spacing: 3px;
  1204. color: #cccccc;
  1205. -webkit-font-smoothing: antialiased; }
  1206.  
  1207. .panel-cover {
  1208. display: block;
  1209. position: fixed;
  1210. z-index: 900;
  1211. width: 100%;
  1212. max-width: none;
  1213. height: 100%;
  1214. background: url(../images/background-cover.jpg) top left no-repeat #666666;
  1215. background-size: cover; }
  1216.  
  1217. .panel-cover--collapsed {
  1218. width: 40%;
  1219. max-width: 530px; }
  1220.  
  1221. .panel-cover--overlay {
  1222. display: block;
  1223. position: absolute;
  1224. z-index: 0;
  1225. top: 0;
  1226. right: 0;
  1227. bottom: 0;
  1228. left: 0;
  1229. background-color: rgba(68, 68, 68, 0.6);
  1230. background-image: -webkit-linear-gradient(-410deg, rgba(68, 68, 68, 0.6) 20%, rgba(0, 0, 0, 0.9));
  1231. background-image: linear-gradient(140deg,rgba(68, 68, 68, 0.6) 20%, rgba(0, 0, 0, 0.9)); }
  1232.  
  1233. .panel-cover__logo {
  1234. margin-bottom: .2em; }
  1235.  
  1236. .panel-cover__description {
  1237. margin: 0 30px; }
  1238.  
  1239. .panel-cover__divider {
  1240. width: 50%;
  1241. margin: 20px auto;
  1242. border-top: 1px solid rgba(255, 255, 255, 0.14); }
  1243.  
  1244. .panel-cover__divider--secondary {
  1245. width: 15%; }
  1246.  
  1247. .panel-main {
  1248. display: table;
  1249. width: 100%;
  1250. height: 100%; }
  1251.  
  1252. .no-js .panel-main {
  1253. width: 40%;
  1254. max-width: 530px; }
  1255.  
  1256. .panel-main__inner {
  1257. display: table-cell;
  1258. vertical-align: middle;
  1259. position: relative;
  1260. z-index: 800;
  1261. padding: 0 60px; }
  1262.  
  1263. .panel-main__content {
  1264. max-width: 620px;
  1265. margin: 0 auto; }
  1266.  
  1267. .panel-main__content--fixed {
  1268. width: 480px;
  1269. transition: width 1s;
  1270. -webkit-transition: width 1s;
  1271. /* Safari */ }
  1272.  
  1273. .panel-inverted {
  1274. font-weight: 100;
  1275. text-align: center;
  1276. color: #FFF;
  1277. text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); }
  1278. .panel-inverted a {
  1279. color: #FFF; }
  1280.  
  1281. .cover-navigation {
  1282. margin-top: 10px; }
  1283.  
  1284. .cover-navigation--social {
  1285. margin-left: 30px; }
  1286.  
  1287. .cover-green {
  1288. background-color: rgba(21, 111, 120, 0.6);
  1289. background-image: -webkit-linear-gradient(-410deg, rgba(21, 111, 120, 0.6) 20%, rgba(6, 31, 33, 0.8));
  1290. background-image: linear-gradient(140deg,rgba(21, 111, 120, 0.6) 20%, rgba(6, 31, 33, 0.8)); }
  1291.  
  1292. .cover-purple {
  1293. background-color: rgba(73, 50, 82, 0.6);
  1294. background-image: -webkit-linear-gradient(-410deg, rgba(73, 50, 82, 0.6) 20%, rgba(17, 11, 19, 0.8));
  1295. background-image: linear-gradient(140deg,rgba(73, 50, 82, 0.6) 20%, rgba(17, 11, 19, 0.8)); }
  1296.  
  1297. .cover-red {
  1298. background-color: rgba(119, 31, 18, 0.6);
  1299. background-image: -webkit-linear-gradient(-410deg, rgba(119, 31, 18, 0.6) 20%, rgba(30, 8, 5, 0.8));
  1300. background-image: linear-gradient(140deg,rgba(119, 31, 18, 0.6) 20%, rgba(30, 8, 5, 0.8)); }
  1301.  
  1302. .cover-slate {
  1303. background-color: rgba(61, 66, 96, 0.6);
  1304. background-image: -webkit-linear-gradient(-410deg, rgba(61, 66, 96, 0.6) 20%, rgba(21, 23, 34, 0.8));
  1305. background-image: linear-gradient(140deg,rgba(61, 66, 96, 0.6) 20%, rgba(21, 23, 34, 0.8)); }
  1306.  
  1307. .cover-disabled {
  1308. background: none; }
  1309.  
  1310. .btn, .navigation__item a {
  1311. padding: 10px 20px;
  1312. border: 1px solid #e25440;
  1313. border-radius: 20px;
  1314. font-size: .9em;
  1315. font-weight: bold;
  1316. letter-spacing: 1px;
  1317. text-shadow: none;
  1318. color: #e25440;
  1319. -webkit-font-smoothing: antialiased; }
  1320. .btn:hover, .navigation__item a:hover {
  1321. color: #b9301c;
  1322. border-color: #b9301c; }
  1323.  
  1324. .btn-secondary {
  1325. border-color: #5ba4e5;
  1326. color: #5ba4e5; }
  1327. .btn-secondary:hover {
  1328. color: #217fd2;
  1329. border-color: #217fd2; }
  1330.  
  1331. .btn-tertiary {
  1332. border-color: #999999;
  1333. color: #999999; }
  1334. .btn-tertiary:hover {
  1335. color: #737373;
  1336. border-color: #737373; }
  1337.  
  1338. .btn-large {
  1339. padding: 10px 24px;
  1340. font-size: 1.1em; }
  1341.  
  1342. .btn-small {
  1343. padding: 8px 12px;
  1344. font-size: .7em; }
  1345.  
  1346. .btn-mobile-menu {
  1347. display: none;
  1348. position: fixed;
  1349. z-index: 9999;
  1350. top: 0;
  1351. right: 0;
  1352. left: 0;
  1353. width: 100%;
  1354. height: 42px;
  1355. background: rgba(0, 0, 0, 0.40);
  1356. border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  1357. text-align: center; }
  1358.  
  1359. .btn-mobile-menu__icon,
  1360. .btn-mobile-close__icon {
  1361. position: relative;
  1362. top: 3px;
  1363. font-size: 36px;
  1364. color: #FFF; }
  1365.  
  1366. nav {
  1367. display: inline-block;
  1368. position: relative; }
  1369.  
  1370. .navigation {
  1371. display: inline-block;
  1372. float: left;
  1373. position: relative;
  1374. margin: 0;
  1375. list-style-type: none; }
  1376.  
  1377. .navigation__item {
  1378. display: inline-block;
  1379. margin: 0 2px 0 0;
  1380. line-height: 1em; }
  1381. .navigation__item a {
  1382. display: block;
  1383. position: relative;
  1384. border-color: #FFF;
  1385. color: #FFF;
  1386. opacity: .8; }
  1387. .navigation__item a:hover {
  1388. color: #FFF;
  1389. border-color: #FFF;
  1390. opacity: 1; }
  1391.  
  1392. .navigation--social {
  1393. margin-left: 1.5em; }
  1394. .navigation--social a {
  1395. padding: 6px 8px 6px 9px; }
  1396. .navigation--social a .label {
  1397. display: none; }
  1398. .navigation--social a .icon {
  1399. display: block;
  1400. font-size: 1.7em; }
  1401.  
  1402. .pagination {
  1403. display: block;
  1404. margin: 0 0 4em 0; }
  1405.  
  1406. .pagination__page-number {
  1407. margin: 0;
  1408. font-size: .8em;
  1409. color: #999999; }
  1410.  
  1411. .pagination__newer {
  1412. margin-right: 1em; }
  1413.  
  1414. .pagination__older {
  1415. margin-left: 1em; }
  1416.  
  1417. i {
  1418. font-family: 'entypo';
  1419. font-weight: normal;
  1420. font-style: normal;
  1421. font-size: 18px; }
  1422.  
  1423. .icon-social {
  1424. font-family: 'entypo-social';
  1425. font-size: 22px;
  1426. display: block;
  1427. position: relative; }
  1428.  
  1429. .post-list {
  1430. margin: 0;
  1431. padding: 0;
  1432. list-style-type: none;
  1433. text-align: left; }
  1434. .post-list li {
  1435. margin: 0 0 2.2em 0; }
  1436. .post-list li:last-child hr {
  1437. display: none; }
  1438.  
  1439. .post-list__post-title {
  1440. margin-top: 0;
  1441. margin-bottom: .2em;
  1442. font-size: 1.5em;
  1443. line-height: 1.3em; }
  1444. .post-list__post-title a {
  1445. color: #333333; }
  1446. .post-list__post-title a:hover {
  1447. color: #b9301c; }
  1448.  
  1449. .post-list__meta {
  1450. display: block;
  1451. margin: .7em 0 0 0;
  1452. font-size: .9em;
  1453. color: #c7c7c7; }
  1454.  
  1455. .post-list__meta--date {
  1456. margin-right: .5em;
  1457. color: #c7c7c7; }
  1458.  
  1459. .post-list__meta--tags {
  1460. margin-left: .5em; }
  1461.  
  1462. .post-list__divider {
  1463. width: 30%;
  1464. margin: 2.2em 0 2.1em 0;
  1465. border-top: 1px solid #dddddd; }
  1466.  
  1467. *:focus {
  1468. outline: none; }
  1469.  
  1470. input[type="text"],
  1471. input[type="password"],
  1472. input[type="datetime"],
  1473. input[type="datetime-local"],
  1474. input[type="date"],
  1475. input[type="month"],
  1476. input[type="time"],
  1477. input[type="week"],
  1478. input[type="number"],
  1479. input[type="email"],
  1480. input[type="url"],
  1481. input[type="search"],
  1482. input[type="tel"] {
  1483. width: 240px;
  1484. padding: 1em 1em;
  1485. background: #FFF;
  1486. border: 1px solid #dddddd;
  1487. border-radius: 3px;
  1488. font-size: .9em;
  1489. color: #666666; }
  1490. input[type="text"]:focus,
  1491. input[type="password"]:focus,
  1492. input[type="datetime"]:focus,
  1493. input[type="datetime-local"]:focus,
  1494. input[type="date"]:focus,
  1495. input[type="month"]:focus,
  1496. input[type="time"]:focus,
  1497. input[type="week"]:focus,
  1498. input[type="number"]:focus,
  1499. input[type="email"]:focus,
  1500. input[type="url"]:focus,
  1501. input[type="search"]:focus,
  1502. input[type="tel"]:focus {
  1503. border-color: #5ba4e5; }
  1504. input[type="text"]::-webkit-input-placeholder,
  1505. input[type="password"]::-webkit-input-placeholder,
  1506. input[type="datetime"]::-webkit-input-placeholder,
  1507. input[type="datetime-local"]::-webkit-input-placeholder,
  1508. input[type="date"]::-webkit-input-placeholder,
  1509. input[type="month"]::-webkit-input-placeholder,
  1510. input[type="time"]::-webkit-input-placeholder,
  1511. input[type="week"]::-webkit-input-placeholder,
  1512. input[type="number"]::-webkit-input-placeholder,
  1513. input[type="email"]::-webkit-input-placeholder,
  1514. input[type="url"]::-webkit-input-placeholder,
  1515. input[type="search"]::-webkit-input-placeholder,
  1516. input[type="tel"]::-webkit-input-placeholder {
  1517. color: #cccccc; }
  1518. input[type="text"]::-moz-placeholder,
  1519. input[type="password"]::-moz-placeholder,
  1520. input[type="datetime"]::-moz-placeholder,
  1521. input[type="datetime-local"]::-moz-placeholder,
  1522. input[type="date"]::-moz-placeholder,
  1523. input[type="month"]::-moz-placeholder,
  1524. input[type="time"]::-moz-placeholder,
  1525. input[type="week"]::-moz-placeholder,
  1526. input[type="number"]::-moz-placeholder,
  1527. input[type="email"]::-moz-placeholder,
  1528. input[type="url"]::-moz-placeholder,
  1529. input[type="search"]::-moz-placeholder,
  1530. input[type="tel"]::-moz-placeholder {
  1531. color: #cccccc; }
  1532. input[type="text"]:-moz-placeholder,
  1533. input[type="password"]:-moz-placeholder,
  1534. input[type="datetime"]:-moz-placeholder,
  1535. input[type="datetime-local"]:-moz-placeholder,
  1536. input[type="date"]:-moz-placeholder,
  1537. input[type="month"]:-moz-placeholder,
  1538. input[type="time"]:-moz-placeholder,
  1539. input[type="week"]:-moz-placeholder,
  1540. input[type="number"]:-moz-placeholder,
  1541. input[type="email"]:-moz-placeholder,
  1542. input[type="url"]:-moz-placeholder,
  1543. input[type="search"]:-moz-placeholder,
  1544. input[type="tel"]:-moz-placeholder {
  1545. color: #cccccc; }
  1546. input[type="text"]:-ms-input-placeholder,
  1547. input[type="password"]:-ms-input-placeholder,
  1548. input[type="datetime"]:-ms-input-placeholder,
  1549. input[type="datetime-local"]:-ms-input-placeholder,
  1550. input[type="date"]:-ms-input-placeholder,
  1551. input[type="month"]:-ms-input-placeholder,
  1552. input[type="time"]:-ms-input-placeholder,
  1553. input[type="week"]:-ms-input-placeholder,
  1554. input[type="number"]:-ms-input-placeholder,
  1555. input[type="email"]:-ms-input-placeholder,
  1556. input[type="url"]:-ms-input-placeholder,
  1557. input[type="search"]:-ms-input-placeholder,
  1558. input[type="tel"]:-ms-input-placeholder {
  1559. color: #cccccc; }
  1560.  
  1561. @media all and (min-width: 1300px) {
  1562. .content-wrapper {
  1563. margin-left: 530px; } }
  1564. @media all and (max-width: 1100px) {
  1565. .panel-cover__logo {
  1566. width: 70px; }
  1567.  
  1568. .panel-title {
  1569. font-size: 2em; }
  1570.  
  1571. .panel-subtitle {
  1572. font-size: 1em; }
  1573.  
  1574. .panel-cover__description {
  1575. margin: 0 10px;
  1576. font-size: .9em; }
  1577.  
  1578. .navigation--social {
  1579. margin-top: 5px;
  1580. margin-left: 0; } }
  1581. @media all and (max-width: 960px) {
  1582. .btn-mobile-menu {
  1583. display: block; }
  1584.  
  1585. .panel-main {
  1586. display: table;
  1587. position: relative; }
  1588.  
  1589. .panel-cover--collapsed {
  1590. width: 100%;
  1591. max-width: none; }
  1592.  
  1593. .panel-main__inner {
  1594. display: table-cell;
  1595. padding: 60px 10%; }
  1596.  
  1597. .panel-cover__description {
  1598. display: block;
  1599. max-width: 600px;
  1600. margin: 0 auto; }
  1601.  
  1602. .panel-cover__divider--secondary {
  1603. display: none; }
  1604.  
  1605. .panel-cover {
  1606. width: 100%;
  1607. height: 100%;
  1608. background-position: center center; }
  1609. .panel-cover.panel-cover--collapsed {
  1610. display: block;
  1611. position: relative;
  1612. height: auto;
  1613. padding: 0;
  1614. background-position: center center; }
  1615. .panel-cover.panel-cover--collapsed .panel-main__inner {
  1616. display: block;
  1617. padding: 70px 0 30px 0; }
  1618. .panel-cover.panel-cover--collapsed .panel-cover__logo {
  1619. width: 60px;
  1620. border-width: 2px; }
  1621. .panel-cover.panel-cover--collapsed .panel-cover__description {
  1622. display: none; }
  1623. .panel-cover.panel-cover--collapsed .panel-cover__divider {
  1624. display: none;
  1625. margin: 1em auto; }
  1626.  
  1627. .navigation-wrapper {
  1628. display: none;
  1629. position: fixed;
  1630. top: 42px;
  1631. right: 0;
  1632. left: 0;
  1633. width: 100%;
  1634. padding: 20px 0;
  1635. background: rgba(51, 51, 51, 0.98);
  1636. border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
  1637. .navigation-wrapper.visible {
  1638. display: block; }
  1639.  
  1640. .cover-navigation {
  1641. display: block;
  1642. position: relative;
  1643. float: left;
  1644. clear: left;
  1645. width: 100%; }
  1646. .cover-navigation .navigation {
  1647. display: block;
  1648. width: 100%; }
  1649. .cover-navigation .navigation li {
  1650. width: 80%;
  1651. margin-bottom: .4em; }
  1652. .cover-navigation.navigation--social {
  1653. padding-top: 5px; }
  1654. .cover-navigation.navigation--social .navigation li {
  1655. display: inline-block;
  1656. width: 25.8%; }
  1657.  
  1658. .content-wrapper {
  1659. width: 80%;
  1660. max-width: none;
  1661. margin: 0 auto; }
  1662.  
  1663. .content-wrapper__inner {
  1664. margin-right: 0;
  1665. margin-left: 0; }
  1666.  
  1667. .navigation__item {
  1668. width: 100%;
  1669. margin: 0 0 .4em 0; } }
  1670. @media all and (max-width: 340px) {
  1671. .panel-main__inner {
  1672. padding: 0 5%; }
  1673.  
  1674. .panel-title {
  1675. margin-bottom: .1em;
  1676. font-size: 1.5em; }
  1677.  
  1678. .panel-subtitle {
  1679. font-size: .9em; }
  1680.  
  1681. .btn, .navigation__item a {
  1682. display: block;
  1683. margin-bottom: .4em; } }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement