1683 lines
31 KiB
SCSS
1683 lines
31 KiB
SCSS
@import 'https://fonts.googleapis.com/css?family=Raleway:400,700|Roboto+Slab:300,400)';
|
|
/* http://meyerweb.com/eric/tools/css/reset/
|
|
v2.0 | 20110126
|
|
License: none (public domain)
|
|
*/
|
|
@import "animate";
|
|
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 {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0;
|
|
font-size: 100%;
|
|
font: inherit;
|
|
vertical-align: baseline; }
|
|
|
|
/* HTML5 display-role reset for older browsers */
|
|
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
|
|
display: block; }
|
|
|
|
body {
|
|
line-height: 1; }
|
|
|
|
ol, ul {
|
|
list-style: none; }
|
|
|
|
blockquote, q {
|
|
quotes: none; }
|
|
|
|
blockquote:before, blockquote:after {
|
|
content: '';
|
|
content: none; }
|
|
|
|
q:before, q:after {
|
|
content: '';
|
|
content: none; }
|
|
|
|
table {
|
|
border-collapse: collapse;
|
|
border-spacing: 0; }
|
|
|
|
body {
|
|
width: 100%;
|
|
*zoom: 1; }
|
|
body:before, body:after {
|
|
content: "";
|
|
display: table; }
|
|
body:after {
|
|
clear: both; }
|
|
|
|
/*
|
|
* Foundation Icons v 3.0
|
|
* Made by ZURB 2013 http://zurb.com/playground/foundation-icon-fonts-3
|
|
* MIT License
|
|
*/
|
|
@font-face {
|
|
font-family: "foundation-icons";
|
|
src: url("../fonts/foundation-icons/foundation-icons.eot");
|
|
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");
|
|
font-weight: normal;
|
|
font-style: normal; }
|
|
.icon:before {
|
|
font-family: "foundation-icons";
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
-webkit-font-smoothing: antialiased;
|
|
display: inline-block;
|
|
text-decoration: inherit; }
|
|
|
|
.icon-address-book:before {
|
|
content: "\f100"; }
|
|
|
|
.icon-alert:before {
|
|
content: "\f101"; }
|
|
|
|
.icon-align-center:before {
|
|
content: "\f102"; }
|
|
|
|
.icon-align-justify:before {
|
|
content: "\f103"; }
|
|
|
|
.icon-align-left:before {
|
|
content: "\f104"; }
|
|
|
|
.icon-align-right:before {
|
|
content: "\f105"; }
|
|
|
|
.icon-anchor:before {
|
|
content: "\f106"; }
|
|
|
|
.icon-annotate:before {
|
|
content: "\f107"; }
|
|
|
|
.icon-archive:before {
|
|
content: "\f108"; }
|
|
|
|
.icon-arrow-down:before {
|
|
content: "\f109"; }
|
|
|
|
.icon-arrow-left:before {
|
|
content: "\f10a"; }
|
|
|
|
.icon-arrow-right:before {
|
|
content: "\f10b"; }
|
|
|
|
.icon-arrow-up:before {
|
|
content: "\f10c"; }
|
|
|
|
.icon-arrows-compress:before {
|
|
content: "\f10d"; }
|
|
|
|
.icon-arrows-expand:before {
|
|
content: "\f10e"; }
|
|
|
|
.icon-arrows-in:before {
|
|
content: "\f10f"; }
|
|
|
|
.icon-arrows-out:before {
|
|
content: "\f110"; }
|
|
|
|
.icon-asl:before {
|
|
content: "\f111"; }
|
|
|
|
.icon-asterisk:before {
|
|
content: "\f112"; }
|
|
|
|
.icon-at-sign:before {
|
|
content: "\f113"; }
|
|
|
|
.icon-background-color:before {
|
|
content: "\f114"; }
|
|
|
|
.icon-battery-empty:before {
|
|
content: "\f115"; }
|
|
|
|
.icon-battery-full:before {
|
|
content: "\f116"; }
|
|
|
|
.icon-battery-half:before {
|
|
content: "\f117"; }
|
|
|
|
.icon-bitcoin-circle:before {
|
|
content: "\f118"; }
|
|
|
|
.icon-bitcoin:before {
|
|
content: "\f119"; }
|
|
|
|
.icon-blind:before {
|
|
content: "\f11a"; }
|
|
|
|
.icon-bluetooth:before {
|
|
content: "\f11b"; }
|
|
|
|
.icon-bold:before {
|
|
content: "\f11c"; }
|
|
|
|
.icon-book-bookmark:before {
|
|
content: "\f11d"; }
|
|
|
|
.icon-book:before {
|
|
content: "\f11e"; }
|
|
|
|
.icon-bookmark:before {
|
|
content: "\f11f"; }
|
|
|
|
.icon-braille:before {
|
|
content: "\f120"; }
|
|
|
|
.icon-burst-new:before {
|
|
content: "\f121"; }
|
|
|
|
.icon-burst-sale:before {
|
|
content: "\f122"; }
|
|
|
|
.icon-burst:before {
|
|
content: "\f123"; }
|
|
|
|
.icon-calendar:before {
|
|
content: "\f124"; }
|
|
|
|
.icon-camera:before {
|
|
content: "\f125"; }
|
|
|
|
.icon-check:before {
|
|
content: "\f126"; }
|
|
|
|
.icon-checkbox:before {
|
|
content: "\f127"; }
|
|
|
|
.icon-clipboard-notes:before {
|
|
content: "\f128"; }
|
|
|
|
.icon-clipboard-pencil:before {
|
|
content: "\f129"; }
|
|
|
|
.icon-clipboard:before {
|
|
content: "\f12a"; }
|
|
|
|
.icon-clock:before {
|
|
content: "\f12b"; }
|
|
|
|
.icon-closed-caption:before {
|
|
content: "\f12c"; }
|
|
|
|
.icon-cloud:before {
|
|
content: "\f12d"; }
|
|
|
|
.icon-comment-minus:before {
|
|
content: "\f12e"; }
|
|
|
|
.icon-comment-quotes:before {
|
|
content: "\f12f"; }
|
|
|
|
.icon-comment-video:before {
|
|
content: "\f130"; }
|
|
|
|
.icon-comment:before {
|
|
content: "\f131"; }
|
|
|
|
.icon-comments:before {
|
|
content: "\f132"; }
|
|
|
|
.icon-compass:before {
|
|
content: "\f133"; }
|
|
|
|
.icon-contrast:before {
|
|
content: "\f134"; }
|
|
|
|
.icon-credit-card:before {
|
|
content: "\f135"; }
|
|
|
|
.icon-crop:before {
|
|
content: "\f136"; }
|
|
|
|
.icon-crown:before {
|
|
content: "\f137"; }
|
|
|
|
.icon-css3:before {
|
|
content: "\f138"; }
|
|
|
|
.icon-database:before {
|
|
content: "\f139"; }
|
|
|
|
.icon-die-five:before {
|
|
content: "\f13a"; }
|
|
|
|
.icon-die-four:before {
|
|
content: "\f13b"; }
|
|
|
|
.icon-die-one:before {
|
|
content: "\f13c"; }
|
|
|
|
.icon-die-six:before {
|
|
content: "\f13d"; }
|
|
|
|
.icon-die-three:before {
|
|
content: "\f13e"; }
|
|
|
|
.icon-die-two:before {
|
|
content: "\f13f"; }
|
|
|
|
.icon-dislike:before {
|
|
content: "\f140"; }
|
|
|
|
.icon-dollar-bill:before {
|
|
content: "\f141"; }
|
|
|
|
.icon-dollar:before {
|
|
content: "\f142"; }
|
|
|
|
.icon-download:before {
|
|
content: "\f143"; }
|
|
|
|
.icon-eject:before {
|
|
content: "\f144"; }
|
|
|
|
.icon-elevator:before {
|
|
content: "\f145"; }
|
|
|
|
.icon-euro:before {
|
|
content: "\f146"; }
|
|
|
|
.icon-eye:before {
|
|
content: "\f147"; }
|
|
|
|
.icon-fast-forward:before {
|
|
content: "\f148"; }
|
|
|
|
.icon-female-symbol:before {
|
|
content: "\f149"; }
|
|
|
|
.icon-female:before {
|
|
content: "\f14a"; }
|
|
|
|
.icon-filter:before {
|
|
content: "\f14b"; }
|
|
|
|
.icon-first-aid:before {
|
|
content: "\f14c"; }
|
|
|
|
.icon-flag:before {
|
|
content: "\f14d"; }
|
|
|
|
.icon-folder-add:before {
|
|
content: "\f14e"; }
|
|
|
|
.icon-folder-lock:before {
|
|
content: "\f14f"; }
|
|
|
|
.icon-folder:before {
|
|
content: "\f150"; }
|
|
|
|
.icon-foot:before {
|
|
content: "\f151"; }
|
|
|
|
.icon-foundation:before {
|
|
content: "\f152"; }
|
|
|
|
.icon-graph-bar:before {
|
|
content: "\f153"; }
|
|
|
|
.icon-graph-horizontal:before {
|
|
content: "\f154"; }
|
|
|
|
.icon-graph-pie:before {
|
|
content: "\f155"; }
|
|
|
|
.icon-graph-trend:before {
|
|
content: "\f156"; }
|
|
|
|
.icon-guide-dog:before {
|
|
content: "\f157"; }
|
|
|
|
.icon-hearing-aid:before {
|
|
content: "\f158"; }
|
|
|
|
.icon-heart:before {
|
|
content: "\f159"; }
|
|
|
|
.icon-home:before {
|
|
content: "\f15a"; }
|
|
|
|
.icon-html5:before {
|
|
content: "\f15b"; }
|
|
|
|
.icon-indent-less:before {
|
|
content: "\f15c"; }
|
|
|
|
.icon-indent-more:before {
|
|
content: "\f15d"; }
|
|
|
|
.icon-info:before {
|
|
content: "\f15e"; }
|
|
|
|
.icon-italic:before {
|
|
content: "\f15f"; }
|
|
|
|
.icon-key:before {
|
|
content: "\f160"; }
|
|
|
|
.icon-laptop:before {
|
|
content: "\f161"; }
|
|
|
|
.icon-layout:before {
|
|
content: "\f162"; }
|
|
|
|
.icon-lightbulb:before {
|
|
content: "\f163"; }
|
|
|
|
.icon-like:before {
|
|
content: "\f164"; }
|
|
|
|
.icon-link:before {
|
|
content: "\f165"; }
|
|
|
|
.icon-list-bullet:before {
|
|
content: "\f166"; }
|
|
|
|
.icon-list-number:before {
|
|
content: "\f167"; }
|
|
|
|
.icon-list-thumbnails:before {
|
|
content: "\f168"; }
|
|
|
|
.icon-list:before {
|
|
content: "\f169"; }
|
|
|
|
.icon-lock:before {
|
|
content: "\f16a"; }
|
|
|
|
.icon-loop:before {
|
|
content: "\f16b"; }
|
|
|
|
.icon-magnifying-glass:before {
|
|
content: "\f16c"; }
|
|
|
|
.icon-mail:before {
|
|
content: "\f16d"; }
|
|
|
|
.icon-male-female:before {
|
|
content: "\f16e"; }
|
|
|
|
.icon-male-symbol:before {
|
|
content: "\f16f"; }
|
|
|
|
.icon-male:before {
|
|
content: "\f170"; }
|
|
|
|
.icon-map:before {
|
|
content: "\f171"; }
|
|
|
|
.icon-marker:before {
|
|
content: "\f172"; }
|
|
|
|
.icon-megaphone:before {
|
|
content: "\f173"; }
|
|
|
|
.icon-microphone:before {
|
|
content: "\f174"; }
|
|
|
|
.icon-minus-circle:before {
|
|
content: "\f175"; }
|
|
|
|
.icon-minus:before {
|
|
content: "\f176"; }
|
|
|
|
.icon-mobile-signal:before {
|
|
content: "\f177"; }
|
|
|
|
.icon-mobile:before {
|
|
content: "\f178"; }
|
|
|
|
.icon-monitor:before {
|
|
content: "\f179"; }
|
|
|
|
.icon-mountains:before {
|
|
content: "\f17a"; }
|
|
|
|
.icon-music:before {
|
|
content: "\f17b"; }
|
|
|
|
.icon-next:before {
|
|
content: "\f17c"; }
|
|
|
|
.icon-no-dogs:before {
|
|
content: "\f17d"; }
|
|
|
|
.icon-no-smoking:before {
|
|
content: "\f17e"; }
|
|
|
|
.icon-page-add:before {
|
|
content: "\f17f"; }
|
|
|
|
.icon-page-copy:before {
|
|
content: "\f180"; }
|
|
|
|
.icon-page-csv:before {
|
|
content: "\f181"; }
|
|
|
|
.icon-page-delete:before {
|
|
content: "\f182"; }
|
|
|
|
.icon-page-doc:before {
|
|
content: "\f183"; }
|
|
|
|
.icon-page-edit:before {
|
|
content: "\f184"; }
|
|
|
|
.icon-page-export-csv:before {
|
|
content: "\f185"; }
|
|
|
|
.icon-page-export-doc:before {
|
|
content: "\f186"; }
|
|
|
|
.icon-page-export-pdf:before {
|
|
content: "\f187"; }
|
|
|
|
.icon-page-export:before {
|
|
content: "\f188"; }
|
|
|
|
.icon-page-filled:before {
|
|
content: "\f189"; }
|
|
|
|
.icon-page-multiple:before {
|
|
content: "\f18a"; }
|
|
|
|
.icon-page-pdf:before {
|
|
content: "\f18b"; }
|
|
|
|
.icon-page-remove:before {
|
|
content: "\f18c"; }
|
|
|
|
.icon-page-search:before {
|
|
content: "\f18d"; }
|
|
|
|
.icon-page:before {
|
|
content: "\f18e"; }
|
|
|
|
.icon-paint-bucket:before {
|
|
content: "\f18f"; }
|
|
|
|
.icon-paperclip:before {
|
|
content: "\f190"; }
|
|
|
|
.icon-pause:before {
|
|
content: "\f191"; }
|
|
|
|
.icon-paw:before {
|
|
content: "\f192"; }
|
|
|
|
.icon-paypal:before {
|
|
content: "\f193"; }
|
|
|
|
.icon-pencil:before {
|
|
content: "\f194"; }
|
|
|
|
.icon-photo:before {
|
|
content: "\f195"; }
|
|
|
|
.icon-play-circle:before {
|
|
content: "\f196"; }
|
|
|
|
.icon-play-video:before {
|
|
content: "\f197"; }
|
|
|
|
.icon-play:before {
|
|
content: "\f198"; }
|
|
|
|
.icon-plus:before {
|
|
content: "\f199"; }
|
|
|
|
.icon-pound:before {
|
|
content: "\f19a"; }
|
|
|
|
.icon-power:before {
|
|
content: "\f19b"; }
|
|
|
|
.icon-previous:before {
|
|
content: "\f19c"; }
|
|
|
|
.icon-price-tag:before {
|
|
content: "\f19d"; }
|
|
|
|
.icon-pricetag-multiple:before {
|
|
content: "\f19e"; }
|
|
|
|
.icon-print:before {
|
|
content: "\f19f"; }
|
|
|
|
.icon-prohibited:before {
|
|
content: "\f1a0"; }
|
|
|
|
.icon-projection-screen:before {
|
|
content: "\f1a1"; }
|
|
|
|
.icon-puzzle:before {
|
|
content: "\f1a2"; }
|
|
|
|
.icon-quote:before {
|
|
content: "\f1a3"; }
|
|
|
|
.icon-record:before {
|
|
content: "\f1a4"; }
|
|
|
|
.icon-refresh:before {
|
|
content: "\f1a5"; }
|
|
|
|
.icon-results-demographics:before {
|
|
content: "\f1a6"; }
|
|
|
|
.icon-results:before {
|
|
content: "\f1a7"; }
|
|
|
|
.icon-rewind-ten:before {
|
|
content: "\f1a8"; }
|
|
|
|
.icon-rewind:before {
|
|
content: "\f1a9"; }
|
|
|
|
.icon-rss:before {
|
|
content: "\f1aa"; }
|
|
|
|
.icon-safety-cone:before {
|
|
content: "\f1ab"; }
|
|
|
|
.icon-save:before {
|
|
content: "\f1ac"; }
|
|
|
|
.icon-share:before {
|
|
content: "\f1ad"; }
|
|
|
|
.icon-sheriff-badge:before {
|
|
content: "\f1ae"; }
|
|
|
|
.icon-shield:before {
|
|
content: "\f1af"; }
|
|
|
|
.icon-shopping-bag:before {
|
|
content: "\f1b0"; }
|
|
|
|
.icon-shopping-cart:before {
|
|
content: "\f1b1"; }
|
|
|
|
.icon-shuffle:before {
|
|
content: "\f1b2"; }
|
|
|
|
.icon-skull:before {
|
|
content: "\f1b3"; }
|
|
|
|
.icon-social-500px:before {
|
|
content: "\f1b4"; }
|
|
|
|
.icon-social-adobe:before {
|
|
content: "\f1b5"; }
|
|
|
|
.icon-social-amazon:before {
|
|
content: "\f1b6"; }
|
|
|
|
.icon-social-android:before {
|
|
content: "\f1b7"; }
|
|
|
|
.icon-social-apple:before {
|
|
content: "\f1b8"; }
|
|
|
|
.icon-social-behance:before {
|
|
content: "\f1b9"; }
|
|
|
|
.icon-social-bing:before {
|
|
content: "\f1ba"; }
|
|
|
|
.icon-social-blogger:before {
|
|
content: "\f1bb"; }
|
|
|
|
.icon-social-delicious:before {
|
|
content: "\f1bc"; }
|
|
|
|
.icon-social-designer-news:before {
|
|
content: "\f1bd"; }
|
|
|
|
.icon-social-deviant-art:before {
|
|
content: "\f1be"; }
|
|
|
|
.icon-social-digg:before {
|
|
content: "\f1bf"; }
|
|
|
|
.icon-social-dribbble:before {
|
|
content: "\f1c0"; }
|
|
|
|
.icon-social-drive:before {
|
|
content: "\f1c1"; }
|
|
|
|
.icon-social-dropbox:before {
|
|
content: "\f1c2"; }
|
|
|
|
.icon-social-evernote:before {
|
|
content: "\f1c3"; }
|
|
|
|
.icon-social-facebook:before {
|
|
content: "\f1c4"; }
|
|
|
|
.icon-social-flickr:before {
|
|
content: "\f1c5"; }
|
|
|
|
.icon-social-forrst:before {
|
|
content: "\f1c6"; }
|
|
|
|
.icon-social-foursquare:before {
|
|
content: "\f1c7"; }
|
|
|
|
.icon-social-game-center:before {
|
|
content: "\f1c8"; }
|
|
|
|
.icon-social-github:before {
|
|
content: "\f1c9"; }
|
|
|
|
.icon-social-google-plus:before {
|
|
content: "\f1ca"; }
|
|
|
|
.icon-social-hacker-news:before {
|
|
content: "\f1cb"; }
|
|
|
|
.icon-social-hi5:before {
|
|
content: "\f1cc"; }
|
|
|
|
.icon-social-instagram:before {
|
|
content: "\f1cd"; }
|
|
|
|
.icon-social-joomla:before {
|
|
content: "\f1ce"; }
|
|
|
|
.icon-social-lastfm:before {
|
|
content: "\f1cf"; }
|
|
|
|
.icon-social-linkedin:before {
|
|
content: "\f1d0"; }
|
|
|
|
.icon-social-medium:before {
|
|
content: "\f1d1"; }
|
|
|
|
.icon-social-myspace:before {
|
|
content: "\f1d2"; }
|
|
|
|
.icon-social-orkut:before {
|
|
content: "\f1d3"; }
|
|
|
|
.icon-social-path:before {
|
|
content: "\f1d4"; }
|
|
|
|
.icon-social-picasa:before {
|
|
content: "\f1d5"; }
|
|
|
|
.icon-social-pinterest:before {
|
|
content: "\f1d6"; }
|
|
|
|
.icon-social-rdio:before {
|
|
content: "\f1d7"; }
|
|
|
|
.icon-social-reddit:before {
|
|
content: "\f1d8"; }
|
|
|
|
.icon-social-skillshare:before {
|
|
content: "\f1d9"; }
|
|
|
|
.icon-social-skype:before {
|
|
content: "\f1da"; }
|
|
|
|
.icon-social-smashing-mag:before {
|
|
content: "\f1db"; }
|
|
|
|
.icon-social-snapchat:before {
|
|
content: "\f1dc"; }
|
|
|
|
.icon-social-spotify:before {
|
|
content: "\f1dd"; }
|
|
|
|
.icon-social-squidoo:before {
|
|
content: "\f1de"; }
|
|
|
|
.icon-social-stack-overflow:before {
|
|
content: "\f1df"; }
|
|
|
|
.icon-social-steam:before {
|
|
content: "\f1e0"; }
|
|
|
|
.icon-social-stumbleupon:before {
|
|
content: "\f1e1"; }
|
|
|
|
.icon-social-treehouse:before {
|
|
content: "\f1e2"; }
|
|
|
|
.icon-social-tumblr:before {
|
|
content: "\f1e3"; }
|
|
|
|
.icon-social-twitter:before {
|
|
content: "\f1e4"; }
|
|
|
|
.icon-social-vimeo:before {
|
|
content: "\f1e5"; }
|
|
|
|
.icon-social-windows:before {
|
|
content: "\f1e6"; }
|
|
|
|
.icon-social-xbox:before {
|
|
content: "\f1e7"; }
|
|
|
|
.icon-social-yahoo:before {
|
|
content: "\f1e8"; }
|
|
|
|
.icon-social-yelp:before {
|
|
content: "\f1e9"; }
|
|
|
|
.icon-social-youtube:before {
|
|
content: "\f1ea"; }
|
|
|
|
.icon-social-zerply:before {
|
|
content: "\f1eb"; }
|
|
|
|
.icon-social-zurb:before {
|
|
content: "\f1ec"; }
|
|
|
|
.icon-sound:before {
|
|
content: "\f1ed"; }
|
|
|
|
.icon-star:before {
|
|
content: "\f1ee"; }
|
|
|
|
.icon-stop:before {
|
|
content: "\f1ef"; }
|
|
|
|
.icon-strikethrough:before {
|
|
content: "\f1f0"; }
|
|
|
|
.icon-subscript:before {
|
|
content: "\f1f1"; }
|
|
|
|
.icon-superscript:before {
|
|
content: "\f1f2"; }
|
|
|
|
.icon-tablet-landscape:before {
|
|
content: "\f1f3"; }
|
|
|
|
.icon-tablet-portrait:before {
|
|
content: "\f1f4"; }
|
|
|
|
.icon-target-two:before {
|
|
content: "\f1f5"; }
|
|
|
|
.icon-target:before {
|
|
content: "\f1f6"; }
|
|
|
|
.icon-telephone-accessible:before {
|
|
content: "\f1f7"; }
|
|
|
|
.icon-telephone:before {
|
|
content: "\f1f8"; }
|
|
|
|
.icon-text-color:before {
|
|
content: "\f1f9"; }
|
|
|
|
.icon-thumbnails:before {
|
|
content: "\f1fa"; }
|
|
|
|
.icon-ticket:before {
|
|
content: "\f1fb"; }
|
|
|
|
.icon-torso-business:before {
|
|
content: "\f1fc"; }
|
|
|
|
.icon-torso-female:before {
|
|
content: "\f1fd"; }
|
|
|
|
.icon-torso:before {
|
|
content: "\f1fe"; }
|
|
|
|
.icon-torsos-all-female:before {
|
|
content: "\f1ff"; }
|
|
|
|
.icon-torsos-all:before {
|
|
content: "\f200"; }
|
|
|
|
.icon-torsos-female-male:before {
|
|
content: "\f201"; }
|
|
|
|
.icon-torsos-male-female:before {
|
|
content: "\f202"; }
|
|
|
|
.icon-torsos:before {
|
|
content: "\f203"; }
|
|
|
|
.icon-trash:before {
|
|
content: "\f204"; }
|
|
|
|
.icon-trees:before {
|
|
content: "\f205"; }
|
|
|
|
.icon-trophy:before {
|
|
content: "\f206"; }
|
|
|
|
.icon-underline:before {
|
|
content: "\f207"; }
|
|
|
|
.icon-universal-access:before {
|
|
content: "\f208"; }
|
|
|
|
.icon-unlink:before {
|
|
content: "\f209"; }
|
|
|
|
.icon-unlock:before {
|
|
content: "\f20a"; }
|
|
|
|
.icon-upload-cloud:before {
|
|
content: "\f20b"; }
|
|
|
|
.icon-upload:before {
|
|
content: "\f20c"; }
|
|
|
|
.icon-usb:before {
|
|
content: "\f20d"; }
|
|
|
|
.icon-video:before {
|
|
content: "\f20e"; }
|
|
|
|
.icon-volume-none:before {
|
|
content: "\f20f"; }
|
|
|
|
.icon-volume-strike:before {
|
|
content: "\f210"; }
|
|
|
|
.icon-volume:before {
|
|
content: "\f211"; }
|
|
|
|
.icon-web:before {
|
|
content: "\f212"; }
|
|
|
|
.icon-wheelchair:before {
|
|
content: "\f213"; }
|
|
|
|
.icon-widget:before {
|
|
content: "\f214"; }
|
|
|
|
.icon-wrench:before {
|
|
content: "\f215"; }
|
|
|
|
.icon-x-circle:before {
|
|
content: "\f216"; }
|
|
|
|
.icon-x:before {
|
|
content: "\f217"; }
|
|
|
|
.icon-yen:before {
|
|
content: "\f218"; }
|
|
|
|
.icon-zoom-in:before {
|
|
content: "\f219"; }
|
|
|
|
.icon-zoom-out:before {
|
|
content: "\f21a"; }
|
|
|
|
html, body {
|
|
height: 100%; }
|
|
|
|
html {
|
|
height: 100%;
|
|
max-height: 100%; }
|
|
|
|
body {
|
|
font-family: "Raleway", sans-serif;
|
|
font-size: 1em;
|
|
color: #666666; }
|
|
|
|
::selection {
|
|
background: #fae3df; }
|
|
|
|
::-moz-selection {
|
|
background: #fae3df; }
|
|
|
|
a {
|
|
text-decoration: none;
|
|
color: #e25440; }
|
|
a:hover {
|
|
color: #b9301c;
|
|
-o-transition: .5s;
|
|
-ms-transition: .5s;
|
|
-moz-transition: .5s;
|
|
-webkit-transition: .5s; }
|
|
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h5 {
|
|
margin-top: .8em;
|
|
margin-bottom: .4em;
|
|
font-family: "Roboto Slab", serif;
|
|
font-weight: lighter;
|
|
color: #333333;
|
|
-webkit-font-smoothing: antialiased; }
|
|
|
|
h1 {
|
|
margin-top: 0;
|
|
font-size: 3.2em;
|
|
line-height: 1.2em;
|
|
letter-spacing: .05em; }
|
|
|
|
h2 {
|
|
font-size: 2.2em; }
|
|
|
|
h3 {
|
|
font-size: 1.8em; }
|
|
|
|
h4 {
|
|
font-size: 1.4em; }
|
|
|
|
h4 {
|
|
font-size: 1.2em; }
|
|
|
|
h5 {
|
|
font-size: 1em; }
|
|
|
|
p {
|
|
margin-bottom: 1.3em;
|
|
line-height: 1.7em; }
|
|
|
|
strong {
|
|
font-weight: bold; }
|
|
|
|
em {
|
|
font-style: italic; }
|
|
|
|
blockquote {
|
|
margin: 1em 0;
|
|
padding: 2em 0;
|
|
background: #f8f8f8;
|
|
border: 1px solid #eeeeee;
|
|
border-radius: 3px;
|
|
font-family: "Roboto Slab", serif;
|
|
font-weight: lighter;
|
|
font-style: italic;
|
|
font-size: 1.3em;
|
|
text-align: center; }
|
|
blockquote p:last-child {
|
|
margin-bottom: 0; }
|
|
|
|
ol, ul {
|
|
margin: 0 0 1.3em 2.5em; }
|
|
ol li, ul li {
|
|
margin: 0 0 .2em 0;
|
|
line-height: 1.6em; }
|
|
ol ol, ol ul, ul ol, ul ul {
|
|
margin: .1em 0 .2em 2em; }
|
|
|
|
ol {
|
|
list-style-type: decimal; }
|
|
|
|
ul {
|
|
list-style-type: disc; }
|
|
|
|
code {
|
|
padding: .1em .4em;
|
|
background: #e8f2fb;
|
|
border: 1px solid #c9e1f6;
|
|
border-radius: 3px;
|
|
font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
|
|
font-size: .85em; }
|
|
|
|
pre {
|
|
margin-bottom: 1.3em;
|
|
/* padding: 1em 2.5%;
|
|
background: #e8f2fb;
|
|
border: 1px solid #c9e1f6; */
|
|
border-radius: 3px;
|
|
font-family: Consolas, Menlo, Monaco, Lucida Console, Liberation Mono, DejaVu Sans Mono, Bitstream Vera Sans Mono, Courier New, monospace, serif;
|
|
font-size: .9em;
|
|
font-weight: normal;
|
|
line-height: 1.3em; }
|
|
pre code {
|
|
padding: 0;
|
|
background: none;
|
|
border: none; }
|
|
|
|
.date,
|
|
.time,
|
|
.author,
|
|
.tags {
|
|
font-size: .8em;
|
|
color: #c7c7c7; }
|
|
.date a,
|
|
.time a,
|
|
.author a,
|
|
.tags a {
|
|
color: #666666; }
|
|
.date a:hover,
|
|
.time a:hover,
|
|
.author a:hover,
|
|
.tags a:hover {
|
|
color: #b9301c; }
|
|
|
|
.excerpt {
|
|
margin: 0;
|
|
font-size: .9em;
|
|
color: #999999; }
|
|
|
|
.intro {
|
|
font-family: "Roboto Slab", serif;
|
|
font-size: 1.2em;
|
|
font-weight: lighter;
|
|
color: #999999; }
|
|
|
|
.block-heading {
|
|
display: inline;
|
|
float: left;
|
|
width: 940px;
|
|
margin: 0 10px;
|
|
position: relative;
|
|
bottom: -15px;
|
|
font-size: .8em;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
letter-spacing: 1px; }
|
|
|
|
.label {
|
|
position: relative;
|
|
display: inline-block;
|
|
padding: 8px 18px 9px 18px;
|
|
background: #e25440;
|
|
border-radius: 3px;
|
|
text-align: center;
|
|
color: #FFF; }
|
|
|
|
.container {
|
|
position: relative;
|
|
z-index: 500;
|
|
width: 940px;
|
|
margin: 0 auto; }
|
|
|
|
.content-wrapper {
|
|
z-index: 800;
|
|
width: 60%;
|
|
max-width: 800px;
|
|
margin-left: 40%; }
|
|
|
|
.content-wrapper__inner {
|
|
margin: 0 10%;
|
|
padding: 50px 0; }
|
|
|
|
.footer {
|
|
display: block;
|
|
padding: 2em 0 0 0;
|
|
border-top: 2px solid #dddddd;
|
|
font-size: .7em;
|
|
color: #b3b3b3; }
|
|
|
|
.footer__copyright {
|
|
display: block;
|
|
margin-bottom: .7em; }
|
|
.footer__copyright a {
|
|
color: #a6a6a6;
|
|
text-decoration: underline; }
|
|
.footer__copyright a:hover {
|
|
color: #b9301c; }
|
|
|
|
.avatar,
|
|
.logo {
|
|
border-radius: 50%;
|
|
border: 3px solid #FFF;
|
|
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3); }
|
|
|
|
hr {
|
|
border: none; }
|
|
|
|
.section-title__divider {
|
|
width: 30%;
|
|
margin: 2.2em 0 2.1em 0;
|
|
border-top: 1px solid #dddddd; }
|
|
|
|
.hidden {
|
|
display: none !important; }
|
|
|
|
.post-comments {
|
|
border-top: 1px solid #dddddd;
|
|
padding: 60px 0; }
|
|
|
|
.post-meta {
|
|
margin: 0 0 .4em 0;
|
|
color: #c7c7c7; }
|
|
|
|
.post-meta__date {
|
|
margin-right: .5em; }
|
|
|
|
.post-meta__tags {
|
|
margin-left: .4em; }
|
|
|
|
.post-meta__author {
|
|
margin-left: 1.5em; }
|
|
|
|
.post-meta__avatar {
|
|
display: inline-block;
|
|
width: 22px;
|
|
height: 22px;
|
|
margin: 0 .3em -.4em 0;
|
|
border: none;
|
|
box-shadow: none; }
|
|
|
|
.post img {
|
|
max-width: 100%;
|
|
margin: 0 auto;
|
|
border-radius: 3px;
|
|
text-align: center; }
|
|
.post pre {
|
|
width: 95%; }
|
|
.post hr {
|
|
display: block;
|
|
width: 30%;
|
|
margin: 2em 0;
|
|
border-top: 1px solid #dddddd; }
|
|
|
|
.error-code {
|
|
font-size: 6em; }
|
|
|
|
.panel {
|
|
display: table;
|
|
width: 100%;
|
|
height: 100%; }
|
|
|
|
.panel__vertical {
|
|
display: table-cell;
|
|
vertical-align: middle; }
|
|
|
|
.panel-title {
|
|
margin: 0 0 5px 0;
|
|
font-size: 2.5em;
|
|
letter-spacing: 4px;
|
|
color: #FFF; }
|
|
|
|
.panel-subtitle {
|
|
font-family: "Roboto Slab", serif;
|
|
font-size: 1.2em;
|
|
font-weight: lighter;
|
|
letter-spacing: 3px;
|
|
color: #cccccc;
|
|
-webkit-font-smoothing: antialiased; }
|
|
|
|
.panel-cover {
|
|
display: block;
|
|
position: fixed;
|
|
z-index: 900;
|
|
width: 100%;
|
|
max-width: none;
|
|
height: 100%;
|
|
background: url(../images/background-cover.jpg) top left no-repeat #666666;
|
|
background-size: cover; }
|
|
|
|
.panel-cover--collapsed {
|
|
width: 40%;
|
|
max-width: 530px; }
|
|
|
|
.panel-cover--overlay {
|
|
display: block;
|
|
position: absolute;
|
|
z-index: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
background-color: rgba(68, 68, 68, 0.6);
|
|
background-image: -webkit-linear-gradient(-410deg, rgba(68, 68, 68, 0.6) 20%, rgba(0, 0, 0, 0.9));
|
|
background-image: linear-gradient(140deg,rgba(68, 68, 68, 0.6) 20%, rgba(0, 0, 0, 0.9)); }
|
|
|
|
.panel-cover__logo {
|
|
margin-bottom: .2em; }
|
|
|
|
.panel-cover__description {
|
|
margin: 0 30px; }
|
|
|
|
.panel-cover__divider {
|
|
width: 50%;
|
|
margin: 20px auto;
|
|
border-top: 1px solid rgba(255, 255, 255, 0.14); }
|
|
|
|
.panel-cover__divider--secondary {
|
|
width: 15%; }
|
|
|
|
.panel-main {
|
|
display: table;
|
|
width: 100%;
|
|
height: 100%; }
|
|
|
|
.no-js .panel-main {
|
|
width: 40%;
|
|
max-width: 530px; }
|
|
|
|
.panel-main__inner {
|
|
display: table-cell;
|
|
vertical-align: middle;
|
|
position: relative;
|
|
z-index: 800;
|
|
padding: 0 60px; }
|
|
|
|
.panel-main__content {
|
|
max-width: 620px;
|
|
margin: 0 auto; }
|
|
|
|
.panel-main__content--fixed {
|
|
width: 480px;
|
|
transition: width 1s;
|
|
-webkit-transition: width 1s;
|
|
/* Safari */ }
|
|
|
|
.panel-inverted {
|
|
font-weight: 100;
|
|
text-align: center;
|
|
color: #FFF;
|
|
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); }
|
|
.panel-inverted a {
|
|
color: #FFF; }
|
|
|
|
.cover-navigation {
|
|
margin-top: 10px; }
|
|
|
|
.cover-navigation--social {
|
|
margin-left: 30px; }
|
|
|
|
.cover-green {
|
|
background-color: rgba(21, 111, 120, 0.6);
|
|
background-image: -webkit-linear-gradient(-410deg, rgba(21, 111, 120, 0.6) 20%, rgba(6, 31, 33, 0.8));
|
|
background-image: linear-gradient(140deg,rgba(21, 111, 120, 0.6) 20%, rgba(6, 31, 33, 0.8)); }
|
|
|
|
.cover-purple {
|
|
background-color: rgba(73, 50, 82, 0.6);
|
|
background-image: -webkit-linear-gradient(-410deg, rgba(73, 50, 82, 0.6) 20%, rgba(17, 11, 19, 0.8));
|
|
background-image: linear-gradient(140deg,rgba(73, 50, 82, 0.6) 20%, rgba(17, 11, 19, 0.8)); }
|
|
|
|
.cover-red {
|
|
background-color: rgba(119, 31, 18, 0.6);
|
|
background-image: -webkit-linear-gradient(-410deg, rgba(119, 31, 18, 0.6) 20%, rgba(30, 8, 5, 0.8));
|
|
background-image: linear-gradient(140deg,rgba(119, 31, 18, 0.6) 20%, rgba(30, 8, 5, 0.8)); }
|
|
|
|
.cover-slate {
|
|
background-color: rgba(61, 66, 96, 0.6);
|
|
background-image: -webkit-linear-gradient(-410deg, rgba(61, 66, 96, 0.6) 20%, rgba(21, 23, 34, 0.8));
|
|
background-image: linear-gradient(140deg,rgba(61, 66, 96, 0.6) 20%, rgba(21, 23, 34, 0.8)); }
|
|
|
|
.cover-disabled {
|
|
background: none; }
|
|
|
|
.btn, .navigation__item a {
|
|
padding: 10px 20px;
|
|
border: 1px solid #e25440;
|
|
border-radius: 20px;
|
|
font-size: .9em;
|
|
font-weight: bold;
|
|
letter-spacing: 1px;
|
|
text-shadow: none;
|
|
color: #e25440;
|
|
-webkit-font-smoothing: antialiased; }
|
|
.btn:hover, .navigation__item a:hover {
|
|
color: #b9301c;
|
|
border-color: #b9301c; }
|
|
|
|
.btn-secondary {
|
|
border-color: #5ba4e5;
|
|
color: #5ba4e5; }
|
|
.btn-secondary:hover {
|
|
color: #217fd2;
|
|
border-color: #217fd2; }
|
|
|
|
.btn-tertiary {
|
|
border-color: #999999;
|
|
color: #999999; }
|
|
.btn-tertiary:hover {
|
|
color: #737373;
|
|
border-color: #737373; }
|
|
|
|
.btn-large {
|
|
padding: 10px 24px;
|
|
font-size: 1.1em; }
|
|
|
|
.btn-small {
|
|
padding: 8px 12px;
|
|
font-size: .7em; }
|
|
|
|
.btn-mobile-menu {
|
|
display: none;
|
|
position: fixed;
|
|
z-index: 9999;
|
|
top: 0;
|
|
right: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 42px;
|
|
background: rgba(0, 0, 0, 0.40);
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
|
text-align: center; }
|
|
|
|
.btn-mobile-menu__icon,
|
|
.btn-mobile-close__icon {
|
|
position: relative;
|
|
top: 3px;
|
|
font-size: 36px;
|
|
color: #FFF; }
|
|
|
|
nav {
|
|
display: inline-block;
|
|
position: relative; }
|
|
|
|
.navigation {
|
|
display: inline-block;
|
|
float: left;
|
|
position: relative;
|
|
margin: 0;
|
|
list-style-type: none; }
|
|
|
|
.navigation__item {
|
|
display: inline-block;
|
|
margin: 0 2px 0 0;
|
|
line-height: 1em; }
|
|
.navigation__item a {
|
|
display: block;
|
|
position: relative;
|
|
border-color: #FFF;
|
|
color: #FFF;
|
|
opacity: .8; }
|
|
.navigation__item a:hover {
|
|
color: #FFF;
|
|
border-color: #FFF;
|
|
opacity: 1; }
|
|
|
|
.navigation--social {
|
|
margin-left: 1.5em; }
|
|
.navigation--social a {
|
|
padding: 6px 8px 6px 9px; }
|
|
.navigation--social a .label {
|
|
display: none; }
|
|
.navigation--social a .icon {
|
|
display: block;
|
|
font-size: 1.7em; }
|
|
|
|
.pagination {
|
|
display: block;
|
|
margin: 0 0 4em 0; }
|
|
|
|
.pagination__page-number {
|
|
margin: 0;
|
|
font-size: .8em;
|
|
color: #999999; }
|
|
|
|
.pagination__newer {
|
|
margin-right: 1em; }
|
|
|
|
.pagination__older {
|
|
margin-left: 1em; }
|
|
|
|
i {
|
|
font-family: 'entypo';
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-size: 18px; }
|
|
|
|
.icon-social {
|
|
font-family: 'entypo-social';
|
|
font-size: 22px;
|
|
display: block;
|
|
position: relative; }
|
|
|
|
.post-list {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style-type: none;
|
|
text-align: left; }
|
|
.post-list li {
|
|
margin: 0 0 2.2em 0; }
|
|
.post-list li:last-child hr {
|
|
display: none; }
|
|
|
|
.post-list__post-title {
|
|
margin-top: 0;
|
|
margin-bottom: .2em;
|
|
font-size: 1.5em;
|
|
line-height: 1.3em; }
|
|
.post-list__post-title a {
|
|
color: #333333; }
|
|
.post-list__post-title a:hover {
|
|
color: #b9301c; }
|
|
|
|
.post-list__meta {
|
|
display: block;
|
|
margin: .7em 0 0 0;
|
|
font-size: .9em;
|
|
color: #c7c7c7; }
|
|
|
|
.post-list__meta--date {
|
|
margin-right: .5em;
|
|
color: #c7c7c7; }
|
|
|
|
.post-list__meta--tags {
|
|
margin-left: .5em; }
|
|
|
|
.post-list__divider {
|
|
width: 30%;
|
|
margin: 2.2em 0 2.1em 0;
|
|
border-top: 1px solid #dddddd; }
|
|
|
|
*:focus {
|
|
outline: none; }
|
|
|
|
input[type="text"],
|
|
input[type="password"],
|
|
input[type="datetime"],
|
|
input[type="datetime-local"],
|
|
input[type="date"],
|
|
input[type="month"],
|
|
input[type="time"],
|
|
input[type="week"],
|
|
input[type="number"],
|
|
input[type="email"],
|
|
input[type="url"],
|
|
input[type="search"],
|
|
input[type="tel"] {
|
|
width: 240px;
|
|
padding: 1em 1em;
|
|
background: #FFF;
|
|
border: 1px solid #dddddd;
|
|
border-radius: 3px;
|
|
font-size: .9em;
|
|
color: #666666; }
|
|
input[type="text"]:focus,
|
|
input[type="password"]:focus,
|
|
input[type="datetime"]:focus,
|
|
input[type="datetime-local"]:focus,
|
|
input[type="date"]:focus,
|
|
input[type="month"]:focus,
|
|
input[type="time"]:focus,
|
|
input[type="week"]:focus,
|
|
input[type="number"]:focus,
|
|
input[type="email"]:focus,
|
|
input[type="url"]:focus,
|
|
input[type="search"]:focus,
|
|
input[type="tel"]:focus {
|
|
border-color: #5ba4e5; }
|
|
input[type="text"]::-webkit-input-placeholder,
|
|
input[type="password"]::-webkit-input-placeholder,
|
|
input[type="datetime"]::-webkit-input-placeholder,
|
|
input[type="datetime-local"]::-webkit-input-placeholder,
|
|
input[type="date"]::-webkit-input-placeholder,
|
|
input[type="month"]::-webkit-input-placeholder,
|
|
input[type="time"]::-webkit-input-placeholder,
|
|
input[type="week"]::-webkit-input-placeholder,
|
|
input[type="number"]::-webkit-input-placeholder,
|
|
input[type="email"]::-webkit-input-placeholder,
|
|
input[type="url"]::-webkit-input-placeholder,
|
|
input[type="search"]::-webkit-input-placeholder,
|
|
input[type="tel"]::-webkit-input-placeholder {
|
|
color: #cccccc; }
|
|
input[type="text"]::-moz-placeholder,
|
|
input[type="password"]::-moz-placeholder,
|
|
input[type="datetime"]::-moz-placeholder,
|
|
input[type="datetime-local"]::-moz-placeholder,
|
|
input[type="date"]::-moz-placeholder,
|
|
input[type="month"]::-moz-placeholder,
|
|
input[type="time"]::-moz-placeholder,
|
|
input[type="week"]::-moz-placeholder,
|
|
input[type="number"]::-moz-placeholder,
|
|
input[type="email"]::-moz-placeholder,
|
|
input[type="url"]::-moz-placeholder,
|
|
input[type="search"]::-moz-placeholder,
|
|
input[type="tel"]::-moz-placeholder {
|
|
color: #cccccc; }
|
|
input[type="text"]:-moz-placeholder,
|
|
input[type="password"]:-moz-placeholder,
|
|
input[type="datetime"]:-moz-placeholder,
|
|
input[type="datetime-local"]:-moz-placeholder,
|
|
input[type="date"]:-moz-placeholder,
|
|
input[type="month"]:-moz-placeholder,
|
|
input[type="time"]:-moz-placeholder,
|
|
input[type="week"]:-moz-placeholder,
|
|
input[type="number"]:-moz-placeholder,
|
|
input[type="email"]:-moz-placeholder,
|
|
input[type="url"]:-moz-placeholder,
|
|
input[type="search"]:-moz-placeholder,
|
|
input[type="tel"]:-moz-placeholder {
|
|
color: #cccccc; }
|
|
input[type="text"]:-ms-input-placeholder,
|
|
input[type="password"]:-ms-input-placeholder,
|
|
input[type="datetime"]:-ms-input-placeholder,
|
|
input[type="datetime-local"]:-ms-input-placeholder,
|
|
input[type="date"]:-ms-input-placeholder,
|
|
input[type="month"]:-ms-input-placeholder,
|
|
input[type="time"]:-ms-input-placeholder,
|
|
input[type="week"]:-ms-input-placeholder,
|
|
input[type="number"]:-ms-input-placeholder,
|
|
input[type="email"]:-ms-input-placeholder,
|
|
input[type="url"]:-ms-input-placeholder,
|
|
input[type="search"]:-ms-input-placeholder,
|
|
input[type="tel"]:-ms-input-placeholder {
|
|
color: #cccccc; }
|
|
|
|
@media all and (min-width: 1300px) {
|
|
.content-wrapper {
|
|
margin-left: 530px; } }
|
|
@media all and (max-width: 1100px) {
|
|
.panel-cover__logo {
|
|
width: 70px; }
|
|
|
|
.panel-title {
|
|
font-size: 2em; }
|
|
|
|
.panel-subtitle {
|
|
font-size: 1em; }
|
|
|
|
.panel-cover__description {
|
|
margin: 0 10px;
|
|
font-size: .9em; }
|
|
|
|
.navigation--social {
|
|
margin-top: 5px;
|
|
margin-left: 0; } }
|
|
@media all and (max-width: 960px) {
|
|
.btn-mobile-menu {
|
|
display: block; }
|
|
|
|
.panel-main {
|
|
display: table;
|
|
position: relative; }
|
|
|
|
.panel-cover--collapsed {
|
|
width: 100%;
|
|
max-width: none; }
|
|
|
|
.panel-main__inner {
|
|
display: table-cell;
|
|
padding: 60px 10%; }
|
|
|
|
.panel-cover__description {
|
|
display: block;
|
|
max-width: 600px;
|
|
margin: 0 auto; }
|
|
|
|
.panel-cover__divider--secondary {
|
|
display: none; }
|
|
|
|
.panel-cover {
|
|
width: 100%;
|
|
height: 100%;
|
|
background-position: center center; }
|
|
.panel-cover.panel-cover--collapsed {
|
|
display: block;
|
|
position: relative;
|
|
height: auto;
|
|
padding: 0;
|
|
background-position: center center; }
|
|
.panel-cover.panel-cover--collapsed .panel-main__inner {
|
|
display: block;
|
|
padding: 70px 0 30px 0; }
|
|
.panel-cover.panel-cover--collapsed .panel-cover__logo {
|
|
width: 60px;
|
|
border-width: 2px; }
|
|
.panel-cover.panel-cover--collapsed .panel-cover__description {
|
|
display: none; }
|
|
.panel-cover.panel-cover--collapsed .panel-cover__divider {
|
|
display: none;
|
|
margin: 1em auto; }
|
|
|
|
.navigation-wrapper {
|
|
display: none;
|
|
position: fixed;
|
|
top: 42px;
|
|
right: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
padding: 20px 0;
|
|
background: rgba(51, 51, 51, 0.98);
|
|
border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
|
|
.navigation-wrapper.visible {
|
|
display: block; }
|
|
|
|
.cover-navigation {
|
|
display: block;
|
|
position: relative;
|
|
float: left;
|
|
clear: left;
|
|
width: 100%; }
|
|
.cover-navigation .navigation {
|
|
display: block;
|
|
width: 100%; }
|
|
.cover-navigation .navigation li {
|
|
width: 80%;
|
|
margin-bottom: .4em; }
|
|
.cover-navigation.navigation--social {
|
|
padding-top: 5px; }
|
|
.cover-navigation.navigation--social .navigation li {
|
|
display: inline-block;
|
|
width: 25.8%; }
|
|
|
|
.content-wrapper {
|
|
width: 80%;
|
|
max-width: none;
|
|
margin: 0 auto; }
|
|
|
|
.content-wrapper__inner {
|
|
margin-right: 0;
|
|
margin-left: 0; }
|
|
|
|
.navigation__item {
|
|
width: 100%;
|
|
margin: 0 0 .4em 0; } }
|
|
@media all and (max-width: 340px) {
|
|
.panel-main__inner {
|
|
padding: 0 5%; }
|
|
|
|
.panel-title {
|
|
margin-bottom: .1em;
|
|
font-size: 1.5em; }
|
|
|
|
.panel-subtitle {
|
|
font-size: .9em; }
|
|
|
|
.btn, .navigation__item a {
|
|
display: block;
|
|
margin-bottom: .4em; } }
|