diff --git a/font-awesome.css b/font-awesome.css new file mode 100644 index 0000000..76b0daa --- /dev/null +++ b/font-awesome.css @@ -0,0 +1,2337 @@ +/*! + * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome + * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) + */ +/* FONT PATH + * -------------------------- */ +@font-face { + font-family: 'FontAwesome'; + src: url('/fonts/fontawesome-webfont.eot?v=4.7.0'); + src: url('/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/fonts/fontawesome-webfont.svg?v=4.7.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; +} +/* makes the font 33% larger relative to the icon container */ +.fa-lg { + font-size: 1.33333333em; + line-height: 0.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: 0.14285714em; + text-align: center; +} +.fa-li.fa-lg { + left: -1.85714286em; +} +.fa-border { + padding: .2em .25em .15em; + border: solid 0.08em #eeeeee; + 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; +} +/* Deprecated as of 4.4.0 */ +.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 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)"; + -webkit-transform: rotate(90deg); + -ms-transform: rotate(90deg); + transform: rotate(90deg); +} +.fa-rotate-180 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); + transform: rotate(180deg); +} +.fa-rotate-270 { + -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)"; + -webkit-transform: rotate(270deg); + -ms-transform: rotate(270deg); + transform: rotate(270deg); +} +.fa-flip-horizontal { + -ms-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 { + -ms-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: #ffffff; +} +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ +.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-pp: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-resistance: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: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"; +} +.fa-reddit-alien:before { + content: "\f281"; +} +.fa-edge:before { + content: "\f282"; +} +.fa-credit-card-alt:before { + content: "\f283"; +} +.fa-codiepie:before { + content: "\f284"; +} +.fa-modx:before { + content: "\f285"; +} +.fa-fort-awesome:before { + content: "\f286"; +} +.fa-usb:before { + content: "\f287"; +} +.fa-product-hunt:before { + content: "\f288"; +} +.fa-mixcloud:before { + content: "\f289"; +} +.fa-scribd:before { + content: "\f28a"; +} +.fa-pause-circle:before { + content: "\f28b"; +} +.fa-pause-circle-o:before { + content: "\f28c"; +} +.fa-stop-circle:before { + content: "\f28d"; +} +.fa-stop-circle-o:before { + content: "\f28e"; +} +.fa-shopping-bag:before { + content: "\f290"; +} +.fa-shopping-basket:before { + content: "\f291"; +} +.fa-hashtag:before { + content: "\f292"; +} +.fa-bluetooth:before { + content: "\f293"; +} +.fa-bluetooth-b:before { + content: "\f294"; +} +.fa-percent:before { + content: "\f295"; +} +.fa-gitlab:before { + content: "\f296"; +} +.fa-wpbeginner:before { + content: "\f297"; +} +.fa-wpforms:before { + content: "\f298"; +} +.fa-envira:before { + content: "\f299"; +} +.fa-universal-access:before { + content: "\f29a"; +} +.fa-wheelchair-alt:before { + content: "\f29b"; +} +.fa-question-circle-o:before { + content: "\f29c"; +} +.fa-blind:before { + content: "\f29d"; +} +.fa-audio-description:before { + content: "\f29e"; +} +.fa-volume-control-phone:before { + content: "\f2a0"; +} +.fa-braille:before { + content: "\f2a1"; +} +.fa-assistive-listening-systems:before { + content: "\f2a2"; +} +.fa-asl-interpreting:before, +.fa-american-sign-language-interpreting:before { + content: "\f2a3"; +} +.fa-deafness:before, +.fa-hard-of-hearing:before, +.fa-deaf:before { + content: "\f2a4"; +} +.fa-glide:before { + content: "\f2a5"; +} +.fa-glide-g:before { + content: "\f2a6"; +} +.fa-signing:before, +.fa-sign-language:before { + content: "\f2a7"; +} +.fa-low-vision:before { + content: "\f2a8"; +} +.fa-viadeo:before { + content: "\f2a9"; +} +.fa-viadeo-square:before { + content: "\f2aa"; +} +.fa-snapchat:before { + content: "\f2ab"; +} +.fa-snapchat-ghost:before { + content: "\f2ac"; +} +.fa-snapchat-square:before { + content: "\f2ad"; +} +.fa-pied-piper:before { + content: "\f2ae"; +} +.fa-first-order:before { + content: "\f2b0"; +} +.fa-yoast:before { + content: "\f2b1"; +} +.fa-themeisle:before { + content: "\f2b2"; +} +.fa-google-plus-circle:before, +.fa-google-plus-official:before { + content: "\f2b3"; +} +.fa-fa:before, +.fa-font-awesome:before { + content: "\f2b4"; +} +.fa-handshake-o:before { + content: "\f2b5"; +} +.fa-envelope-open:before { + content: "\f2b6"; +} +.fa-envelope-open-o:before { + content: "\f2b7"; +} +.fa-linode:before { + content: "\f2b8"; +} +.fa-address-book:before { + content: "\f2b9"; +} +.fa-address-book-o:before { + content: "\f2ba"; +} +.fa-vcard:before, +.fa-address-card:before { + content: "\f2bb"; +} +.fa-vcard-o:before, +.fa-address-card-o:before { + content: "\f2bc"; +} +.fa-user-circle:before { + content: "\f2bd"; +} +.fa-user-circle-o:before { + content: "\f2be"; +} +.fa-user-o:before { + content: "\f2c0"; +} +.fa-id-badge:before { + content: "\f2c1"; +} +.fa-drivers-license:before, +.fa-id-card:before { + content: "\f2c2"; +} +.fa-drivers-license-o:before, +.fa-id-card-o:before { + content: "\f2c3"; +} +.fa-quora:before { + content: "\f2c4"; +} +.fa-free-code-camp:before { + content: "\f2c5"; +} +.fa-telegram:before { + content: "\f2c6"; +} +.fa-thermometer-4:before, +.fa-thermometer:before, +.fa-thermometer-full:before { + content: "\f2c7"; +} +.fa-thermometer-3:before, +.fa-thermometer-three-quarters:before { + content: "\f2c8"; +} +.fa-thermometer-2:before, +.fa-thermometer-half:before { + content: "\f2c9"; +} +.fa-thermometer-1:before, +.fa-thermometer-quarter:before { + content: "\f2ca"; +} +.fa-thermometer-0:before, +.fa-thermometer-empty:before { + content: "\f2cb"; +} +.fa-shower:before { + content: "\f2cc"; +} +.fa-bathtub:before, +.fa-s15:before, +.fa-bath:before { + content: "\f2cd"; +} +.fa-podcast:before { + content: "\f2ce"; +} +.fa-window-maximize:before { + content: "\f2d0"; +} +.fa-window-minimize:before { + content: "\f2d1"; +} +.fa-window-restore:before { + content: "\f2d2"; +} +.fa-times-rectangle:before, +.fa-window-close:before { + content: "\f2d3"; +} +.fa-times-rectangle-o:before, +.fa-window-close-o:before { + content: "\f2d4"; +} +.fa-bandcamp:before { + content: "\f2d5"; +} +.fa-grav:before { + content: "\f2d6"; +} +.fa-etsy:before { + content: "\f2d7"; +} +.fa-imdb:before { + content: "\f2d8"; +} +.fa-ravelry:before { + content: "\f2d9"; +} +.fa-eercast:before { + content: "\f2da"; +} +.fa-microchip:before { + content: "\f2db"; +} +.fa-snowflake-o:before { + content: "\f2dc"; +} +.fa-superpowers:before { + content: "\f2dd"; +} +.fa-wpexplorer:before { + content: "\f2de"; +} +.fa-meetup:before { + content: "\f2e0"; +} +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + border: 0; +} +.sr-only-focusable:active, +.sr-only-focusable:focus { + position: static; + width: auto; + height: auto; + margin: 0; + overflow: visible; + clip: auto; +} diff --git a/fonts/FontAwesome.otf b/fonts/FontAwesome.otf new file mode 100644 index 0000000..401ec0f Binary files /dev/null and b/fonts/FontAwesome.otf differ diff --git a/fonts/fontawesome-webfont.eot b/fonts/fontawesome-webfont.eot new file mode 100644 index 0000000..e9f60ca Binary files /dev/null and b/fonts/fontawesome-webfont.eot differ diff --git a/fonts/fontawesome-webfont.svg b/fonts/fontawesome-webfont.svg new file mode 100644 index 0000000..855c845 --- /dev/null +++ b/fonts/fontawesome-webfont.svg @@ -0,0 +1,2671 @@ + + + + +Created by FontForge 20120731 at Mon Oct 24 17:37:40 2016 + By ,,, +Copyright Dave Gandy 2016. All rights reserved. + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/fonts/fontawesome-webfont.ttf b/fonts/fontawesome-webfont.ttf new file mode 100644 index 0000000..35acda2 Binary files /dev/null and b/fonts/fontawesome-webfont.ttf differ diff --git a/fonts/fontawesome-webfont.woff b/fonts/fontawesome-webfont.woff new file mode 100644 index 0000000..400014a Binary files /dev/null and b/fonts/fontawesome-webfont.woff differ diff --git a/fonts/fontawesome-webfont.woff2 b/fonts/fontawesome-webfont.woff2 new file mode 100644 index 0000000..4d13fc6 Binary files /dev/null and b/fonts/fontawesome-webfont.woff2 differ diff --git a/index.html b/index.html index 41c7b70..6afb445 100644 --- a/index.html +++ b/index.html @@ -1,22 +1,34 @@ - - - Start - - - - - - + + + Start + + + + + + + + + -
-
-
-
- -
-

-
+
+
+
+
+ + +
+

+
+ + +
+

Input Text to search,hover over the Logo to see all Search Engines

+
diff --git a/scripts/scripts.js b/scripts/scripts.js index 9fc7522..8757270 100644 --- a/scripts/scripts.js +++ b/scripts/scripts.js @@ -1,48 +1,69 @@ +var org = true; + +/*'http://www.planwallpaper.com/static/images/hexagon-prisms-28449-2560x1440_QnLmOkL-min.jpg', 'http://www.planwallpaper.com/static/images/6999064-indian-beach-wallpaper_XEK3Udy-min.jpg', 'http://www.planwallpaper.com/static/images/Seamless-Polygon-Backgrounds-Vol2-full-min.jpg', 'http://www.planwallpaper.com/static/images/colorful-triangles-background-min.jpg', 'http://www.planwallpaper.com/static/images/ZhGEqAP-min.jpg', 'http://www.planwallpaper.com/static/images/Live-Wallpaper-1.jpeg', 'http://www.planwallpaper.com/static/images/Wallpaper-HD-10-min.jpg', 'http://www.planwallpaper.com/static/images/butterfly-wallpaper.jpeg', 'http://www.planwallpaper.com/static/images/blue-abstract-glass-balls-min.jpg', 'http://www.planwallpaper.com/static/images/555837-min.jpg', 'http://www.planwallpaper.com/static/images/HD-Wallpapers1.jpeg', 'http://www.planwallpaper.com/static/images/Technology-Wallpaper-14-min.jpg', 'http://www.planwallpaper.com/static/images/11-sea-beach-sand-wallpaper_sf9i1b6-min.jpg', 'http://www.planwallpaper.com/static/images/kartandtinki1_photo-wallpapers_02-min.jpg', 'http://www.planwallpaper.com/static/images/black_hd_wallpaper_black_hd_wallpaper-min.jpg', 'http://www.planwallpaper.com/static/images/6944150-abstract-colors-wallpaper-min.jpg', 'http://www.planwallpaper.com/static/images/wallpaper-11628192-min.jpg', 'http://www.planwallpaper.com/static/images/wallpapers-7020-7277-hd-wallpapers-min.jpg', 'http://www.planwallpaper.com/static/images/i-should-buy-a-boat-min.jpg', 'http://www.planwallpaper.com/static/images/2022725-wallpaper_625864_Iz6NK8G-min.jpg', 'http://www.planwallpaper.com/static/images/79438-blue-world-map-min.jpg', 'http://www.planwallpaper.com/static/images/303836-min.jpg', 'http://www.planwallpaper.com/static/images/abstract_wallpaper_xVBXbWX-min.jpg', 'http://www.planwallpaper.com/static/images/general-night-golden-gate-bridge-hd-wallpapers-golden-gate-bridge-wallpaper-min.jpg', 'http://www.planwallpaper.com/static/images/black-and-blue-cubes-wallpaper1-min.jpg', 'http://www.planwallpaper.com/static/images/city_of_love-wallpaper-5120x3200-min.jpg', 'http://www.planwallpaper.com/static/images/b807c2282ab0a491bd5c5c1051c6d312_k4PiHxO-min.jpg', */ + +var images = ['wallpaper/6.jpg','wallpaper/5.jpg','wallpaper/4.jpg','wallpaper/3.jpg','wallpaper/2.jpg','wallpaper/1.jpg']; + + +function toggleBG() { + if (org) { + + document.body.style.backgroundImage = "url('" + images[Math.round(Math.random() * (images.length - 1))] + "')"; + document.body.style.backgroundSize = "100% 100%"; + org = false; + } else { + org = true; + document.body.style.backgroundSize = ""; + document.body.style.backgroundImage = "url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAYAAADjVADoAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH4AgbFB4l6ZLKSQAAAFZJREFUeNrt2jENgDAABMAHASyoYMZWpTDWWxcskBAUsGGhSbkz8D/8+AkAAAAAAAAAwNim3gVqe9YkKdty9cyfbQEAAAAAAAAARvX7f8Rx3nviH/F5AaflDQJlfwozAAAAAElFTkSuQmCC')"; + console.log(document.body.style.backgroundImage); + } + return false; +} var eng = {}, - current = {}, - fadeDur = 200, - titlePrefix = "Search ", + current = {}, + fadeDur = 200, + titlePrefix = "Search ", - idxWidth = 700, - idxLogoFull = [225, 80], - idxLogoSmall = [157, 56], - idxMargin = 24, - idxFadedOpacity = 0.3, + idxWidth = 700, + idxLogoFull = [225, 80], + idxLogoSmall = [157, 56], + idxMargin = 24, + idxFadedOpacity = 0.3, - idxHeight = 0; + idxHeight = 0; -$(function() { - // Create Engine Index +$(function () { + // Create Engine Index - indexCreate(); + indexCreate(); - // Behavior + // Behavior - $("#i").keyup(function(ev) { - fetchSuggestions(ev.which); - }); - $(document).click(function(ev) { - closeSugBox(ev.srcElement) - }); + $("#i").keyup(function (ev) { + fetchSuggestions(ev.which); + }); + $(document).click(function (ev) { + closeSugBox(ev.srcElement) + }); - $("#toggleInfo").click(function() { - $("#infoBox").toggle(400); - }); + $("#toggleInfo").click(function () { + $("#infoBox").toggle(400); + }); - // Set up first engine + // Set up first engine - build(firstProp(eng), false); + build(firstProp(eng), false); }); function doSearch() { - var url = eng[current.engine].places[current.place][0]; - url = url.replace("%query%", encodeURIComponent($("#i").val())); - if (typeof eng[current.engine].languages == "object") - url = url.replace("%lang%", eng[current.engine].languages[current.language]); + var url = eng[current.engine].places[current.place][0]; + url = url.replace("%query%", encodeURIComponent($("#i").val())); + if (typeof eng[current.engine].languages == "object") + url = url.replace("%lang%", eng[current.engine].languages[current.language]); - window.location.href = url; - return false; + window.location.href = url; + return false; } @@ -50,102 +71,102 @@ function doSearch() { ----------------------------------------------------- */ function indexCreate() { - var row = 0, - i = 0, // Reset every row - j = 0, // Total - offset = 0, - cols = Math.floor(idxWidth / idxLogoSmall[0]); + var row = 0, + i = 0, // Reset every row + j = 0, // Total + offset = 0, + cols = Math.floor(idxWidth / idxLogoSmall[0]); - for (e in eng) { - // If the offset hasn't been set yet - // And the number of engines left to draw is <= items in the final row - if ( - offset == 0 && - (numKeys(eng) - j) <= (numKeys(eng) % cols) - ) { - offset = cols - numKeys(eng) % cols; - offset = offset * (idxLogoSmall[0] + idxMargin) / 2; + for (e in eng) { + // If the offset hasn't been set yet + // And the number of engines left to draw is <= items in the final row + if ( + offset == 0 && + (numKeys(eng) - j) <= (numKeys(eng) % cols) + ) { + offset = cols - numKeys(eng) % cols; + offset = offset * (idxLogoSmall[0] + idxMargin) / 2; + } + + $("#engines").prepend(""); + + if (i == cols) { + i = 0; + row++; + }; + eng[e].idxPos = [ + (idxLogoSmall[0] + idxMargin) * i - idxWidth / 2 + offset, + (idxLogoSmall[1] + idxMargin) * row + ]; + i++; + j++; } + idxHeight = (row + 1) * (idxLogoSmall[1] + idxMargin) - idxMargin; + idxHeight = Math.max(idxHeight, idxLogoFull[1]); - $("#engines").prepend(""); + $("#engines a").click(function () { + build($(this).attr("ref"), true); + }) - if (i == cols) { - i = 0; - row++; - }; - eng[e].idxPos = [ - (idxLogoSmall[0] + idxMargin) * i - idxWidth / 2 + offset, - (idxLogoSmall[1] + idxMargin) * row - ]; - i++; - j++; - } - idxHeight = (row + 1) * (idxLogoSmall[1] + idxMargin) - idxMargin; - idxHeight = Math.max(idxHeight, idxLogoFull[1]); + $("#engines a").css({ + "left": "50%", + "bottom": "0", + "marginLeft": -idxLogoFull[0] / 2 + "px" + }); - $("#engines a").click(function() { - build($(this).attr("ref"), true); - }) - - $("#engines a").css({ - "left": "50%", - "bottom": "0", - "marginLeft": -idxLogoFull[0] / 2 + "px" - }); - - $("#engines").mouseenter(function() { - indexOpen(); - }); - $("#engines").mouseleave(function() { - indexClose(); - }); + $("#engines").mouseenter(function () { + indexOpen(); + }); + $("#engines").mouseleave(function () { + indexClose(); + }); } var idxState = false, - idxClear = undefined; + idxClear = undefined; function indexOpen() { - idxState = true; - clearTimeout(idxClear); + idxState = true; + clearTimeout(idxClear); - $("#engines").css({ - "height": idxHeight - }); + $("#engines").css({ + "height": idxHeight + }); - for (e in eng) { - var op = $("#" + e + "_logo").hasClass("active"); - $("#" + e + "_logo").stop().queue("fx", []).animate({ - "marginLeft": eng[e].idxPos[0] + "px", - "marginBottom": eng[e].idxPos[1] + "px", - "opacity": (op) ? 1 : idxFadedOpacity, - "width": idxLogoSmall[0], - "height": idxLogoSmall[1], - }, fadeDur); - } + for (e in eng) { + var op = $("#" + e + "_logo").hasClass("active"); + $("#" + e + "_logo").stop().queue("fx", []).animate({ + "marginLeft": eng[e].idxPos[0] + "px", + "marginBottom": eng[e].idxPos[1] + "px", + "opacity": (op) ? 1 : idxFadedOpacity, + "width": idxLogoSmall[0], + "height": idxLogoSmall[1], + }, fadeDur); + } } function indexClose() { - idxState = false; + idxState = false; - $("#engines").css({ - "height": idxLogoFull[1] - }); + $("#engines").css({ + "height": idxLogoFull[1] + }); - $("#engines a").each(function() { - var op = $(this).hasClass("active"); - $(this).stop().queue("fx", []).animate({ - "marginLeft": -idxLogoFull[0] / 2 + "px", - "marginBottom": 0, - "opacity": (op) ? 1 : 0, - "width": idxLogoFull[0], - "height": idxLogoFull[1] + $("#engines a").each(function () { + var op = $(this).hasClass("active"); + $(this).stop().queue("fx", []).animate({ + "marginLeft": -idxLogoFull[0] / 2 + "px", + "marginBottom": 0, + "opacity": (op) ? 1 : 0, + "width": idxLogoFull[0], + "height": idxLogoFull[1] + }, fadeDur); + }); + + // Because jQuery doesn't like me + idxClear = setTimeout(function () { + $("#engines a:not(.active)").css("opacity", 0) }, fadeDur); - }); - - // Because jQuery doesn't like me - idxClear = setTimeout(function() { - $("#engines a:not(.active)").css("opacity", 0) - }, fadeDur); } @@ -154,67 +175,67 @@ function indexClose() { ----------------------------------------------------- */ function build(e, animate) { - var methodFade = (animate) ? fadeDur : 0; + var methodFade = (animate) ? fadeDur : 0; - current.engine = e; // Just the engine's ID for reference - e = eng[e]; // Engine object + current.engine = e; // Just the engine's ID for reference + e = eng[e]; // Engine object - $("#title").html(titlePrefix + e.pageTitle); + $("#title").html(titlePrefix + e.pageTitle); - $("#method").stop().queue("fx", []).animate({ - "opacity": 0 - }, methodFade); + $("#method").stop().queue("fx", []).animate({ + "opacity": 0 + }, methodFade); - op = (idxState) ? idxFadedOpacity : 0; - $("#engines a").stop().queue("fx", []).removeClass("active"); - $("#" + current.engine + "_logo").addClass("active").animate({ - "opacity": 1 - }, fadeDur); - $("#engines a:not(.active)").animate({ - "opacity": op - }, fadeDur); - - if (typeof e.languages == "object") setLang(firstProp(e.languages)); - else $("#lang").fadeOut(fadeDur); - - closeSugBox(false); - - $("#i").attr("autosave", "com.infinise.go." + current.engine); - $("#input input").focus(); - - setTimeout(function() { - $("#method").html(""); - for (place in e.places) $("#method").append("" + place + ""); - - setPlace("#method a:first"); - - $("#method").animate({ - "opacity": 1 + op = (idxState) ? idxFadedOpacity : 0; + $("#engines a").stop().queue("fx", []).removeClass("active"); + $("#" + current.engine + "_logo").addClass("active").animate({ + "opacity": 1 }, fadeDur); - }, methodFade); + $("#engines a:not(.active)").animate({ + "opacity": op + }, fadeDur); + + if (typeof e.languages == "object") setLang(firstProp(e.languages)); + else $("#lang").fadeOut(fadeDur); + + closeSugBox(false); + + $("#i").attr("autosave", "com.infinise.go." + current.engine); + $("#input input").focus(); + + setTimeout(function () { + $("#method").html(""); + for (place in e.places) $("#method").append("" + place + ""); + + setPlace("#method a:first"); + + $("#method").animate({ + "opacity": 1 + }, fadeDur); + }, methodFade); } function setPlace(place) { - current.place = $(place).html(); + current.place = $(place).html(); - $("#method a").removeClass("active"); - $(place).addClass("active"); - $("#input input").focus(); + $("#method a").removeClass("active"); + $(place).addClass("active"); + $("#input input").focus(); - if (eng[current.engine].places[current.place][1] !== false) { - fetchSuggestions(); - $("#i").attr("autocomplete", "off"); - } else { - closeSugBox(false); - $("#i").attr("autocomplete", "on"); - } + if (eng[current.engine].places[current.place][1] !== false) { + fetchSuggestions(); + $("#i").attr("autocomplete", "off"); + } else { + closeSugBox(false); + $("#i").attr("autocomplete", "on"); + } } function setLang(language) { - current.language = language; + current.language = language; - $("#lang").fadeIn(fadeDur).html(language); - $("#input input").focus(); + $("#lang").fadeIn(fadeDur).html(language); + $("#input input").focus(); } @@ -224,157 +245,150 @@ function setLang(language) { var isCtrl = false; var isCmd = false; -$(document).keyup(function(e) { - if (e.which == 17) isCtrl = false; - if (e.which == 91) isCmd = false; -}).keydown(function(e) { - if (e.which == 17) isCtrl = true; - if (e.which == 91) isCmd = true; +$(document).keyup(function (e) { + if (e.which == 17) isCtrl = false; + if (e.which == 91) isCmd = false; +}).keydown(function (e) { + if (e.which == 17) isCtrl = true; + if (e.which == 91) isCmd = true; - if (e.which == 49 && isCtrl == true) { - /* Key "1" */ - nextEngine(); - return false; - } - if (e.which == 50 && isCtrl == true) { - /* Key "2" */ - nextPlace(); - return false; - } - if (e.which == 51 && isCtrl == true) { - /* Key "3" */ - nextLanguage(); - return false; - } + if (e.which == 49 && isCtrl == true) { /* Key "1" */ + nextEngine(); + return false; + } + if (e.which == 50 && isCtrl == true) { /* Key "2" */ + nextPlace(); + return false; + } + if (e.which == 51 && isCtrl == true) { /* Key "3" */ + nextLanguage(); + return false; + } - if (e.which == 38) { - /* Arrow Up */ - prevSugResult(); - } - if (e.which == 40) { - /* Arrow Down */ - nextSugResult(); - } - if (e.which == 27) { - /* ESC */ - closeSugBox(false); - } - if (e.which == 13) { - /* Enter */ - applySugResult(); - } + if (e.which == 38) { /* Arrow Up */ + prevSugResult(); + } + if (e.which == 40) { /* Arrow Down */ + nextSugResult(); + } + if (e.which == 27) { /* ESC */ + closeSugBox(false); + } + if (e.which == 13) { /* Enter */ + applySugResult(); + } }); function nextEngine() { - build(findNext(eng, current.engine), true); + build(findNext(eng, current.engine), true); } function nextPlace() { - var nextPlace = findNext(eng[current.engine].places, current.place); - $("#method a").each(function() { - if ($(this).html() == nextPlace) setPlace($(this)); - }) + var nextPlace = findNext(eng[current.engine].places, current.place); + $("#method a").each(function () { + if ($(this).html() == nextPlace) setPlace($(this)); + }) } function nextLanguage() { - setLang(findNext(eng[current.engine].languages, current.language)); + setLang(findNext(eng[current.engine].languages, current.language)); } /* SUGGESTIONS ----------------------------------------------------- */ -function fetchSuggestions(key) { - if (key == undefined || (!inArray(key, new Array(13, 16, 20, 27, 37, 38, 39, 40)) && !isCtrl && !isCmd)) { - if ($("#i").val() != "" && eng[current.engine].places[current.place][1] !== false) { - current.suggestionsTimestamp = new Date().getTime(); +function fetchSuggestions(key)  { + if (key == undefined || (!inArray(key, new Array(13, 16, 20, 27, 37, 38, 39, 40)) && !isCtrl && !isCmd)) { + if ($("#i").val() != "" && eng[current.engine].places[current.place][1] !== false) { + current.suggestionsTimestamp = new Date().getTime(); - var url = eng[current.engine].places[current.place][1]; - url = url.replace("%query%", encodeURIComponent($("#i").val())); - url = url.replace("%time%", current.suggestionsTimestamp); - if (typeof eng[current.engine].languages == "object") - url = url.replace("%lang%", eng[current.engine].languages[current.language]); + var url = eng[current.engine].places[current.place][1]; + url = url.replace("%query%", encodeURIComponent($("#i").val())); + url = url.replace("%time%", current.suggestionsTimestamp); + if (typeof eng[current.engine].languages == "object") + url = url.replace("%lang%", eng[current.engine].languages[current.language]); - $.getJSON(url, function(data) { - buildSuggestions(data); - }) - } else closeSugBox(false); - } + $.getJSON(url, function (data) { + buildSuggestions(data); + }) + } else closeSugBox(false); + } } function buildSuggestions(list) { - if (list.empty) { - if (console) console.log("(1) Suggestions for '" + list.query + "' empty."); - closeSugBox(false); - } else if ( - list.engine == current.engine && - list.timestamp == current.suggestionsTimestamp && - list.query == $("#i").val() - ) { - if (console) console.log("(2) Suggestions for '" + list.query + "' accepted."); + if (list.empty) { + if (console) console.log("(1) Suggestions for '" + list.query + "' empty."); + closeSugBox(false); + } else if ( + list.engine == current.engine && + list.timestamp == current.suggestionsTimestamp && + list.query == $("#i").val() + ) { + if (console) console.log("(2) Suggestions for '" + list.query + "' accepted."); - $("#sugs").html(""); - for (sug in list.results) { - sug = list.results[sug]; - $("#sugs").append("
  • " + sug[0] + "
    • "); + $("#sugs").html(""); + for (sug in list.results) { + sug = list.results[sug]; + $("#sugs").append("
  • " + sug[0] + "
    • "); + } + + $("#sugs").css({ + "display": "block" + }); + $("#sugs li").mousemove(function () { + $("#sugs .active").removeClass("active"); + $(this).addClass("active"); + }).click(function () { + applySugResult(); + }); + } else { + if (console) console.log("(3) Suggestions for '" + list.query + "' discarded."); } - - $("#sugs").css({ - "display": "block" - }); - $("#sugs li").mousemove(function() { - $("#sugs .active").removeClass("active"); - $(this).addClass("active"); - }).click(function() { - applySugResult(); - }); - } else { - if (console) console.log("(3) Suggestions for '" + list.query + "' discarded."); - } } function prevSugResult() { - if ($("#sugs").css("display") == "none") return; - if ($("#sugs .active").length == 0) { - $("#sugs li:last-child").addClass("active"); - } else { - $("#sugs .active").removeClass("active").prev().addClass("active"); - } - backupQuery(); + if ($("#sugs").css("display") == "none") return; + if ($("#sugs .active").length == 0) { + $("#sugs li:last-child").addClass("active"); + } else { + $("#sugs .active").removeClass("active").prev().addClass("active"); + } + backupQuery(); } function nextSugResult() { - if ($("#sugs").css("display") == "none") return; - if ($("#sugs .active").length == 0) { - $("#sugs li:first-child").addClass("active"); - } else { - $("#sugs .active").removeClass("active").next().addClass("active"); - } - backupQuery(); + if ($("#sugs").css("display") == "none") return; + if ($("#sugs .active").length == 0) { + $("#sugs li:first-child").addClass("active"); + } else { + $("#sugs .active").removeClass("active").next().addClass("active"); + } + backupQuery(); } var originalQuery = false; function backupQuery() { - if ($("#sugs .active").length > 0) { - if (!originalQuery) originalQuery = $("#i").val(); - $("#i").val($("#sugs .active a").html()); - } else { - $("#i").val(originalQuery); - originalQuery = false; - } + if ($("#sugs .active").length > 0) { + if (!originalQuery) originalQuery = $("#i").val(); + $("#i").val($("#sugs .active a").html()); + } else { + $("#i").val(originalQuery); + originalQuery = false; + } } function closeSugBox(src) { - if (src == false || src == undefined || (src.id != "i" && src.id != "sugs")) - $("#sugs").html("").css({ - "display": "none" - }); + if (src == false || src == undefined || (src.id != "i" && src.id != "sugs")) + $("#sugs").html("").css({ + "display": "none" + }); } function applySugResult() { - if ($("#sugs .active").length > 0) { - $("#i").val($("#sugs .active a").html()); - closeSugBox(false); - } + if ($("#sugs .active").length > 0) { + $("#i").val($("#sugs .active a").html()); + closeSugBox(false); + } } diff --git a/style.css b/style.css index f2f8e84..4894c02 100644 --- a/style.css +++ b/style.css @@ -1,68 +1,106 @@ * { - margin: 0; - padding: 0; - text-decoration: none; + margin: 0; + padding: 0; + text-decoration: none; } @-webkit-keyframes slide { - 0% {-webkit-transform: translateY(80px); opacity: 0;} - 100% {-webkit-transform: translateY(0px); opacity: 1;} + 0% { + -webkit-transform: translateY(80px); + opacity: 0; + } + 100% { + -webkit-transform: translateY(0px); + opacity: 1; + } } @-moz-keyframes slide { - 0% {-moz-transform: translateY(80px); opacity: 0;} - 100% {-moz-transform: translateY(0px); opacity: 1;} + 0% { + -moz-transform: translateY(80px); + opacity: 0; + } + 100% { + -moz-transform: translateY(0px); + opacity: 1; + } } @-ms-keyframes slide { - 0% {-ms-transform: translateY(80px); opacity: 0;} - 100% {-ms-transform: translateY(0px); opacity: 1;} + 0% { + -ms-transform: translateY(80px); + opacity: 0; + } + 100% { + -ms-transform: translateY(0px); + opacity: 1; + } } @-o-keyframes slide { - 0% {-o-transform: translateY(80px); opacity: 0;} - 100% {-o-transform: translateY(0px); opacity: 1;} + 0% { + -o-transform: translateY(80px); + opacity: 0; + } + 100% { + -o-transform: translateY(0px); + opacity: 1; + } } @keyframes slide { - 0% {transform: translateY(80px); opacity: 0;} - 100% {transform: translateY(0px); opacity: 1;} + 0% { + transform: translateY(80px); + opacity: 0; + } + 100% { + transform: translateY(0px); + opacity: 1; + } } placeholder { - color: rgba(142, 219, 242, 0.5); + color: rgba(142, 219, 242, 0.5); } ::-webkit-input-placeholder { - color: rgba(142, 219, 242, 0.5); + color: rgba(142, 219, 242, 0.5); } -:-moz-placeholder { /* Firefox 18- */ - color: rgba(142, 219, 242, 0.5); +:-moz-placeholder { + /* Firefox 18- */ + color: rgba(142, 219, 242, 0.5); } -::-moz-placeholder { /* Firefox 19+ */ - color: rgba(142, 219, 242, 0.5); +::-moz-placeholder { + /* Firefox 19+ */ + color: rgba(142, 219, 242, 0.5); } :-ms-input-placeholder { - color: rgba(142, 219, 242, 0.5); + color: rgba(142, 219, 242, 0.5); } body { - -webkit-text-size-adjust: none; - -webkit-user-select: none; - font-size: 14px; - background-color: #020F12; - background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAYAAADjVADoAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH4AgbFB4l6ZLKSQAAAFZJREFUeNrt2jENgDAABMAHASyoYMZWpTDWWxcskBAUsGGhSbkz8D/8+AkAAAAAAAAAwNim3gVqe9YkKdty9cyfbQEAAAAAAAAARvX7f8Rx3nviH/F5AaflDQJlfwozAAAAAElFTkSuQmCC'); + -webkit-text-size-adjust: none; + -webkit-user-select: none; + font-size: 14px; + background-color: #020F12; + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAYAAADjVADoAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA3XAAAN1wFCKJt4AAAAB3RJTUUH4AgbFB4l6ZLKSQAAAFZJREFUeNrt2jENgDAABMAHASyoYMZWpTDWWxcskBAUsGGhSbkz8D/8+AkAAAAAAAAAwNim3gVqe9YkKdty9cyfbQEAAAAAAAAARvX7f8Rx3nviH/F5AaflDQJlfwozAAAAAElFTkSuQmCC'); +} +#tutorial { + font-family: 'Roboto', sans-serif; + color: #8EDBF2; + top: 20px; + font-size: 16px; } #container { - position: absolute; - left: 0px; - top: calc(50% - 83px); - width: 100%; - height: 144px; + position: absolute; + left: 0px; + top: calc(50% - 83px); + width: 100%; + height: 144px; } @@ -70,113 +108,159 @@ body { ----------------------------------------------------- */ #engines { - width: 700px; - height: 80px; - position: absolute; - left: 50%; - bottom: calc(50% + 40px); - margin-left: -350px; - margin-bottom: 10%; - -webkit-animation:slide 0.75s ease; - moz-animation:slide 0.75s ease; - ms-animation:slide 0.75s ease; - o-animation:slide 0.75s ease; - animation:slide 0.75s ease; + width: 700px; + height: 80px; + position: absolute; + left: 50%; + bottom: calc(50% + 40px); + margin-left: -350px; + margin-bottom: 10%; + -webkit-animation: slide 0.75s ease; + moz-animation: slide 0.75s ease; + ms-animation: slide 0.75s ease; + o-animation: slide 0.75s ease; + animation: slide 0.75s ease; } #engines a { - display: block; - width: 225px; - height: 80px; - cursor: pointer; - opacity: 0.0; - position: absolute; + display: block; + width: 225px; + height: 80px; + cursor: pointer; + opacity: 0.0; + position: absolute; } #engines a img { - display: block; - height: 100%; - width: 100%; + display: block; + height: 100%; + width: 100%; } - /* SEARCH BOX ----------------------------------------------------- */ #input input { - font-size: 140px; - font-family: 'Roboto', sans-serif; - font-weight: 100; - text-align: center; - background: #020E12; - width: 100%; - outline: 0; - color: #8EDBF2; - border: 0px; + font-size: 140px; + font-family: 'Roboto', sans-serif; + font-weight: 100; + text-align: center; + background: rgba(10, 10, 10, 0.3); + width: 100%; + outline: 0; + color: #8EDBF2; + border: 0px; } #lang { - position: absolute; - right: 49px; - top: 39px; - font-size: 13px; - font-weight: bold; - padding: 3px 5px; - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - color: #b7c2cf; - cursor: pointer; + position: absolute; + right: 49px; + top: 39px; + font-size: 13px; + +padding: 3px 5px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + color: #b7c2cf; + cursor: pointer; } #lang:hover { - background: #b7c2cf; - color: white; + background: #b7c2cf; + color: white; } #lang:active { - background: #939fad; + background: #939fad; } #method { - display: none; + display: none; } +/* BG BUTTON + ----------------------------------------------------- */ + +#toggleBG { + font-family: 'Roboto', sans-serif; + position: absolute; + right: 50px; + bottom: 50px; + width: 300px; + height: 100px; + color: #8EDBF2; + background: none; + border: none; + transition-duration: 0.3s; + font-size: 15px; +} + +#toggleBG:hover { + cursor: pointer; + font-size: 20px; +} + +#toggleBG:focus { + outline: 0; +} +/* Donator Button + ----------------------------------------------------- */ + +#Donatormode { + font-family: 'Roboto', sans-serif; + position: absolute; + left: 50px; + bottom: 50px; + width: 300px; + height: 100px; + color: #8EDBF2; + background: none; + border: none; + transition-duration: 0.3s; + font-size: 15px; +} +#Donatormode:hover { + cursor: pointer; + font-size: 20px; +} + +#Donatormode:focus { + outline: 0; +} /* SEARCH SUGGESTIONS ----------------------------------------------------- */ #sugs { - display: none; - position: absolute; - background: rgba(255,255,255,0.8); - border: 1px solid #dae2e9; - border-top: 0; - left: 41px; - top: 68px; - right: 41px; - list-style: none; - padding: 3px 0; - font-size: 11px; - -webkit-border-bottom-left-radius: 5px; - -webkit-border-bottom-right-radius: 5px; - -moz-border-radius-bottomleft: 5px; - -moz-border-radius-bottomright: 5px; + display: none; + position: absolute; + background: rgba(255, 255, 255, 0.8); + border: 1px solid #dae2e9; + border-top: 0; + left: 41px; + top: 68px; + right: 41px; + list-style: none; + padding: 3px 0; + font-size: 11px; + -webkit-border-bottom-left-radius: 5px; + -webkit-border-bottom-right-radius: 5px; + -moz-border-radius-bottomleft: 5px; + -moz-border-radius-bottomright: 5px; } #sugs li a { - display: block; - padding: 3px 8px; - color: #74889e; + display: block; + padding: 3px 8px; + color: #74889e; } #sugs li.active a { - background: #b7c2cf; - color: white; + background: #b7c2cf; + color: white; } #sugs li a:active { - background: #939fad; + background: #939fad; } - diff --git a/wallpaper/1.jpg b/wallpaper/1.jpg new file mode 100644 index 0000000..cf5c0ba Binary files /dev/null and b/wallpaper/1.jpg differ diff --git a/wallpaper/2.jpg b/wallpaper/2.jpg new file mode 100644 index 0000000..478ab30 Binary files /dev/null and b/wallpaper/2.jpg differ diff --git a/wallpaper/3.jpg b/wallpaper/3.jpg new file mode 100644 index 0000000..f83544a Binary files /dev/null and b/wallpaper/3.jpg differ diff --git a/wallpaper/4.jpg b/wallpaper/4.jpg new file mode 100644 index 0000000..3db235b Binary files /dev/null and b/wallpaper/4.jpg differ diff --git a/wallpaper/5.jpg b/wallpaper/5.jpg new file mode 100644 index 0000000..e8bc98d Binary files /dev/null and b/wallpaper/5.jpg differ diff --git a/wallpaper/6.jpg b/wallpaper/6.jpg new file mode 100644 index 0000000..5303de8 Binary files /dev/null and b/wallpaper/6.jpg differ