├── images ├── bg.jpg └── avatar.jpg ├── assets ├── fonts │ ├── FontAwesome.otf │ ├── fontawesome-webfont.eot │ ├── fontawesome-webfont.ttf │ ├── fontawesome-webfont.woff │ └── fontawesome-webfont.woff2 ├── css │ ├── images │ │ └── overlay.png │ ├── noscript.css │ ├── ie8.css │ ├── ie9.css │ ├── main.css │ └── font-awesome.min.css ├── .sass-cache │ ├── 12a6f86b5e4aa64fcb14102de616aea4d622c84f │ │ ├── ie8.scssc │ │ ├── ie9.scssc │ │ ├── main.scssc │ │ ├── noscript.scssc │ │ └── ie9 - Copy.scssc │ ├── 67a30392a9c4d42ed248c6b1404813d02df84637 │ │ ├── _mixins.scssc │ │ ├── _skel.scssc │ │ ├── _vars.scssc │ │ └── _functions.scssc │ ├── 7e789d186c055861f24133e1b9885bb81c49b2aa │ │ ├── _footer.scssc │ │ ├── _main.scssc │ │ ├── _wrapper.scssc │ │ └── _copyright.scssc │ ├── cf0bea95a132a2d2ad494712665ec6344019307b │ │ ├── _button.scssc │ │ ├── _form.scssc │ │ ├── _icon.scssc │ │ └── _list.scssc │ └── fdfbe966239fea8d85b20cc3e91511822b0ce989 │ │ ├── _page.scssc │ │ └── _typography.scssc ├── sass │ ├── components │ │ ├── _icon.scss │ │ ├── _button.scss │ │ ├── _list.scss │ │ └── _form.scss │ ├── noscript.scss │ ├── libs │ │ ├── _vars.scss │ │ ├── _functions.scss │ │ ├── _mixins.scss │ │ └── _skel.scss │ ├── ie8.scss │ ├── layout │ │ ├── _footer.scss │ │ ├── _wrapper.scss │ │ └── _main.scss │ ├── ie9.scss │ ├── main.scss │ └── base │ │ ├── _page.scss │ │ └── _typography.scss └── js │ ├── html5shiv.js │ ├── respond.min.js │ └── PIE.htc ├── README.txt ├── index.html └── LICENSE.txt /images/bg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/html5up/identity/HEAD/images/bg.jpg -------------------------------------------------------------------------------- /images/avatar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/html5up/identity/HEAD/images/avatar.jpg -------------------------------------------------------------------------------- /assets/fonts/FontAwesome.otf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/html5up/identity/HEAD/assets/fonts/FontAwesome.otf -------------------------------------------------------------------------------- /assets/css/images/overlay.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/html5up/identity/HEAD/assets/css/images/overlay.png -------------------------------------------------------------------------------- /assets/fonts/fontawesome-webfont.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/html5up/identity/HEAD/assets/fonts/fontawesome-webfont.eot -------------------------------------------------------------------------------- /assets/fonts/fontawesome-webfont.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/html5up/identity/HEAD/assets/fonts/fontawesome-webfont.ttf -------------------------------------------------------------------------------- /assets/fonts/fontawesome-webfont.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/html5up/identity/HEAD/assets/fonts/fontawesome-webfont.woff -------------------------------------------------------------------------------- /assets/fonts/fontawesome-webfont.woff2: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/html5up/identity/HEAD/assets/fonts/fontawesome-webfont.woff2 -------------------------------------------------------------------------------- /assets/.sass-cache/12a6f86b5e4aa64fcb14102de616aea4d622c84f/ie8.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/html5up/identity/HEAD/assets/.sass-cache/12a6f86b5e4aa64fcb14102de616aea4d622c84f/ie8.scssc -------------------------------------------------------------------------------- /assets/.sass-cache/12a6f86b5e4aa64fcb14102de616aea4d622c84f/ie9.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/html5up/identity/HEAD/assets/.sass-cache/12a6f86b5e4aa64fcb14102de616aea4d622c84f/ie9.scssc -------------------------------------------------------------------------------- /assets/.sass-cache/12a6f86b5e4aa64fcb14102de616aea4d622c84f/main.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/html5up/identity/HEAD/assets/.sass-cache/12a6f86b5e4aa64fcb14102de616aea4d622c84f/main.scssc -------------------------------------------------------------------------------- /assets/.sass-cache/67a30392a9c4d42ed248c6b1404813d02df84637/_mixins.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/html5up/identity/HEAD/assets/.sass-cache/67a30392a9c4d42ed248c6b1404813d02df84637/_mixins.scssc -------------------------------------------------------------------------------- /assets/.sass-cache/67a30392a9c4d42ed248c6b1404813d02df84637/_skel.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/html5up/identity/HEAD/assets/.sass-cache/67a30392a9c4d42ed248c6b1404813d02df84637/_skel.scssc -------------------------------------------------------------------------------- /assets/.sass-cache/67a30392a9c4d42ed248c6b1404813d02df84637/_vars.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/html5up/identity/HEAD/assets/.sass-cache/67a30392a9c4d42ed248c6b1404813d02df84637/_vars.scssc -------------------------------------------------------------------------------- /assets/.sass-cache/7e789d186c055861f24133e1b9885bb81c49b2aa/_footer.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/html5up/identity/HEAD/assets/.sass-cache/7e789d186c055861f24133e1b9885bb81c49b2aa/_footer.scssc -------------------------------------------------------------------------------- /assets/.sass-cache/7e789d186c055861f24133e1b9885bb81c49b2aa/_main.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/html5up/identity/HEAD/assets/.sass-cache/7e789d186c055861f24133e1b9885bb81c49b2aa/_main.scssc -------------------------------------------------------------------------------- /assets/.sass-cache/cf0bea95a132a2d2ad494712665ec6344019307b/_button.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/html5up/identity/HEAD/assets/.sass-cache/cf0bea95a132a2d2ad494712665ec6344019307b/_button.scssc -------------------------------------------------------------------------------- /assets/.sass-cache/cf0bea95a132a2d2ad494712665ec6344019307b/_form.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/html5up/identity/HEAD/assets/.sass-cache/cf0bea95a132a2d2ad494712665ec6344019307b/_form.scssc -------------------------------------------------------------------------------- /assets/.sass-cache/cf0bea95a132a2d2ad494712665ec6344019307b/_icon.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/html5up/identity/HEAD/assets/.sass-cache/cf0bea95a132a2d2ad494712665ec6344019307b/_icon.scssc -------------------------------------------------------------------------------- /assets/.sass-cache/cf0bea95a132a2d2ad494712665ec6344019307b/_list.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/html5up/identity/HEAD/assets/.sass-cache/cf0bea95a132a2d2ad494712665ec6344019307b/_list.scssc -------------------------------------------------------------------------------- /assets/.sass-cache/fdfbe966239fea8d85b20cc3e91511822b0ce989/_page.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/html5up/identity/HEAD/assets/.sass-cache/fdfbe966239fea8d85b20cc3e91511822b0ce989/_page.scssc -------------------------------------------------------------------------------- /assets/.sass-cache/12a6f86b5e4aa64fcb14102de616aea4d622c84f/noscript.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/html5up/identity/HEAD/assets/.sass-cache/12a6f86b5e4aa64fcb14102de616aea4d622c84f/noscript.scssc -------------------------------------------------------------------------------- /assets/.sass-cache/7e789d186c055861f24133e1b9885bb81c49b2aa/_wrapper.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/html5up/identity/HEAD/assets/.sass-cache/7e789d186c055861f24133e1b9885bb81c49b2aa/_wrapper.scssc -------------------------------------------------------------------------------- /assets/.sass-cache/12a6f86b5e4aa64fcb14102de616aea4d622c84f/ie9 - Copy.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/html5up/identity/HEAD/assets/.sass-cache/12a6f86b5e4aa64fcb14102de616aea4d622c84f/ie9 - Copy.scssc -------------------------------------------------------------------------------- /assets/.sass-cache/67a30392a9c4d42ed248c6b1404813d02df84637/_functions.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/html5up/identity/HEAD/assets/.sass-cache/67a30392a9c4d42ed248c6b1404813d02df84637/_functions.scssc -------------------------------------------------------------------------------- /assets/.sass-cache/fdfbe966239fea8d85b20cc3e91511822b0ce989/_typography.scssc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/html5up/identity/HEAD/assets/.sass-cache/fdfbe966239fea8d85b20cc3e91511822b0ce989/_typography.scssc -------------------------------------------------------------------------------- /assets/css/noscript.css: -------------------------------------------------------------------------------- 1 | /* 2 | Identity by HTML5 UP 3 | html5up.net | @n33co 4 | Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 5 | */ 6 | 7 | /* Basic */ 8 | 9 | body:after { 10 | display: none; 11 | } 12 | 13 | /* Main */ 14 | 15 | #main { 16 | -moz-transform: none !important; 17 | -webkit-transform: none !important; 18 | -ms-transform: none !important; 19 | transform: none !important; 20 | opacity: 1 !important; 21 | } -------------------------------------------------------------------------------- /assets/sass/components/_icon.scss: -------------------------------------------------------------------------------- 1 | @import '../libs/vars'; 2 | @import '../libs/functions'; 3 | @import '../libs/mixins'; 4 | 5 | /// 6 | /// Identity by HTML5 UP 7 | /// html5up.net | @n33co 8 | /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 9 | /// 10 | 11 | /* Icon */ 12 | 13 | .icon { 14 | @include icon; 15 | position: relative; 16 | border-bottom: none; 17 | 18 | > .label { 19 | display: none; 20 | } 21 | } -------------------------------------------------------------------------------- /assets/sass/noscript.scss: -------------------------------------------------------------------------------- 1 | @import 'libs/vars'; 2 | @import 'libs/functions'; 3 | @import 'libs/mixins'; 4 | @import 'libs/skel'; 5 | 6 | /* 7 | Identity by HTML5 UP 8 | html5up.net | @n33co 9 | Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 10 | */ 11 | 12 | /* Basic */ 13 | 14 | body { 15 | &:after { 16 | display: none; 17 | } 18 | } 19 | 20 | /* Main */ 21 | 22 | #main { 23 | @include vendor('transform', 'none !important'); 24 | opacity: 1 !important; 25 | } -------------------------------------------------------------------------------- /assets/.sass-cache/7e789d186c055861f24133e1b9885bb81c49b2aa/_copyright.scssc: -------------------------------------------------------------------------------- 1 | 3.4.13 (Selective Steve) 2 | da39a3ee5e6b4b0d3255bfef95601890afd80709 3 | o:Sass::Tree::RootNode 4 | :@children[:@templateI":ET: 5 | @linei:@source_rangeo:Sass::Source::Range :@start_poso:Sass::Source::Position; i: @offseti: @end_poso; ; i;i: 6 | @fileI" sass/layout/_copyright.scss;F:@importero: Sass::Importers::Filesystem: 7 | @rootI"G/srv/home/ajl/projects/HTML5 UP/templates/identity/src/html/assets;T:@real_rootI"G/srv/home/ajl/projects/HTML5 UP/templates/identity/src/html/assets;T:@same_name_warningso:Set: 8 | @hash{: @options{ -------------------------------------------------------------------------------- /assets/css/ie8.css: -------------------------------------------------------------------------------- 1 | /* 2 | Identity by HTML5 UP 3 | html5up.net | @n33co 4 | Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 5 | */ 6 | 7 | /* List */ 8 | 9 | ul.icons li a { 10 | -ms-behavior: url("assets/js/PIE.htc"); 11 | } 12 | 13 | ul.icons li a:before { 14 | text-align: center; 15 | font-size: 26px; 16 | } 17 | 18 | /* Main */ 19 | 20 | #main { 21 | -ms-behavior: url("assets/js/PIE.htc"); 22 | } 23 | 24 | #main .avatar img { 25 | -ms-behavior: url("assets/js/PIE.htc"); 26 | } 27 | 28 | /* Footer */ 29 | 30 | #footer { 31 | color: #fff; 32 | } 33 | 34 | #footer .copyright li { 35 | border-left: solid 1px #fff; 36 | } -------------------------------------------------------------------------------- /assets/css/ie9.css: -------------------------------------------------------------------------------- 1 | /* 2 | Identity by HTML5 UP 3 | html5up.net | @n33co 4 | Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 5 | */ 6 | 7 | /* Basic */ 8 | 9 | body { 10 | background-image: url("../../images/bg.jpg"); 11 | background-repeat: no-repeat; 12 | background-size: cover; 13 | background-position: bottom center; 14 | background-attachment: fixed; 15 | } 16 | 17 | body:after { 18 | display: none; 19 | } 20 | 21 | /* List */ 22 | 23 | ul.icons li a:before { 24 | color: #c8cccf; 25 | } 26 | 27 | ul.icons li a:hover:before { 28 | color: #ff7496; 29 | } 30 | 31 | /* Wrapper */ 32 | 33 | #wrapper { 34 | text-align: center; 35 | } 36 | 37 | /* Main */ 38 | 39 | #main { 40 | display: inline-block; 41 | } -------------------------------------------------------------------------------- /README.txt: -------------------------------------------------------------------------------- 1 | Identity by HTML5 UP 2 | html5up.net | @n33co 3 | Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 4 | 5 | 6 | Just a fun little profile/card-style template I whipped up during a break between major 7 | projects. Minimal, responsive, and powered by Skel + Sass. Enjoy :) 8 | 9 | Demo images* courtesy of Unsplash, a radtastic collection of CC0 (public domain) images 10 | you can use for pretty much whatever. 11 | 12 | (* = not included) 13 | 14 | AJ 15 | n33.co @n33co dribbble.com/n33 16 | 17 | 18 | Credits: 19 | 20 | Demo Images: 21 | Unsplash (unsplash.com) 22 | 23 | Icons: 24 | Font Awesome (fortawesome.github.com/Font-Awesome) 25 | 26 | Other: 27 | html5shiv.js (@afarkas @jdalton @jon_neal @rem) 28 | CSS3 Pie (css3pie.com) 29 | Respond.js (j.mp/respondjs) 30 | Skel (skel.io) -------------------------------------------------------------------------------- /assets/sass/libs/_vars.scss: -------------------------------------------------------------------------------- 1 | // Misc. 2 | $misc: ( 3 | z-index-base: 10000 4 | ); 5 | 6 | // Duration. 7 | $duration: ( 8 | transition: 0.2s, 9 | bg: 1.75s, 10 | main: 1s 11 | ); 12 | 13 | // Size. 14 | $size: ( 15 | border-radius: 4px, 16 | border-width: 1px, 17 | element-height: 2.75em, 18 | element-margin: 1.5em, 19 | letter-spacing: 0.2em 20 | ); 21 | 22 | // Font. 23 | $font: ( 24 | family: ('Source Sans Pro', Helvetica, sans-serif), 25 | family-fixed: ('Courier New', monospace), 26 | weight: 300 27 | ); 28 | 29 | // Palette. 30 | $palette: ( 31 | bg: #ffffff, 32 | bg-alt: #e1dfe8, 33 | fg: #414f57, 34 | fg-bold: #313f47, 35 | fg-light: #616f77, 36 | border: #c8cccf, 37 | accent1: #ffa596, 38 | accent2: #00e4ff, 39 | highlight: #ff7496 40 | ); -------------------------------------------------------------------------------- /assets/sass/ie8.scss: -------------------------------------------------------------------------------- 1 | @import 'libs/vars'; 2 | @import 'libs/functions'; 3 | @import 'libs/mixins'; 4 | @import 'libs/skel'; 5 | 6 | /* 7 | Identity by HTML5 UP 8 | html5up.net | @n33co 9 | Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 10 | */ 11 | 12 | /* List */ 13 | 14 | ul { 15 | &.icons { 16 | li { 17 | a { 18 | -ms-behavior: url('assets/js/PIE.htc'); 19 | 20 | &:before { 21 | text-align: center; 22 | font-size: 26px; 23 | } 24 | } 25 | } 26 | } 27 | } 28 | 29 | /* Main */ 30 | 31 | #main { 32 | -ms-behavior: url('assets/js/PIE.htc'); 33 | 34 | .avatar { 35 | img { 36 | -ms-behavior: url('assets/js/PIE.htc'); 37 | } 38 | } 39 | } 40 | 41 | /* Footer */ 42 | 43 | #footer { 44 | color: #fff; 45 | 46 | .copyright { 47 | li { 48 | border-left: solid 1px #fff; 49 | } 50 | } 51 | } -------------------------------------------------------------------------------- /assets/sass/libs/_functions.scss: -------------------------------------------------------------------------------- 1 | /// Gets a duration value. 2 | /// @param {string} $keys Key(s). 3 | /// @return {string} Value. 4 | @function _duration($keys...) { 5 | @return val($duration, $keys...); 6 | } 7 | 8 | /// Gets a font value. 9 | /// @param {string} $keys Key(s). 10 | /// @return {string} Value. 11 | @function _font($keys...) { 12 | @return val($font, $keys...); 13 | } 14 | 15 | /// Gets a misc value. 16 | /// @param {string} $keys Key(s). 17 | /// @return {string} Value. 18 | @function _misc($keys...) { 19 | @return val($misc, $keys...); 20 | } 21 | 22 | /// Gets a palette value. 23 | /// @param {string} $keys Key(s). 24 | /// @return {string} Value. 25 | @function _palette($keys...) { 26 | @return val($palette, $keys...); 27 | } 28 | 29 | /// Gets a size value. 30 | /// @param {string} $keys Key(s). 31 | /// @return {string} Value. 32 | @function _size($keys...) { 33 | @return val($size, $keys...); 34 | } -------------------------------------------------------------------------------- /assets/sass/layout/_footer.scss: -------------------------------------------------------------------------------- 1 | @import '../libs/vars'; 2 | @import '../libs/functions'; 3 | @import '../libs/mixins'; 4 | 5 | /// 6 | /// Identity by HTML5 UP 7 | /// html5up.net | @n33co 8 | /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 9 | /// 10 | 11 | /* Footer */ 12 | 13 | #footer { 14 | @include vendor('align-self', 'flex-end'); 15 | width: 100%; 16 | padding: _size(element-margin) 0 0 0; 17 | color: rgba(255,255,255,0.75); 18 | cursor: default; 19 | text-align: center; 20 | 21 | .copyright { 22 | margin: 0; 23 | padding: 0; 24 | font-size: 0.9em; 25 | list-style: none; 26 | 27 | li { 28 | display: inline-block; 29 | margin: 0 0 0 (0.85em - (_size(letter-spacing) * 2)); 30 | padding: 0 0 0 0.85em; 31 | border-left: solid _size(border-width) rgba(255,255,255,0.5); 32 | line-height: 1; 33 | 34 | &:first-child { 35 | border-left: 0; 36 | } 37 | } 38 | } 39 | } -------------------------------------------------------------------------------- /assets/sass/layout/_wrapper.scss: -------------------------------------------------------------------------------- 1 | @import '../libs/vars'; 2 | @import '../libs/functions'; 3 | @import '../libs/mixins'; 4 | 5 | /// 6 | /// Identity by HTML5 UP 7 | /// html5up.net | @n33co 8 | /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 9 | /// 10 | 11 | /* Wrapper */ 12 | 13 | #wrapper { 14 | @include vendor('display', 'flex'); 15 | @include vendor('align-items', 'center'); 16 | @include vendor('justify-content', 'space-between'); 17 | @include vendor('flex-direction', 'column'); 18 | @include vendor('perspective', '1000px'); 19 | position: relative; 20 | min-height: 100%; 21 | padding: _size(element-margin); 22 | z-index: 2; 23 | 24 | > * { 25 | z-index: 1; 26 | } 27 | 28 | &:before { 29 | content: ''; 30 | display: block; 31 | } 32 | 33 | @include breakpoint(xxsmall) { 34 | padding: (_size(element-margin) * 0.5); 35 | } 36 | 37 | body.is-ie & { 38 | height: 100%; 39 | } 40 | } -------------------------------------------------------------------------------- /assets/sass/ie9.scss: -------------------------------------------------------------------------------- 1 | @import 'libs/vars'; 2 | @import 'libs/functions'; 3 | @import 'libs/mixins'; 4 | @import 'libs/skel'; 5 | 6 | /* 7 | Identity by HTML5 UP 8 | html5up.net | @n33co 9 | Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 10 | */ 11 | 12 | /* Basic */ 13 | 14 | body { 15 | background-image: url('../../images/bg.jpg'); 16 | background-repeat: no-repeat; 17 | background-size: cover; 18 | background-position: bottom center; 19 | background-attachment: fixed; 20 | 21 | &:after { 22 | display: none; 23 | } 24 | } 25 | 26 | /* List */ 27 | 28 | ul { 29 | &.icons { 30 | li { 31 | a { 32 | &:before { 33 | color: _palette(border); 34 | } 35 | 36 | &:hover { 37 | &:before { 38 | color: _palette(highlight); 39 | } 40 | } 41 | } 42 | } 43 | } 44 | } 45 | 46 | /* Wrapper */ 47 | 48 | #wrapper { 49 | text-align: center; 50 | } 51 | 52 | /* Main */ 53 | 54 | #main { 55 | display: inline-block; 56 | } -------------------------------------------------------------------------------- /assets/sass/libs/_mixins.scss: -------------------------------------------------------------------------------- 1 | /// Makes an element's :before pseudoelement a FontAwesome icon. 2 | /// @param {string} $content Optional content value to use. 3 | @mixin icon($content: false) { 4 | 5 | text-decoration: none; 6 | 7 | &:before { 8 | 9 | @if $content { 10 | content: $content; 11 | } 12 | 13 | -moz-osx-font-smoothing: grayscale; 14 | -webkit-font-smoothing: antialiased; 15 | font-family: FontAwesome; 16 | font-style: normal; 17 | font-weight: normal; 18 | text-transform: none !important; 19 | 20 | } 21 | 22 | } 23 | 24 | /// Applies padding to an element, taking the current element-margin value into account. 25 | /// @param {mixed} $tb Top/bottom padding. 26 | /// @param {mixed} $lr Left/right padding. 27 | /// @param {list} $pad Optional extra padding (in the following order top, right, bottom, left) 28 | /// @param {bool} $important If true, adds !important. 29 | @mixin padding($tb, $lr, $pad: (0,0,0,0), $important: null) { 30 | 31 | @if $important { 32 | $important: '!important'; 33 | } 34 | 35 | padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max(0.1em, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important}; 36 | 37 | } -------------------------------------------------------------------------------- /assets/sass/components/_button.scss: -------------------------------------------------------------------------------- 1 | @import '../libs/vars'; 2 | @import '../libs/functions'; 3 | @import '../libs/mixins'; 4 | 5 | /// 6 | /// Identity by HTML5 UP 7 | /// html5up.net | @n33co 8 | /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 9 | /// 10 | 11 | /* Button */ 12 | 13 | input[type="submit"], 14 | input[type="reset"], 15 | input[type="button"], 16 | button, 17 | .button { 18 | @include vendor('appearance', 'none'); 19 | @include vendor('transition', ( 20 | 'background-color #{_duration(transition)} ease-in-out', 21 | 'border-color #{_duration(transition)} ease-in-out', 22 | 'color #{_duration(transition)} ease-in-out' 23 | )); 24 | display: inline-block; 25 | height: _size(element-height); 26 | line-height: _size(element-height); 27 | padding: 0 1.5em; 28 | background-color: transparent; 29 | border-radius: _size(border-radius); 30 | border: solid 1px _palette(border); 31 | color: _palette(fg) !important; 32 | cursor: pointer; 33 | text-align: center; 34 | text-decoration: none; 35 | white-space: nowrap; 36 | 37 | &:hover { 38 | border-color: _palette(highlight); 39 | color: _palette(highlight) !important; 40 | } 41 | 42 | &.icon { 43 | padding-left: 1.35em; 44 | 45 | &:before { 46 | margin-right: 0.5em; 47 | } 48 | } 49 | 50 | &.fit { 51 | display: block; 52 | width: 100%; 53 | margin: 0 0 (_size(element-margin) * 0.5) 0; 54 | } 55 | 56 | &.small { 57 | font-size: 0.8em; 58 | } 59 | 60 | &.big { 61 | font-size: 1.35em; 62 | } 63 | 64 | &.disabled, 65 | &:disabled { 66 | @include vendor('pointer-events', 'none'); 67 | opacity: 0.5; 68 | } 69 | } -------------------------------------------------------------------------------- /assets/sass/layout/_main.scss: -------------------------------------------------------------------------------- 1 | @import '../libs/vars'; 2 | @import '../libs/functions'; 3 | @import '../libs/mixins'; 4 | 5 | /// 6 | /// Identity by HTML5 UP 7 | /// html5up.net | @n33co 8 | /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 9 | /// 10 | 11 | /* Main */ 12 | 13 | #main { 14 | position: relative; 15 | max-width: 100%; 16 | min-width: 27em; 17 | @include padding(4.5em, 3em); 18 | 19 | background: _palette(bg); 20 | border-radius: _size(border-radius); 21 | cursor: default; 22 | opacity: 0.95; 23 | text-align: center; 24 | 25 | @include vendor('transform-origin', '50% 50%'); 26 | @include vendor('transform', 'rotateX(0deg)'); 27 | @include vendor('transition', ( 28 | 'opacity #{_duration(main)} ease', 29 | 'transform #{_duration(main)} ease' 30 | )); 31 | 32 | .avatar { 33 | position: relative; 34 | display: block; 35 | margin-bottom: _size(element-margin); 36 | 37 | img { 38 | display: block; 39 | margin: 0 auto; 40 | border-radius: 100%; 41 | box-shadow: 0 0 0 1.5em _palette(bg); 42 | } 43 | 44 | &:before { 45 | content: ''; 46 | display: block; 47 | position: absolute; 48 | top: 50%; 49 | left: -3em; 50 | width: calc(100% + 6em); 51 | height: _size(border-width); 52 | z-index: -1; 53 | background: _palette(border); 54 | } 55 | } 56 | 57 | @include breakpoint(xsmall) { 58 | min-width: 0; 59 | width: 100%; 60 | @include padding(4em, 2em); 61 | 62 | .avatar { 63 | &:before { 64 | left: -2em; 65 | width: calc(100% + 4em); 66 | } 67 | } 68 | } 69 | 70 | body.is-loading & { 71 | opacity: 0; 72 | @include vendor('transform', 'rotateX(15deg)'); 73 | } 74 | } -------------------------------------------------------------------------------- /assets/sass/main.scss: -------------------------------------------------------------------------------- 1 | @import 'libs/vars'; 2 | @import 'libs/functions'; 3 | @import 'libs/mixins'; 4 | @import 'libs/skel'; 5 | @import 'font-awesome.min.css'; 6 | @import url('http://fonts.googleapis.com/css?family=Source+Sans+Pro:300'); 7 | 8 | /* 9 | Identity by HTML5 UP 10 | html5up.net | @n33co 11 | Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 12 | */ 13 | 14 | @include skel-breakpoints(( 15 | xlarge: '(max-width: 1680px)', 16 | large: '(max-width: 1280px)', 17 | medium: '(max-width: 960px)', 18 | small: '(max-width: 736px)', 19 | xsmall: '(max-width: 480px)', 20 | xxsmall: '(max-width: 360px)' 21 | )); 22 | 23 | @include skel-layout(( 24 | reset: 'full', 25 | boxModel: 'border' 26 | )); 27 | 28 | @mixin icon-alt($content: false, $link: false) { 29 | @include icon($content); 30 | $size: _size(border-width) * 1.25; 31 | 32 | &:before { 33 | color: _palette(bg); 34 | text-shadow: $size 0px 0px _palette(border), 35 | ($size * -1) 0px 0px _palette(border), 36 | 0px $size 0px _palette(border), 37 | 0px ($size * -1) 0px _palette(border); 38 | 39 | } 40 | 41 | @if $link { 42 | &:hover { 43 | &:before { 44 | text-shadow: $size 0px 0px _palette(highlight), 45 | ($size * -1) 0px 0px _palette(highlight), 46 | 0px $size 0px _palette(highlight), 47 | 0px ($size * -1) 0px _palette(highlight); 48 | } 49 | } 50 | } 51 | } 52 | 53 | // Base. 54 | 55 | @import 'base/page'; 56 | @import 'base/typography'; 57 | 58 | // Component. 59 | 60 | @import 'components/form'; 61 | @import 'components/icon'; 62 | @import 'components/list'; 63 | @import 'components/button'; 64 | 65 | // Layout. 66 | 67 | @import 'layout/main'; 68 | @import 'layout/footer'; 69 | @import 'layout/wrapper'; 70 | -------------------------------------------------------------------------------- /assets/sass/base/_page.scss: -------------------------------------------------------------------------------- 1 | @import '../libs/vars'; 2 | @import '../libs/functions'; 3 | @import '../libs/mixins'; 4 | 5 | /// 6 | /// Identity by HTML5 UP 7 | /// html5up.net | @n33co 8 | /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 9 | /// 10 | 11 | /* Basic */ 12 | 13 | // Ensures page width is always >=320px. 14 | @include breakpoint(xsmall) { 15 | html, body { 16 | min-width: 320px; 17 | } 18 | } 19 | 20 | body { 21 | 22 | // Prevents animation/transition "flicker" on page load. 23 | // Automatically added/removed by js/main.js. 24 | &.is-loading { 25 | *, *:before, *:after { 26 | @include vendor('animation', 'none !important'); 27 | @include vendor('transition', 'none !important'); 28 | } 29 | } 30 | 31 | } 32 | 33 | html { 34 | height: 100%; 35 | } 36 | 37 | body { 38 | height: 100%; 39 | background-color: _palette(bg); 40 | @include vendor('background-image', ( 41 | 'url("images/overlay.png")', 42 | 'linear-gradient(60deg, #{transparentize(_palette(accent1), 0.5)} 5%, #{transparentize(_palette(accent2), 0.65)})', 43 | 'url("../../images/bg.jpg")' 44 | )); 45 | background-repeat: repeat, no-repeat, no-repeat; 46 | background-size: 100px 100px, cover, cover; 47 | background-position: top left, center center, bottom center; 48 | background-attachment: fixed, fixed, fixed; 49 | 50 | &:after { 51 | content: ''; 52 | display: block; 53 | position: fixed; 54 | top: 0; 55 | left: 0; 56 | width: 100%; 57 | height: inherit; 58 | opacity: 0; 59 | z-index: 1; 60 | 61 | background-color: _palette(bg); 62 | @include vendor('background-image', ( 63 | 'url("images/overlay.png")', 64 | 'linear-gradient(60deg, #{transparentize(_palette(accent1), 0.5)} 5%, #{transparentize(_palette(accent2), 0.65)})' 65 | )); 66 | background-repeat: repeat, no-repeat; 67 | background-size: 100px 100px, cover; 68 | background-position: top left, center center; 69 | 70 | @include vendor('transition', 'opacity #{_duration(bg)} ease-out'); 71 | } 72 | 73 | &.is-loading { 74 | &:after { 75 | opacity: 1; 76 | } 77 | } 78 | } -------------------------------------------------------------------------------- /assets/js/html5shiv.js: -------------------------------------------------------------------------------- 1 | /* 2 | HTML5 Shiv v3.6.2 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed 3 | */ 4 | (function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag(); 5 | a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x"; 6 | c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode|| 7 | "undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup main mark meter nav output progress section summary time video",version:"3.6.2",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f);if(g)return a.createDocumentFragment(); 8 | for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d 2 | 7 | 8 | 9 | Identity by HTML5 UP 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 |
25 |
26 | 27 |

Jane Doe

28 |

Senior Psychonautics Engineer

29 |
30 | 67 | 74 |
75 | 76 | 77 |
78 |
    79 |
  • © Jane Doe
    • 80 |
  • Design: HTML5 UP
    • 81 |
82 |
83 | 84 |
85 | 86 | 87 | 88 | 94 | 95 | 96 | -------------------------------------------------------------------------------- /assets/sass/components/_form.scss: -------------------------------------------------------------------------------- 1 | @import '../libs/vars'; 2 | @import '../libs/functions'; 3 | @import '../libs/mixins'; 4 | 5 | /// 6 | /// Identity by HTML5 UP 7 | /// html5up.net | @n33co 8 | /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 9 | /// 10 | 11 | /* Form */ 12 | 13 | form { 14 | margin: 0 0 _size(element-margin) 0; 15 | 16 | > .field { 17 | margin: 0 0 _size(element-margin) 0; 18 | 19 | > :last-child { 20 | margin-bottom: 0; 21 | } 22 | } 23 | } 24 | 25 | label { 26 | color: _palette(fg-bold); 27 | display: block; 28 | font-size: 0.9em; 29 | margin: 0 0 (_size(element-margin) * 0.5) 0; 30 | } 31 | 32 | input[type="text"], 33 | input[type="password"], 34 | input[type="email"], 35 | input[type="tel"], 36 | select, 37 | textarea { 38 | @include vendor('appearance', 'none'); 39 | border-radius: _size(border-radius); 40 | border: solid 1px _palette(border); 41 | color: inherit; 42 | display: block; 43 | outline: 0; 44 | padding: 0 1em; 45 | text-decoration: none; 46 | width: 100%; 47 | 48 | &:invalid { 49 | box-shadow: none; 50 | } 51 | 52 | &:focus { 53 | border-color: _palette(highlight); 54 | } 55 | } 56 | 57 | .select-wrapper { 58 | @include icon('\f078'); 59 | display: block; 60 | position: relative; 61 | 62 | &:before { 63 | color: _palette(border); 64 | display: block; 65 | height: _size(element-height); 66 | line-height: _size(element-height); 67 | pointer-events: none; 68 | position: absolute; 69 | right: 0; 70 | text-align: center; 71 | top: 0; 72 | width: _size(element-height); 73 | } 74 | 75 | select::-ms-expand { 76 | display: none; 77 | } 78 | } 79 | 80 | input[type="text"], 81 | input[type="password"], 82 | input[type="email"], 83 | select { 84 | height: _size(element-height); 85 | } 86 | 87 | textarea { 88 | padding: 0.75em 1em; 89 | } 90 | 91 | input[type="checkbox"], 92 | input[type="radio"], { 93 | @include vendor('appearance', 'none'); 94 | display: block; 95 | float: left; 96 | margin-right: -2em; 97 | opacity: 0; 98 | width: 1em; 99 | z-index: -1; 100 | 101 | & + label { 102 | @include icon; 103 | color: _palette(fg); 104 | cursor: pointer; 105 | display: inline-block; 106 | font-size: 1em; 107 | font-weight: _font(weight); 108 | padding-left: (_size(element-height) * 0.6) + 0.75em; 109 | padding-right: 0.75em; 110 | position: relative; 111 | 112 | &:before { 113 | background: _palette(border-bg); 114 | border-radius: _size(border-radius); 115 | border: solid 1px _palette(border); 116 | content: ''; 117 | display: inline-block; 118 | height: (_size(element-height) * 0.6); 119 | left: 0; 120 | line-height: (_size(element-height) * 0.575); 121 | position: absolute; 122 | text-align: center; 123 | top: 0.15em; 124 | width: (_size(element-height) * 0.6); 125 | } 126 | } 127 | 128 | &:checked + label { 129 | &:before { 130 | color: _palette(highlight); 131 | content: '\f00c'; 132 | } 133 | } 134 | 135 | &:focus + label { 136 | &:before { 137 | border-color: _palette(highlight); 138 | } 139 | } 140 | } 141 | 142 | input[type="checkbox"] { 143 | & + label { 144 | &:before { 145 | border-radius: _size(border-radius); 146 | } 147 | } 148 | } 149 | 150 | input[type="radio"] { 151 | & + label { 152 | &:before { 153 | border-radius: 100%; 154 | } 155 | } 156 | } 157 | 158 | ::-webkit-input-placeholder { 159 | color: _palette(fg-light) !important; 160 | opacity: 1.0; 161 | } 162 | 163 | :-moz-placeholder { 164 | color: _palette(fg-light) !important; 165 | opacity: 1.0; 166 | } 167 | 168 | ::-moz-placeholder { 169 | color: _palette(fg-light) !important; 170 | opacity: 1.0; 171 | } 172 | 173 | :-ms-input-placeholder { 174 | color: _palette(fg-light) !important; 175 | opacity: 1.0; 176 | } 177 | 178 | .formerize-placeholder { 179 | color: _palette(fg-light) !important; 180 | opacity: 1.0; 181 | } -------------------------------------------------------------------------------- /assets/js/respond.min.js: -------------------------------------------------------------------------------- 1 | /*! Respond.js v1.4.2: min/max-width media query polyfill 2 | * Copyright 2014 Scott Jehl 3 | * Licensed under MIT 4 | * http://j.mp/respondjs */ 5 | 6 | !function(a){"use strict";a.matchMedia=a.matchMedia||function(a){var b,c=a.documentElement,d=c.firstElementChild||c.firstChild,e=a.createElement("body"),f=a.createElement("div");return f.id="mq-test-1",f.style.cssText="position:absolute;top:-100em",e.style.background="none",e.appendChild(f),function(a){return f.innerHTML='­',c.insertBefore(e,d),b=42===f.offsetWidth,c.removeChild(e),{matches:b,media:a}}}(a.document)}(this),function(a){"use strict";function b(){v(!0)}var c={};a.respond=c,c.update=function(){};var d=[],e=function(){var b=!1;try{b=new a.XMLHttpRequest}catch(c){b=new a.ActiveXObject("Microsoft.XMLHTTP")}return function(){return b}}(),f=function(a,b){var c=e();c&&(c.open("GET",a,!0),c.onreadystatechange=function(){4!==c.readyState||200!==c.status&&304!==c.status||b(c.responseText)},4!==c.readyState&&c.send(null))},g=function(a){return a.replace(c.regex.minmaxwh,"").match(c.regex.other)};if(c.ajax=f,c.queue=d,c.unsupportedmq=g,c.regex={media:/@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi,keyframes:/@(?:\-(?:o|moz|webkit)\-)?keyframes[^\{]+\{(?:[^\{\}]*\{[^\}\{]*\})+[^\}]*\}/gi,comments:/\/\*[^*]*\*+([^/][^*]*\*+)*\//gi,urls:/(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,findStyles:/@media *([^\{]+)\{([\S\s]+?)$/,only:/(only\s+)?([a-zA-Z]+)\s?/,minw:/\(\s*min\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,maxw:/\(\s*max\-width\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/,minmaxwh:/\(\s*m(in|ax)\-(height|width)\s*:\s*(\s*[0-9\.]+)(px|em)\s*\)/gi,other:/\([^\)]*\)/g},c.mediaQueriesSupported=a.matchMedia&&null!==a.matchMedia("only all")&&a.matchMedia("only all").matches,!c.mediaQueriesSupported){var h,i,j,k=a.document,l=k.documentElement,m=[],n=[],o=[],p={},q=30,r=k.getElementsByTagName("head")[0]||l,s=k.getElementsByTagName("base")[0],t=r.getElementsByTagName("link"),u=function(){var a,b=k.createElement("div"),c=k.body,d=l.style.fontSize,e=c&&c.style.fontSize,f=!1;return b.style.cssText="position:absolute;font-size:1em;width:1em",c||(c=f=k.createElement("body"),c.style.background="none"),l.style.fontSize="100%",c.style.fontSize="100%",c.appendChild(b),f&&l.insertBefore(c,l.firstChild),a=b.offsetWidth,f?l.removeChild(c):c.removeChild(b),l.style.fontSize=d,e&&(c.style.fontSize=e),a=j=parseFloat(a)},v=function(b){var c="clientWidth",d=l[c],e="CSS1Compat"===k.compatMode&&d||k.body[c]||d,f={},g=t[t.length-1],p=(new Date).getTime();if(b&&h&&q>p-h)return a.clearTimeout(i),i=a.setTimeout(v,q),void 0;h=p;for(var s in m)if(m.hasOwnProperty(s)){var w=m[s],x=w.minw,y=w.maxw,z=null===x,A=null===y,B="em";x&&(x=parseFloat(x)*(x.indexOf(B)>-1?j||u():1)),y&&(y=parseFloat(y)*(y.indexOf(B)>-1?j||u():1)),w.hasquery&&(z&&A||!(z||e>=x)||!(A||y>=e))||(f[w.media]||(f[w.media]=[]),f[w.media].push(n[w.rules]))}for(var C in o)o.hasOwnProperty(C)&&o[C]&&o[C].parentNode===r&&r.removeChild(o[C]);o.length=0;for(var D in f)if(f.hasOwnProperty(D)){var E=k.createElement("style"),F=f[D].join("\n");E.type="text/css",E.media=D,r.insertBefore(E,g.nextSibling),E.styleSheet?E.styleSheet.cssText=F:E.appendChild(k.createTextNode(F)),o.push(E)}},w=function(a,b,d){var e=a.replace(c.regex.comments,"").replace(c.regex.keyframes,"").match(c.regex.media),f=e&&e.length||0;b=b.substring(0,b.lastIndexOf("/"));var h=function(a){return a.replace(c.regex.urls,"$1"+b+"$2$3")},i=!f&&d;b.length&&(b+="/"),i&&(f=1);for(var j=0;f>j;j++){var k,l,o,p;i?(k=d,n.push(h(a))):(k=e[j].match(c.regex.findStyles)&&RegExp.$1,n.push(RegExp.$2&&h(RegExp.$2))),o=k.split(","),p=o.length;for(var q=0;p>q;q++)l=o[q],g(l)||m.push({media:l.split("(")[0].match(c.regex.only)&&RegExp.$2||"all",rules:n.length-1,hasquery:l.indexOf("(")>-1,minw:l.match(c.regex.minw)&&parseFloat(RegExp.$1)+(RegExp.$2||""),maxw:l.match(c.regex.maxw)&&parseFloat(RegExp.$1)+(RegExp.$2||"")})}v()},x=function(){if(d.length){var b=d.shift();f(b.href,function(c){w(c,b.href,b.media),p[b.href]=!0,a.setTimeout(function(){x()},0)})}},y=function(){for(var b=0;b length($list) { 86 | @warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`."; 87 | } 88 | @else { 89 | 90 | $result: (); 91 | $index: if($index < 0, length($list) + $index + 1, $index); 92 | 93 | @for $i from 1 through length($list) { 94 | 95 | @if $i != $index { 96 | $result: append($result, nth($list, $i)); 97 | } 98 | 99 | } 100 | 101 | } 102 | 103 | @return $result; 104 | 105 | } 106 | 107 | /// Replaces a substring within another string. 108 | /// @author Hugo Giraudel 109 | /// @param {string} $string String. 110 | /// @param {string} $search Substring. 111 | /// @param {string} $replace Replacement. 112 | /// @return {string} Updated string. 113 | @function str-replace($string, $search, $replace: '') { 114 | 115 | $index: str-index($string, $search); 116 | 117 | @if $index { 118 | @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace); 119 | } 120 | 121 | @return $string; 122 | 123 | } 124 | 125 | /// Replaces a substring within each string in a list. 126 | /// @param {list} $strings List of strings. 127 | /// @param {string} $search Substring. 128 | /// @param {string} $replace Replacement. 129 | /// @return {list} Updated list of strings. 130 | @function str-replace-all($strings, $search, $replace: '') { 131 | 132 | @each $string in $strings { 133 | $strings: set-nth($strings, index($strings, $string), str-replace($string, $search, $replace)); 134 | } 135 | 136 | @return $strings; 137 | 138 | } 139 | 140 | /// Gets a value from a map. 141 | /// @author Hugo Giraudel 142 | /// @param {map} $map Map. 143 | /// @param {string} $keys Key(s). 144 | /// @return {string} Value. 145 | @function val($map, $keys...) { 146 | 147 | @if nth($keys, 1) == null { 148 | $keys: remove-nth($keys, 1); 149 | } 150 | 151 | @each $key in $keys { 152 | $map: map-get($map, $key); 153 | } 154 | 155 | @return $map; 156 | 157 | } 158 | 159 | // Mixins. 160 | 161 | /// Sets the global box model. 162 | /// @param {string} $model Model (default is content). 163 | @mixin boxModel($model: 'content') { 164 | 165 | $x: $model + '-box'; 166 | 167 | *, *:before, *:after { 168 | -moz-box-sizing: #{$x}; 169 | -webkit-box-sizing: #{$x}; 170 | box-sizing: #{$x}; 171 | } 172 | 173 | } 174 | 175 | /// Wraps @content in a @media block using a given breakpoint. 176 | /// @param {string} $breakpoint Breakpoint. 177 | /// @param {map} $queries Additional queries. 178 | @mixin breakpoint($breakpoint: null, $queries: null) { 179 | 180 | $query: 'screen'; 181 | 182 | // Breakpoint. 183 | @if $breakpoint and map-has-key($breakpoints, $breakpoint) { 184 | $query: $query + ' and ' + map-get($breakpoints, $breakpoint); 185 | } 186 | 187 | // Queries. 188 | @if $queries { 189 | @each $k, $v in $queries { 190 | $query: $query + ' and (' + $k + ':' + $v + ')'; 191 | } 192 | } 193 | 194 | @media #{$query} { 195 | @content; 196 | } 197 | 198 | } 199 | 200 | /// Wraps @content in a @media block targeting a specific orientation. 201 | /// @param {string} $orientation Orientation. 202 | @mixin orientation($orientation) { 203 | @media screen and (orientation: #{$orientation}) { 204 | @content; 205 | } 206 | } 207 | 208 | /// Utility mixin for containers. 209 | /// @param {mixed} $width Width. 210 | @mixin containers($width) { 211 | 212 | // Locked? 213 | $lock: false; 214 | 215 | @if length($width) == 2 { 216 | $width: nth($width, 1); 217 | $lock: true; 218 | } 219 | 220 | // Modifiers. 221 | .container.\31 25\25 { width: 100%; max-width: $width * 1.25; min-width: $width; } 222 | .container.\37 5\25 { width: $width * 0.75; } 223 | .container.\35 0\25 { width: $width * 0.5; } 224 | .container.\32 5\25 { width: $width * 0.25; } 225 | 226 | // Main class. 227 | .container { 228 | @if $lock { 229 | width: $width !important; 230 | } 231 | @else { 232 | width: $width; 233 | } 234 | } 235 | 236 | } 237 | 238 | /// Utility mixin for grid. 239 | /// @param {list} $gutters Column and row gutters (default is 40px). 240 | /// @param {string} $breakpointName Optional breakpoint name. 241 | @mixin grid($gutters: 40px, $breakpointName: null) { 242 | 243 | // Gutters. 244 | @include grid-gutters($gutters); 245 | @include grid-gutters($gutters, \32 00\25, 2); 246 | @include grid-gutters($gutters, \31 50\25, 1.5); 247 | @include grid-gutters($gutters, \35 0\25, 0.5); 248 | @include grid-gutters($gutters, \32 5\25, 0.25); 249 | 250 | // Cells. 251 | $x: ''; 252 | 253 | @if $breakpointName { 254 | $x: '\\28' + $breakpointName + '\\29'; 255 | } 256 | 257 | .\31 2u#{$x}, .\31 2u\24#{$x} { width: 100%; clear: none; margin-left: 0; } 258 | .\31 1u#{$x}, .\31 1u\24#{$x} { width: 91.6666666667%; clear: none; margin-left: 0; } 259 | .\31 0u#{$x}, .\31 0u\24#{$x} { width: 83.3333333333%; clear: none; margin-left: 0; } 260 | .\39 u#{$x}, .\39 u\24#{$x} { width: 75%; clear: none; margin-left: 0; } 261 | .\38 u#{$x}, .\38 u\24#{$x} { width: 66.6666666667%; clear: none; margin-left: 0; } 262 | .\37 u#{$x}, .\37 u\24#{$x} { width: 58.3333333333%; clear: none; margin-left: 0; } 263 | .\36 u#{$x}, .\36 u\24#{$x} { width: 50%; clear: none; margin-left: 0; } 264 | .\35 u#{$x}, .\35 u\24#{$x} { width: 41.6666666667%; clear: none; margin-left: 0; } 265 | .\34 u#{$x}, .\34 u\24#{$x} { width: 33.3333333333%; clear: none; margin-left: 0; } 266 | .\33 u#{$x}, .\33 u\24#{$x} { width: 25%; clear: none; margin-left: 0; } 267 | .\32 u#{$x}, .\32 u\24#{$x} { width: 16.6666666667%; clear: none; margin-left: 0; } 268 | .\31 u#{$x}, .\31 u\24#{$x} { width: 8.3333333333%; clear: none; margin-left: 0; } 269 | 270 | .\31 2u\24#{$x} + *, 271 | .\31 1u\24#{$x} + *, 272 | .\31 0u\24#{$x} + *, 273 | .\39 u\24#{$x} + *, 274 | .\38 u\24#{$x} + *, 275 | .\37 u\24#{$x} + *, 276 | .\36 u\24#{$x} + *, 277 | .\35 u\24#{$x} + *, 278 | .\34 u\24#{$x} + *, 279 | .\33 u\24#{$x} + *, 280 | .\32 u\24#{$x} + *, 281 | .\31 u\24#{$x} + * { 282 | clear: left; 283 | } 284 | 285 | .\-11u#{$x} { margin-left: 91.6666666667% } 286 | .\-10u#{$x} { margin-left: 83.3333333333% } 287 | .\-9u#{$x} { margin-left: 75% } 288 | .\-8u#{$x} { margin-left: 66.6666666667% } 289 | .\-7u#{$x} { margin-left: 58.3333333333% } 290 | .\-6u#{$x} { margin-left: 50% } 291 | .\-5u#{$x} { margin-left: 41.6666666667% } 292 | .\-4u#{$x} { margin-left: 33.3333333333% } 293 | .\-3u#{$x} { margin-left: 25% } 294 | .\-2u#{$x} { margin-left: 16.6666666667% } 295 | .\-1u#{$x} { margin-left: 8.3333333333% } 296 | 297 | } 298 | 299 | /// Utility mixin for grid. 300 | /// @param {list} $gutters Gutters. 301 | /// @param {string} $class Optional class name. 302 | /// @param {integer} $multiplier Multiplier (default is 1). 303 | @mixin grid-gutters($gutters, $class: null, $multiplier: 1) { 304 | 305 | // Expand gutters if it's not a list. 306 | @if length($gutters) == 1 { 307 | $gutters: ($gutters, 0); 308 | } 309 | 310 | // Get column and row gutter values. 311 | $c: nth($gutters, 1); 312 | $r: nth($gutters, 2); 313 | 314 | // Get class (if provided). 315 | $x: ''; 316 | 317 | @if $class { 318 | $x: '.' + $class; 319 | } 320 | 321 | // Default. 322 | .row#{$x} > * { padding: ($r * $multiplier) 0 0 ($c * $multiplier); } 323 | .row#{$x} { margin: ($r * $multiplier * -1) 0 -1px ($c * $multiplier * -1); } 324 | 325 | // Uniform. 326 | .row.uniform#{$x} > * { padding: ($c * $multiplier) 0 0 ($c * $multiplier); } 327 | .row.uniform#{$x} { margin: ($c * $multiplier * -1) 0 -1px ($c * $multiplier * -1); } 328 | 329 | } 330 | 331 | /// Wraps @content in vendorized keyframe blocks. 332 | /// @param {string} $name Name. 333 | @mixin keyframes($name) { 334 | 335 | @-moz-keyframes #{$name} { @content; } 336 | @-webkit-keyframes #{$name} { @content; } 337 | @-ms-keyframes #{$name} { @content; } 338 | @keyframes #{$name} { @content; } 339 | 340 | } 341 | 342 | /// 343 | /// Sets breakpoints. 344 | /// @param {map} $x Breakpoints. 345 | /// 346 | @mixin skel-breakpoints($x: ()) { 347 | $breakpoints: $x !global; 348 | } 349 | 350 | /// 351 | /// Initializes layout module. 352 | /// @param {map} config Config. 353 | /// 354 | @mixin skel-layout($config: ()) { 355 | 356 | // Config. 357 | $configPerBreakpoint: (); 358 | 359 | $z: map-get($config, 'breakpoints'); 360 | 361 | @if $z { 362 | $configPerBreakpoint: $z; 363 | } 364 | 365 | // Reset. 366 | $x: map-get($config, 'reset'); 367 | 368 | @if $x { 369 | 370 | /* Reset */ 371 | 372 | @include reset($x); 373 | 374 | } 375 | 376 | // Box model. 377 | $x: map-get($config, 'boxModel'); 378 | 379 | @if $x { 380 | 381 | /* Box Model */ 382 | 383 | @include boxModel($x); 384 | 385 | } 386 | 387 | // Containers. 388 | $containers: map-get($config, 'containers'); 389 | 390 | @if $containers { 391 | 392 | /* Containers */ 393 | 394 | .container { 395 | margin-left: auto; 396 | margin-right: auto; 397 | } 398 | 399 | // Use default is $containers is just "true". 400 | @if $containers == true { 401 | $containers: 960px; 402 | } 403 | 404 | // Apply base. 405 | @include containers($containers); 406 | 407 | // Apply per-breakpoint. 408 | @each $name in map-keys($breakpoints) { 409 | 410 | // Get/use breakpoint setting if it exists. 411 | $x: map-get($configPerBreakpoint, $name); 412 | 413 | // Per-breakpoint config exists? 414 | @if $x { 415 | $y: map-get($x, 'containers'); 416 | 417 | // Setting exists? Use it. 418 | @if $y { 419 | $containers: $y; 420 | } 421 | 422 | } 423 | 424 | // Create @media block. 425 | @media screen and #{map-get($breakpoints, $name)} { 426 | @include containers($containers); 427 | } 428 | 429 | } 430 | 431 | } 432 | 433 | // Grid. 434 | $grid: map-get($config, 'grid'); 435 | 436 | @if $grid { 437 | 438 | /* Grid */ 439 | 440 | // Use defaults if $grid is just "true". 441 | @if $grid == true { 442 | $grid: (); 443 | } 444 | 445 | // Sub-setting: Gutters. 446 | $grid-gutters: 40px; 447 | $x: map-get($grid, 'gutters'); 448 | 449 | @if $x { 450 | $grid-gutters: $x; 451 | } 452 | 453 | // Rows. 454 | .row { 455 | border-bottom: solid 1px transparent; 456 | -moz-box-sizing: border-box; 457 | -webkit-box-sizing: border-box; 458 | box-sizing: border-box; 459 | } 460 | 461 | .row > * { 462 | float: left; 463 | -moz-box-sizing: border-box; 464 | -webkit-box-sizing: border-box; 465 | box-sizing: border-box; 466 | } 467 | 468 | .row:after, .row:before { 469 | content: ''; 470 | display: block; 471 | clear: both; 472 | height: 0; 473 | } 474 | 475 | .row.uniform > * > :first-child { 476 | margin-top: 0; 477 | } 478 | 479 | .row.uniform > * > :last-child { 480 | margin-bottom: 0; 481 | } 482 | 483 | // Gutters (0%). 484 | @include grid-gutters($grid-gutters, \30 \25, 0); 485 | 486 | // Apply base. 487 | @include grid($grid-gutters); 488 | 489 | // Apply per-breakpoint. 490 | @each $name in map-keys($breakpoints) { 491 | 492 | // Get/use breakpoint setting if it exists. 493 | $x: map-get($configPerBreakpoint, $name); 494 | 495 | // Per-breakpoint config exists? 496 | @if $x { 497 | $y: map-get($x, 'grid'); 498 | 499 | // Setting exists? 500 | @if $y { 501 | 502 | // Sub-setting: Gutters. 503 | $x: map-get($y, 'gutters'); 504 | 505 | @if $x { 506 | $grid-gutters: $x; 507 | } 508 | 509 | } 510 | 511 | } 512 | 513 | // Create @media block. 514 | @media screen and #{map-get($breakpoints, $name)} { 515 | @include grid($grid-gutters, $name); 516 | } 517 | 518 | } 519 | 520 | } 521 | 522 | } 523 | 524 | /// Resets browser styles. 525 | /// @param {string} $mode Mode (default is 'normalize'). 526 | @mixin reset($mode: 'normalize') { 527 | 528 | @if $mode == 'normalize' { 529 | 530 | // normalize.css v3.0.2 | MIT License | git.io/normalize 531 | html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0} 532 | 533 | } 534 | @else if $mode == 'full' { 535 | 536 | // meyerweb.com/eric/tools/css/reset v2.0 | 20110126 | License: none (public domain) 537 | 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;}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,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none} 538 | 539 | } 540 | 541 | } 542 | 543 | /// Vendorizes a declaration's property and/or value(s). 544 | /// @param {string} $property Property. 545 | /// @param {mixed} $value String/list of value(s). 546 | @mixin vendor($property, $value) { 547 | 548 | // Determine if property should expand. 549 | $expandProperty: index($vendor-properties, $property); 550 | 551 | // Determine if value should expand (and if so, add '-prefix-' placeholder). 552 | $expandValue: false; 553 | 554 | @each $x in $value { 555 | @each $y in $vendor-values { 556 | @if $y == str-slice($x, 1, str-length($y)) { 557 | 558 | $value: set-nth($value, index($value, $x), '-prefix-' + $x); 559 | $expandValue: true; 560 | 561 | } 562 | } 563 | } 564 | 565 | // Expand property? 566 | @if $expandProperty { 567 | @each $vendor in $vendor-prefixes { 568 | #{$vendor}#{$property}: #{str-replace-all($value, '-prefix-', $vendor)}; 569 | } 570 | } 571 | 572 | // Expand just the value? 573 | @elseif $expandValue { 574 | @each $vendor in $vendor-prefixes { 575 | #{$property}: #{str-replace-all($value, '-prefix-', $vendor)}; 576 | } 577 | } 578 | 579 | // Neither? Treat them as a normal declaration. 580 | @else { 581 | #{$property}: #{$value}; 582 | } 583 | 584 | } -------------------------------------------------------------------------------- /assets/css/main.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | @import url(font-awesome.min.css); 3 | @import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:300"); 4 | 5 | /* 6 | Identity by HTML5 UP 7 | html5up.net | @n33co 8 | Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) 9 | */ 10 | 11 | /* Reset */ 12 | 13 | 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 { 14 | margin: 0; 15 | padding: 0; 16 | border: 0; 17 | font-size: 100%; 18 | font: inherit; 19 | vertical-align: baseline; 20 | } 21 | 22 | article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 23 | display: block; 24 | } 25 | 26 | body { 27 | line-height: 1; 28 | } 29 | 30 | ol, ul { 31 | list-style: none; 32 | } 33 | 34 | blockquote, q { 35 | quotes: none; 36 | } 37 | 38 | blockquote:before, blockquote:after, q:before, q:after { 39 | content: ''; 40 | content: none; 41 | } 42 | 43 | table { 44 | border-collapse: collapse; 45 | border-spacing: 0; 46 | } 47 | 48 | body { 49 | -webkit-text-size-adjust: none; 50 | } 51 | 52 | /* Box Model */ 53 | 54 | *, *:before, *:after { 55 | -moz-box-sizing: border-box; 56 | -webkit-box-sizing: border-box; 57 | box-sizing: border-box; 58 | } 59 | 60 | /* Basic */ 61 | 62 | @media screen and (max-width: 480px) { 63 | 64 | html, body { 65 | min-width: 320px; 66 | } 67 | 68 | } 69 | 70 | body.is-loading *, body.is-loading *:before, body.is-loading *:after { 71 | -moz-animation: none !important; 72 | -webkit-animation: none !important; 73 | -ms-animation: none !important; 74 | animation: none !important; 75 | -moz-transition: none !important; 76 | -webkit-transition: none !important; 77 | -ms-transition: none !important; 78 | transition: none !important; 79 | } 80 | 81 | html { 82 | height: 100%; 83 | } 84 | 85 | body { 86 | height: 100%; 87 | background-color: #ffffff; 88 | background-image: url("images/overlay.png"), -moz-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)), url("../../images/bg.jpg"); 89 | background-image: url("images/overlay.png"), -webkit-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)), url("../../images/bg.jpg"); 90 | background-image: url("images/overlay.png"), -ms-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)), url("../../images/bg.jpg"); 91 | background-image: url("images/overlay.png"), linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)), url("../../images/bg.jpg"); 92 | background-repeat: repeat, no-repeat, no-repeat; 93 | background-size: 100px 100px, cover, cover; 94 | background-position: top left, center center, bottom center; 95 | background-attachment: fixed, fixed, fixed; 96 | } 97 | 98 | body:after { 99 | content: ''; 100 | display: block; 101 | position: fixed; 102 | top: 0; 103 | left: 0; 104 | width: 100%; 105 | height: inherit; 106 | opacity: 0; 107 | z-index: 1; 108 | background-color: #ffffff; 109 | background-image: url("images/overlay.png"), -moz-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)); 110 | background-image: url("images/overlay.png"), -webkit-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)); 111 | background-image: url("images/overlay.png"), -ms-linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)); 112 | background-image: url("images/overlay.png"), linear-gradient(60deg, rgba(255, 165, 150, 0.5) 5%, rgba(0, 228, 255, 0.35)); 113 | background-repeat: repeat, no-repeat; 114 | background-size: 100px 100px, cover; 115 | background-position: top left, center center; 116 | -moz-transition: opacity 1.75s ease-out; 117 | -webkit-transition: opacity 1.75s ease-out; 118 | -ms-transition: opacity 1.75s ease-out; 119 | transition: opacity 1.75s ease-out; 120 | } 121 | 122 | body.is-loading:after { 123 | opacity: 1; 124 | } 125 | 126 | /* Type */ 127 | 128 | body, input, select, textarea { 129 | color: #414f57; 130 | font-family: "Source Sans Pro", Helvetica, sans-serif; 131 | font-size: 14pt; 132 | font-weight: 300; 133 | line-height: 2; 134 | letter-spacing: 0.2em; 135 | text-transform: uppercase; 136 | } 137 | 138 | @media screen and (max-width: 1680px) { 139 | 140 | body, input, select, textarea { 141 | font-size: 11pt; 142 | } 143 | 144 | } 145 | 146 | @media screen and (max-width: 480px) { 147 | 148 | body, input, select, textarea { 149 | font-size: 10pt; 150 | line-height: 1.75; 151 | } 152 | 153 | } 154 | 155 | a { 156 | -moz-transition: color 0.2s ease, border-color 0.2s ease; 157 | -webkit-transition: color 0.2s ease, border-color 0.2s ease; 158 | -ms-transition: color 0.2s ease, border-color 0.2s ease; 159 | transition: color 0.2s ease, border-color 0.2s ease; 160 | color: inherit; 161 | text-decoration: none; 162 | } 163 | 164 | a:before { 165 | -moz-transition: color 0.2s ease, text-shadow 0.2s ease; 166 | -webkit-transition: color 0.2s ease, text-shadow 0.2s ease; 167 | -ms-transition: color 0.2s ease, text-shadow 0.2s ease; 168 | transition: color 0.2s ease, text-shadow 0.2s ease; 169 | } 170 | 171 | a:hover { 172 | color: #ff7496; 173 | } 174 | 175 | strong, b { 176 | color: #313f47; 177 | } 178 | 179 | em, i { 180 | font-style: italic; 181 | } 182 | 183 | p { 184 | margin: 0 0 1.5em 0; 185 | } 186 | 187 | h1, h2, h3, h4, h5, h6 { 188 | color: #313f47; 189 | line-height: 1.5; 190 | margin: 0 0 0.75em 0; 191 | } 192 | 193 | h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { 194 | color: inherit; 195 | text-decoration: none; 196 | } 197 | 198 | h1 { 199 | font-size: 1.85em; 200 | letter-spacing: 0.22em; 201 | margin: 0 0 0.525em 0; 202 | } 203 | 204 | h2 { 205 | font-size: 1.25em; 206 | } 207 | 208 | h3 { 209 | font-size: 1em; 210 | } 211 | 212 | h4 { 213 | font-size: 1em; 214 | } 215 | 216 | h5 { 217 | font-size: 1em; 218 | } 219 | 220 | h6 { 221 | font-size: 1em; 222 | } 223 | 224 | @media screen and (max-width: 480px) { 225 | 226 | h1 { 227 | font-size: 1.65em; 228 | } 229 | 230 | } 231 | 232 | sub { 233 | font-size: 0.8em; 234 | position: relative; 235 | top: 0.5em; 236 | } 237 | 238 | sup { 239 | font-size: 0.8em; 240 | position: relative; 241 | top: -0.5em; 242 | } 243 | 244 | hr { 245 | border: 0; 246 | border-bottom: solid 1px #c8cccf; 247 | margin: 3em 0; 248 | } 249 | 250 | /* Form */ 251 | 252 | form { 253 | margin: 0 0 1.5em 0; 254 | } 255 | 256 | form > .field { 257 | margin: 0 0 1.5em 0; 258 | } 259 | 260 | form > .field > :last-child { 261 | margin-bottom: 0; 262 | } 263 | 264 | label { 265 | color: #313f47; 266 | display: block; 267 | font-size: 0.9em; 268 | margin: 0 0 0.75em 0; 269 | } 270 | 271 | input[type="text"], 272 | input[type="password"], 273 | input[type="email"], 274 | input[type="tel"], 275 | select, 276 | textarea { 277 | -moz-appearance: none; 278 | -webkit-appearance: none; 279 | -ms-appearance: none; 280 | appearance: none; 281 | border-radius: 4px; 282 | border: solid 1px #c8cccf; 283 | color: inherit; 284 | display: block; 285 | outline: 0; 286 | padding: 0 1em; 287 | text-decoration: none; 288 | width: 100%; 289 | } 290 | 291 | input[type="text"]:invalid, 292 | input[type="password"]:invalid, 293 | input[type="email"]:invalid, 294 | input[type="tel"]:invalid, 295 | select:invalid, 296 | textarea:invalid { 297 | box-shadow: none; 298 | } 299 | 300 | input[type="text"]:focus, 301 | input[type="password"]:focus, 302 | input[type="email"]:focus, 303 | input[type="tel"]:focus, 304 | select:focus, 305 | textarea:focus { 306 | border-color: #ff7496; 307 | } 308 | 309 | .select-wrapper { 310 | text-decoration: none; 311 | display: block; 312 | position: relative; 313 | } 314 | 315 | .select-wrapper:before { 316 | content: ""; 317 | -moz-osx-font-smoothing: grayscale; 318 | -webkit-font-smoothing: antialiased; 319 | font-family: FontAwesome; 320 | font-style: normal; 321 | font-weight: normal; 322 | text-transform: none !important; 323 | } 324 | 325 | .select-wrapper:before { 326 | color: #c8cccf; 327 | display: block; 328 | height: 2.75em; 329 | line-height: 2.75em; 330 | pointer-events: none; 331 | position: absolute; 332 | right: 0; 333 | text-align: center; 334 | top: 0; 335 | width: 2.75em; 336 | } 337 | 338 | .select-wrapper select::-ms-expand { 339 | display: none; 340 | } 341 | 342 | input[type="text"], 343 | input[type="password"], 344 | input[type="email"], 345 | select { 346 | height: 2.75em; 347 | } 348 | 349 | textarea { 350 | padding: 0.75em 1em; 351 | } 352 | 353 | input[type="checkbox"], 354 | input[type="radio"] { 355 | -moz-appearance: none; 356 | -webkit-appearance: none; 357 | -ms-appearance: none; 358 | appearance: none; 359 | display: block; 360 | float: left; 361 | margin-right: -2em; 362 | opacity: 0; 363 | width: 1em; 364 | z-index: -1; 365 | } 366 | 367 | input[type="checkbox"] + label, 368 | input[type="radio"] + label { 369 | text-decoration: none; 370 | color: #414f57; 371 | cursor: pointer; 372 | display: inline-block; 373 | font-size: 1em; 374 | font-weight: 300; 375 | padding-left: 2.4em; 376 | padding-right: 0.75em; 377 | position: relative; 378 | } 379 | 380 | input[type="checkbox"] + label:before, 381 | input[type="radio"] + label:before { 382 | -moz-osx-font-smoothing: grayscale; 383 | -webkit-font-smoothing: antialiased; 384 | font-family: FontAwesome; 385 | font-style: normal; 386 | font-weight: normal; 387 | text-transform: none !important; 388 | } 389 | 390 | input[type="checkbox"] + label:before, 391 | input[type="radio"] + label:before { 392 | border-radius: 4px; 393 | border: solid 1px #c8cccf; 394 | content: ''; 395 | display: inline-block; 396 | height: 1.65em; 397 | left: 0; 398 | line-height: 1.58125em; 399 | position: absolute; 400 | text-align: center; 401 | top: 0.15em; 402 | width: 1.65em; 403 | } 404 | 405 | input[type="checkbox"]:checked + label:before, 406 | input[type="radio"]:checked + label:before { 407 | color: #ff7496; 408 | content: '\f00c'; 409 | } 410 | 411 | input[type="checkbox"]:focus + label:before, 412 | input[type="radio"]:focus + label:before { 413 | border-color: #ff7496; 414 | } 415 | 416 | input[type="checkbox"] + label:before { 417 | border-radius: 4px; 418 | } 419 | 420 | input[type="radio"] + label:before { 421 | border-radius: 100%; 422 | } 423 | 424 | ::-webkit-input-placeholder { 425 | color: #616f77 !important; 426 | opacity: 1.0; 427 | } 428 | 429 | :-moz-placeholder { 430 | color: #616f77 !important; 431 | opacity: 1.0; 432 | } 433 | 434 | ::-moz-placeholder { 435 | color: #616f77 !important; 436 | opacity: 1.0; 437 | } 438 | 439 | :-ms-input-placeholder { 440 | color: #616f77 !important; 441 | opacity: 1.0; 442 | } 443 | 444 | .formerize-placeholder { 445 | color: #616f77 !important; 446 | opacity: 1.0; 447 | } 448 | 449 | /* Icon */ 450 | 451 | .icon { 452 | text-decoration: none; 453 | position: relative; 454 | border-bottom: none; 455 | } 456 | 457 | .icon:before { 458 | -moz-osx-font-smoothing: grayscale; 459 | -webkit-font-smoothing: antialiased; 460 | font-family: FontAwesome; 461 | font-style: normal; 462 | font-weight: normal; 463 | text-transform: none !important; 464 | } 465 | 466 | .icon > .label { 467 | display: none; 468 | } 469 | 470 | /* List */ 471 | 472 | ol { 473 | list-style: decimal; 474 | margin: 0 0 1.5em 0; 475 | padding-left: 1.25em; 476 | } 477 | 478 | ol li { 479 | padding-left: 0.25em; 480 | } 481 | 482 | ul { 483 | list-style: disc; 484 | margin: 0 0 1.5em 0; 485 | padding-left: 1em; 486 | } 487 | 488 | ul li { 489 | padding-left: 0.5em; 490 | } 491 | 492 | ul.alt { 493 | list-style: none; 494 | padding-left: 0; 495 | } 496 | 497 | ul.alt li { 498 | border-top: solid 1px #c8cccf; 499 | padding: 0.5em 0; 500 | } 501 | 502 | ul.alt li:first-child { 503 | border-top: 0; 504 | padding-top: 0; 505 | } 506 | 507 | ul.icons { 508 | cursor: default; 509 | list-style: none; 510 | padding-left: 0; 511 | margin-top: -0.675em; 512 | } 513 | 514 | ul.icons li { 515 | display: inline-block; 516 | padding: 0.675em 0.5em; 517 | } 518 | 519 | ul.icons li a { 520 | text-decoration: none; 521 | position: relative; 522 | display: block; 523 | width: 3.75em; 524 | height: 3.75em; 525 | border-radius: 100%; 526 | border: solid 1px #c8cccf; 527 | line-height: 3.75em; 528 | overflow: hidden; 529 | text-align: center; 530 | text-indent: 3.75em; 531 | white-space: nowrap; 532 | } 533 | 534 | ul.icons li a:before { 535 | -moz-osx-font-smoothing: grayscale; 536 | -webkit-font-smoothing: antialiased; 537 | font-family: FontAwesome; 538 | font-style: normal; 539 | font-weight: normal; 540 | text-transform: none !important; 541 | } 542 | 543 | ul.icons li a:before { 544 | color: #ffffff; 545 | text-shadow: 1.25px 0px 0px #c8cccf, -1.25px 0px 0px #c8cccf, 0px 1.25px 0px #c8cccf, 0px -1.25px 0px #c8cccf; 546 | } 547 | 548 | ul.icons li a:hover:before { 549 | text-shadow: 1.25px 0px 0px #ff7496, -1.25px 0px 0px #ff7496, 0px 1.25px 0px #ff7496, 0px -1.25px 0px #ff7496; 550 | } 551 | 552 | ul.icons li a:before { 553 | position: absolute; 554 | top: 0; 555 | left: 0; 556 | width: inherit; 557 | height: inherit; 558 | font-size: 1.85rem; 559 | line-height: inherit; 560 | text-align: center; 561 | text-indent: 0; 562 | } 563 | 564 | ul.icons li a:hover { 565 | border-color: #ff7496; 566 | } 567 | 568 | @media screen and (max-width: 480px) { 569 | 570 | ul.icons li a:before { 571 | font-size: 1.5rem; 572 | } 573 | 574 | } 575 | 576 | ul.actions { 577 | cursor: default; 578 | list-style: none; 579 | padding-left: 0; 580 | } 581 | 582 | ul.actions li { 583 | display: inline-block; 584 | padding: 0 0.75em 0 0; 585 | vertical-align: middle; 586 | } 587 | 588 | ul.actions li:last-child { 589 | padding-right: 0; 590 | } 591 | 592 | dl { 593 | margin: 0 0 1.5em 0; 594 | } 595 | 596 | dl dt { 597 | display: block; 598 | margin: 0 0 0.75em 0; 599 | } 600 | 601 | dl dd { 602 | margin-left: 1.5em; 603 | } 604 | 605 | /* Button */ 606 | 607 | input[type="submit"], 608 | input[type="reset"], 609 | input[type="button"], 610 | button, 611 | .button { 612 | -moz-appearance: none; 613 | -webkit-appearance: none; 614 | -ms-appearance: none; 615 | appearance: none; 616 | -moz-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out; 617 | -webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out; 618 | -ms-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out; 619 | transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.2s ease-in-out; 620 | display: inline-block; 621 | height: 2.75em; 622 | line-height: 2.75em; 623 | padding: 0 1.5em; 624 | background-color: transparent; 625 | border-radius: 4px; 626 | border: solid 1px #c8cccf; 627 | color: #414f57 !important; 628 | cursor: pointer; 629 | text-align: center; 630 | text-decoration: none; 631 | white-space: nowrap; 632 | } 633 | 634 | input[type="submit"]:hover, 635 | input[type="reset"]:hover, 636 | input[type="button"]:hover, 637 | button:hover, 638 | .button:hover { 639 | border-color: #ff7496; 640 | color: #ff7496 !important; 641 | } 642 | 643 | input[type="submit"].icon, 644 | input[type="reset"].icon, 645 | input[type="button"].icon, 646 | button.icon, 647 | .button.icon { 648 | padding-left: 1.35em; 649 | } 650 | 651 | input[type="submit"].icon:before, 652 | input[type="reset"].icon:before, 653 | input[type="button"].icon:before, 654 | button.icon:before, 655 | .button.icon:before { 656 | margin-right: 0.5em; 657 | } 658 | 659 | input[type="submit"].fit, 660 | input[type="reset"].fit, 661 | input[type="button"].fit, 662 | button.fit, 663 | .button.fit { 664 | display: block; 665 | width: 100%; 666 | margin: 0 0 0.75em 0; 667 | } 668 | 669 | input[type="submit"].small, 670 | input[type="reset"].small, 671 | input[type="button"].small, 672 | button.small, 673 | .button.small { 674 | font-size: 0.8em; 675 | } 676 | 677 | input[type="submit"].big, 678 | input[type="reset"].big, 679 | input[type="button"].big, 680 | button.big, 681 | .button.big { 682 | font-size: 1.35em; 683 | } 684 | 685 | input[type="submit"].disabled, input[type="submit"]:disabled, 686 | input[type="reset"].disabled, 687 | input[type="reset"]:disabled, 688 | input[type="button"].disabled, 689 | input[type="button"]:disabled, 690 | button.disabled, 691 | button:disabled, 692 | .button.disabled, 693 | .button:disabled { 694 | -moz-pointer-events: none; 695 | -webkit-pointer-events: none; 696 | -ms-pointer-events: none; 697 | pointer-events: none; 698 | opacity: 0.5; 699 | } 700 | 701 | /* Main */ 702 | 703 | #main { 704 | position: relative; 705 | max-width: 100%; 706 | min-width: 27em; 707 | padding: 4.5em 3em 3em 3em ; 708 | background: #ffffff; 709 | border-radius: 4px; 710 | cursor: default; 711 | opacity: 0.95; 712 | text-align: center; 713 | -moz-transform-origin: 50% 50%; 714 | -webkit-transform-origin: 50% 50%; 715 | -ms-transform-origin: 50% 50%; 716 | transform-origin: 50% 50%; 717 | -moz-transform: rotateX(0deg); 718 | -webkit-transform: rotateX(0deg); 719 | -ms-transform: rotateX(0deg); 720 | transform: rotateX(0deg); 721 | -moz-transition: opacity 1s ease, -moz-transform 1s ease; 722 | -webkit-transition: opacity 1s ease, -webkit-transform 1s ease; 723 | -ms-transition: opacity 1s ease, -ms-transform 1s ease; 724 | transition: opacity 1s ease, transform 1s ease; 725 | } 726 | 727 | #main .avatar { 728 | position: relative; 729 | display: block; 730 | margin-bottom: 1.5em; 731 | } 732 | 733 | #main .avatar img { 734 | display: block; 735 | margin: 0 auto; 736 | border-radius: 100%; 737 | box-shadow: 0 0 0 1.5em #ffffff; 738 | } 739 | 740 | #main .avatar:before { 741 | content: ''; 742 | display: block; 743 | position: absolute; 744 | top: 50%; 745 | left: -3em; 746 | width: calc(100% + 6em); 747 | height: 1px; 748 | z-index: -1; 749 | background: #c8cccf; 750 | } 751 | 752 | @media screen and (max-width: 480px) { 753 | 754 | #main { 755 | min-width: 0; 756 | width: 100%; 757 | padding: 4em 2em 2.5em 2em ; 758 | } 759 | 760 | #main .avatar:before { 761 | left: -2em; 762 | width: calc(100% + 4em); 763 | } 764 | 765 | } 766 | 767 | body.is-loading #main { 768 | opacity: 0; 769 | -moz-transform: rotateX(15deg); 770 | -webkit-transform: rotateX(15deg); 771 | -ms-transform: rotateX(15deg); 772 | transform: rotateX(15deg); 773 | } 774 | 775 | /* Footer */ 776 | 777 | #footer { 778 | -moz-align-self: -moz-flex-end; 779 | -webkit-align-self: -webkit-flex-end; 780 | -ms-align-self: -ms-flex-end; 781 | align-self: flex-end; 782 | width: 100%; 783 | padding: 1.5em 0 0 0; 784 | color: rgba(255, 255, 255, 0.75); 785 | cursor: default; 786 | text-align: center; 787 | } 788 | 789 | #footer .copyright { 790 | margin: 0; 791 | padding: 0; 792 | font-size: 0.9em; 793 | list-style: none; 794 | } 795 | 796 | #footer .copyright li { 797 | display: inline-block; 798 | margin: 0 0 0 0.45em; 799 | padding: 0 0 0 0.85em; 800 | border-left: solid 1px rgba(255, 255, 255, 0.5); 801 | line-height: 1; 802 | } 803 | 804 | #footer .copyright li:first-child { 805 | border-left: 0; 806 | } 807 | 808 | /* Wrapper */ 809 | 810 | #wrapper { 811 | display: -moz-flex; 812 | display: -webkit-flex; 813 | display: -ms-flex; 814 | display: flex; 815 | -moz-align-items: center; 816 | -webkit-align-items: center; 817 | -ms-align-items: center; 818 | align-items: center; 819 | -moz-justify-content: space-between; 820 | -webkit-justify-content: space-between; 821 | -ms-justify-content: space-between; 822 | justify-content: space-between; 823 | -moz-flex-direction: column; 824 | -webkit-flex-direction: column; 825 | -ms-flex-direction: column; 826 | flex-direction: column; 827 | -moz-perspective: 1000px; 828 | -webkit-perspective: 1000px; 829 | -ms-perspective: 1000px; 830 | perspective: 1000px; 831 | position: relative; 832 | min-height: 100%; 833 | padding: 1.5em; 834 | z-index: 2; 835 | } 836 | 837 | #wrapper > * { 838 | z-index: 1; 839 | } 840 | 841 | #wrapper:before { 842 | content: ''; 843 | display: block; 844 | } 845 | 846 | @media screen and (max-width: 360px) { 847 | 848 | #wrapper { 849 | padding: 0.75em; 850 | } 851 | 852 | } 853 | 854 | body.is-ie #wrapper { 855 | height: 100%; 856 | } -------------------------------------------------------------------------------- /assets/css/font-awesome.min.css: -------------------------------------------------------------------------------- 1 | /*! 2 | * Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome 3 | * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 4 | */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.4.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"} 5 | -------------------------------------------------------------------------------- /assets/js/PIE.htc: -------------------------------------------------------------------------------- 1 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 96 | 97 | --------------------------------------------------------------------------------