diff --git a/README.md b/README.md deleted file mode 100644 index 4305c07..0000000 --- a/README.md +++ /dev/null @@ -1,4 +0,0 @@ -weather-icons -============= - -A free, open source icon-font of Weather icons diff --git a/css/img/sky.jpg b/css/img/sky.jpg new file mode 100644 index 0000000..d5e7ba4 Binary files /dev/null and b/css/img/sky.jpg differ diff --git a/css/img/sky.psd b/css/img/sky.psd new file mode 100644 index 0000000..1bfb469 Binary files /dev/null and b/css/img/sky.psd differ diff --git a/css/styles.css b/css/styles.css index b891e61..fa41ae6 100644 --- a/css/styles.css +++ b/css/styles.css @@ -4608,10 +4608,1481 @@ td.hidden-lg { display: none !important; } } +/*! + * Font Awesome 3.2.0 + * the iconic font designed for Bootstrap + * ------------------------------------------------------------------------------ + * The full suite of pictographic icons, examples, and documentation can be + * found at http://fontawesome.io. Stay up to date on Twitter at + * http://twitter.com/fontawesome. + * + * License + * ------------------------------------------------------------------------------ + * - The Font Awesome font is licensed under SIL OFL 1.1 - + * http://scripts.sil.org/OFL + * - Font Awesome CSS, LESS, and SASS files are licensed under MIT License - + * http://opensource.org/licenses/mit-license.html + * - Font Awesome documentation licensed under CC BY 3.0 - + * http://creativecommons.org/licenses/by/3.0/ + * - Attribution is no longer required in Font Awesome 3.0, but much appreciated: + * "Font Awesome by Dave Gandy - http://fontawesome.io" + * + * Author - Dave Gandy + * ------------------------------------------------------------------------------ + * Email: dave@fontawesome.io + * Twitter: http://twitter.com/byscuits + * Work: Lead Product Designer @ Kyruus - http://kyruus.com + */ +/* FONT PATH + * -------------------------- */ +@font-face { + font-family: 'FontAwesome'; + src: url('../font/fontawesome-webfont.eot?v=3.2.0'); + src: url('../font/fontawesome-webfont.eot?#iefix&v=3.2.0') format('embedded-opentype'), url('../font/fontawesome-webfont.woff?v=3.2.0') format('woff'), url('../font/fontawesome-webfont.ttf?v=3.2.0') format('truetype'), url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.0') format('svg'); + font-weight: normal; + font-style: normal; +} +/* FONT AWESOME CORE + * -------------------------- */ +[class^="icon-"], +[class*=" icon-"] { + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + text-decoration: inherit; + -webkit-font-smoothing: antialiased; + *margin-right: .3em; +} +[class^="icon-"]:before, +[class*=" icon-"]:before { + text-decoration: inherit; + display: inline-block; + cursor: default; + speak: none; +} +/* makes the font 33% larger relative to the icon container */ +.icon-large:before { + vertical-align: -10%; + font-size: 1.3333333333333333em; +} +/* makes sure icons active on rollover in links */ +a [class^="icon-"], +a [class*=" icon-"] { + display: inline; +} +/* increased font size for icon-large */ +[class^="icon-"].icon-fixed-width, +[class*=" icon-"].icon-fixed-width { + display: inline-block; + width: 1.1428571428571428em; + text-align: right; + padding-right: 0.2857142857142857em; +} +[class^="icon-"].icon-fixed-width.icon-large, +[class*=" icon-"].icon-fixed-width.icon-large { + width: 1.4285714285714286em; +} +.icons-ul { + margin-left: 2.142857142857143em; + list-style-type: none; +} +.icons-ul > li { + position: relative; +} +.icons-ul .icon-li { + position: absolute; + left: -2.142857142857143em; + width: 2.142857142857143em; + text-align: center; + line-height: inherit; +} +[class^="icon-"].hide, +[class*=" icon-"].hide { + display: none; +} +.icon-muted { + color: #eeeeee; +} +.icon-light { + color: #ffffff; +} +.icon-dark { + color: #333333; +} +.icon-border { + border: solid 1px #eeeeee; + padding: .2em .25em .15em; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + border-radius: 3px; +} +.icon-2x { + font-size: 2em; +} +.icon-2x.icon-border { + border-width: 2px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + border-radius: 4px; +} +.icon-3x { + font-size: 3em; +} +.icon-3x.icon-border { + border-width: 3px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; +} +.icon-4x { + font-size: 4em; +} +.icon-4x.icon-border { + border-width: 4px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; +} +.icon-5x { + font-size: 5em; +} +.icon-5x.icon-border { + border-width: 5px; + -webkit-border-radius: 7px; + -moz-border-radius: 7px; + border-radius: 7px; +} +.pull-right { + float: right; +} +.pull-left { + float: left; +} +[class^="icon-"].pull-left, +[class*=" icon-"].pull-left { + margin-right: .3em; +} +[class^="icon-"].pull-right, +[class*=" icon-"].pull-right { + margin-left: .3em; +} +/* BOOTSTRAP SPECIFIC CLASSES + * -------------------------- */ +/* Bootstrap 2.0 sprites.less reset */ +[class^="icon-"], +[class*=" icon-"] { + display: inline; + width: auto; + height: auto; + line-height: normal; + vertical-align: baseline; + background-image: none; + background-position: 0% 0%; + background-repeat: repeat; + margin-top: 0; +} +/* more sprites.less reset */ +.icon-white, +.nav-pills > .active > a > [class^="icon-"], +.nav-pills > .active > a > [class*=" icon-"], +.nav-list > .active > a > [class^="icon-"], +.nav-list > .active > a > [class*=" icon-"], +.navbar-inverse .nav > .active > a > [class^="icon-"], +.navbar-inverse .nav > .active > a > [class*=" icon-"], +.dropdown-menu > li > a:hover > [class^="icon-"], +.dropdown-menu > li > a:hover > [class*=" icon-"], +.dropdown-menu > .active > a > [class^="icon-"], +.dropdown-menu > .active > a > [class*=" icon-"], +.dropdown-submenu:hover > a > [class^="icon-"], +.dropdown-submenu:hover > a > [class*=" icon-"] { + background-image: none; +} +/* keeps Bootstrap styles with and without icons the same */ +.btn [class^="icon-"].icon-large, +.nav [class^="icon-"].icon-large, +.btn [class*=" icon-"].icon-large, +.nav [class*=" icon-"].icon-large { + line-height: .9em; +} +.btn [class^="icon-"].icon-spin, +.nav [class^="icon-"].icon-spin, +.btn [class*=" icon-"].icon-spin, +.nav [class*=" icon-"].icon-spin { + display: inline-block; +} +.nav-tabs [class^="icon-"], +.nav-pills [class^="icon-"], +.nav-tabs [class*=" icon-"], +.nav-pills [class*=" icon-"], +.nav-tabs [class^="icon-"].icon-large, +.nav-pills [class^="icon-"].icon-large, +.nav-tabs [class*=" icon-"].icon-large, +.nav-pills [class*=" icon-"].icon-large { + line-height: .9em; +} +.btn [class^="icon-"].pull-left.icon-2x, +.btn [class*=" icon-"].pull-left.icon-2x, +.btn [class^="icon-"].pull-right.icon-2x, +.btn [class*=" icon-"].pull-right.icon-2x { + margin-top: .18em; +} +.btn [class^="icon-"].icon-spin.icon-large, +.btn [class*=" icon-"].icon-spin.icon-large { + line-height: .8em; +} +.btn.btn-small [class^="icon-"].pull-left.icon-2x, +.btn.btn-small [class*=" icon-"].pull-left.icon-2x, +.btn.btn-small [class^="icon-"].pull-right.icon-2x, +.btn.btn-small [class*=" icon-"].pull-right.icon-2x { + margin-top: .25em; +} +.btn.btn-large [class^="icon-"], +.btn.btn-large [class*=" icon-"] { + margin-top: 0; +} +.btn.btn-large [class^="icon-"].pull-left.icon-2x, +.btn.btn-large [class*=" icon-"].pull-left.icon-2x, +.btn.btn-large [class^="icon-"].pull-right.icon-2x, +.btn.btn-large [class*=" icon-"].pull-right.icon-2x { + margin-top: .05em; +} +.btn.btn-large [class^="icon-"].pull-left.icon-2x, +.btn.btn-large [class*=" icon-"].pull-left.icon-2x { + margin-right: .2em; +} +.btn.btn-large [class^="icon-"].pull-right.icon-2x, +.btn.btn-large [class*=" icon-"].pull-right.icon-2x { + margin-left: .2em; +} +/* EXTRAS + * -------------------------- */ +/* Stacked and layered icon */ +.icon-stack { + position: relative; + display: inline-block; + width: 2em; + height: 2em; + line-height: 2em; + vertical-align: -35%; +} +.icon-stack [class^="icon-"], +.icon-stack [class*=" icon-"] { + display: block; + text-align: center; + position: absolute; + width: 100%; + height: 100%; + font-size: 1em; + line-height: inherit; + *line-height: 2em; +} +.icon-stack .icon-stack-base { + font-size: 2em; + *line-height: 1em; +} +/* Animated rotating icon */ +.icon-spin { + display: inline-block; + -moz-animation: spin 2s infinite linear; + -o-animation: spin 2s infinite linear; + -webkit-animation: spin 2s infinite linear; + animation: spin 2s infinite linear; +} +a .icon-spin { + display: inline-block; + text-decoration: none; +} +@-moz-keyframes spin { + 0% { + -moz-transform: rotate(0deg); + } + 100% { + -moz-transform: rotate(359deg); + } +} +@-webkit-keyframes spin { + 0% { + -webkit-transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(359deg); + } +} +@-o-keyframes spin { + 0% { + -o-transform: rotate(0deg); + } + 100% { + -o-transform: rotate(359deg); + } +} +@-ms-keyframes spin { + 0% { + -ms-transform: rotate(0deg); + } + 100% { + -ms-transform: rotate(359deg); + } +} +@keyframes spin { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(359deg); + } +} +/* Icon rotations and mirroring */ +.icon-rotate-90:before { + -webkit-transform: rotate(90deg); + -moz-transform: rotate(90deg); + -ms-transform: rotate(90deg); + -o-transform: rotate(90deg); + transform: rotate(90deg); + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); +} +.icon-rotate-180:before { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); +} +.icon-rotate-270:before { + -webkit-transform: rotate(270deg); + -moz-transform: rotate(270deg); + -ms-transform: rotate(270deg); + -o-transform: rotate(270deg); + transform: rotate(270deg); + filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); +} +.icon-flip-horizontal:before { + -webkit-transform: scale(-1, 1); + -moz-transform: scale(-1, 1); + -ms-transform: scale(-1, 1); + -o-transform: scale(-1, 1); + transform: scale(-1, 1); +} +.icon-flip-vertical:before { + -webkit-transform: scale(1, -1); + -moz-transform: scale(1, -1); + -ms-transform: scale(1, -1); + -o-transform: scale(1, -1); + transform: scale(1, -1); +} +/* ensure rotation occurs inside anchor tags */ +a .icon-rotate-90:before, +a .icon-rotate-180:before, +a .icon-rotate-270:before, +a .icon-flip-horizontal:before, +a .icon-flip-vertical:before { + display: inline-block; +} +/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen + readers do not read off random characters that represent icons */ +.icon-glass:before { + content: "\f000"; +} +.icon-music:before { + content: "\f001"; +} +.icon-search:before { + content: "\f002"; +} +.icon-envelope-alt:before { + content: "\f003"; +} +.icon-heart:before { + content: "\f004"; +} +.icon-star:before { + content: "\f005"; +} +.icon-star-empty:before { + content: "\f006"; +} +.icon-user:before { + content: "\f007"; +} +.icon-film:before { + content: "\f008"; +} +.icon-th-large:before { + content: "\f009"; +} +.icon-th:before { + content: "\f00a"; +} +.icon-th-list:before { + content: "\f00b"; +} +.icon-ok:before { + content: "\f00c"; +} +.icon-remove:before { + content: "\f00d"; +} +.icon-zoom-in:before { + content: "\f00e"; +} +.icon-zoom-out:before { + content: "\f010"; +} +.icon-power-off:before, +.icon-off:before { + content: "\f011"; +} +.icon-signal:before { + content: "\f012"; +} +.icon-cog:before { + content: "\f013"; +} +.icon-trash:before { + content: "\f014"; +} +.icon-home:before { + content: "\f015"; +} +.icon-file-alt:before { + content: "\f016"; +} +.icon-time:before { + content: "\f017"; +} +.icon-road:before { + content: "\f018"; +} +.icon-download-alt:before { + content: "\f019"; +} +.icon-download:before { + content: "\f01a"; +} +.icon-upload:before { + content: "\f01b"; +} +.icon-inbox:before { + content: "\f01c"; +} +.icon-play-circle:before { + content: "\f01d"; +} +.icon-rotate-right:before, +.icon-repeat:before { + content: "\f01e"; +} +.icon-refresh:before { + content: "\f04c"; +} +.icon-list-alt:before { + content: "\f022"; +} +.icon-lock:before { + content: "\f023"; +} +.icon-flag:before { + content: "\f024"; +} +.icon-headphones:before { + content: "\f025"; +} +.icon-volume-off:before { + content: "\f026"; +} +.icon-volume-down:before { + content: "\f027"; +} +.icon-volume-up:before { + content: "\f028"; +} +.icon-qrcode:before { + content: "\f029"; +} +.icon-barcode:before { + content: "\f02a"; +} +.icon-tag:before { + content: "\f02b"; +} +.icon-tags:before { + content: "\f02c"; +} +.icon-book:before { + content: "\f02d"; +} +.icon-bookmark:before { + content: "\f02e"; +} +.icon-print:before { + content: "\f02f"; +} +.icon-camera:before { + content: "\f030"; +} +.icon-font:before { + content: "\f031"; +} +.icon-bold:before { + content: 700; +} +.icon-italic:before { + content: "\f033"; +} +.icon-text-height:before { + content: "\f034"; +} +.icon-text-width:before { + content: "\f035"; +} +.icon-align-left:before { + content: "\f036"; +} +.icon-align-center:before { + content: "\f037"; +} +.icon-align-right:before { + content: "\f038"; +} +.icon-align-justify:before { + content: "\f039"; +} +.icon-list:before { + content: "\f03a"; +} +.icon-indent-left:before { + content: "\f03b"; +} +.icon-indent-right:before { + content: "\f03c"; +} +.icon-facetime-video:before { + content: "\f03d"; +} +.icon-picture:before { + content: "\f03e"; +} +.icon-pencil:before { + content: "\f040"; +} +.icon-map-marker:before { + content: "\f041"; +} +.icon-adjust:before { + content: "\f042"; +} +.icon-tint:before { + content: "\f043"; +} +.icon-edit:before { + content: "\f044"; +} +.icon-share:before { + content: "\f045"; +} +.icon-check:before { + content: "\f046"; +} +.icon-move:before { + content: "\f047"; +} +.icon-step-backward:before { + content: "\f048"; +} +.icon-fast-backward:before { + content: "\f049"; +} +.icon-backward:before { + content: "\f04a"; +} +.icon-play:before { + content: "\f04b"; +} +.icon-pause:before { + content: "\f04c"; +} +.icon-stop:before { + content: "\f04d"; +} +.icon-forward:before { + content: "\f04e"; +} +.icon-fast-forward:before { + content: "\f050"; +} +.icon-step-forward:before { + content: "\f051"; +} +.icon-eject:before { + content: "\f052"; +} +.icon-chevron-left:before { + content: "\f053"; +} +.icon-chevron-right:before { + content: "\f054"; +} +.icon-plus-sign:before { + content: "\f055"; +} +.icon-minus-sign:before { + content: "\f056"; +} +.icon-remove-sign:before { + content: "\f057"; +} +.icon-ok-sign:before { + content: "\f058"; +} +.icon-question-sign:before { + content: "\f059"; +} +.icon-info-sign:before { + content: "\f05a"; +} +.icon-screenshot:before { + content: "\f05b"; +} +.icon-remove-circle:before { + content: "\f05c"; +} +.icon-ok-circle:before { + content: "\f05d"; +} +.icon-ban-circle:before { + content: "\f05e"; +} +.icon-arrow-left:before { + content: "\f060"; +} +.icon-arrow-right:before { + content: "\f061"; +} +.icon-arrow-up:before { + content: "\f062"; +} +.icon-arrow-down:before { + content: "\f063"; +} +.icon-mail-forward:before, +.icon-share-alt:before { + content: "\f064"; +} +.icon-resize-full:before { + content: "\f065"; +} +.icon-resize-small:before { + content: "\f066"; +} +.icon-plus:before { + content: "\f067"; +} +.icon-minus:before { + content: "\f068"; +} +.icon-asterisk:before { + content: "\f069"; +} +.icon-exclamation-sign:before { + content: "\f06a"; +} +.icon-gift:before { + content: "\f06b"; +} +.icon-leaf:before { + content: "\f06c"; +} +.icon-fire:before { + content: "\f06d"; +} +.icon-eye-open:before { + content: "\f06e"; +} +.icon-eye-close:before { + content: "\f070"; +} +.icon-warning-sign:before { + content: "\f071"; +} +.icon-plane:before { + content: "\f072"; +} +.icon-calendar:before { + content: "\f073"; +} +.icon-random:before { + content: "\f074"; +} +.icon-comment:before { + content: "\f075"; +} +.icon-magnet:before { + content: "\f076"; +} +.icon-chevron-up:before { + content: "\f077"; +} +.icon-chevron-down:before { + content: "\f078"; +} +.icon-retweet:before { + content: "\f079"; +} +.icon-shopping-cart:before { + content: "\f07a"; +} +.icon-folder-close:before { + content: "\f07b"; +} +.icon-folder-open:before { + content: "\f07c"; +} +.icon-resize-vertical:before { + content: "\f07d"; +} +.icon-resize-horizontal:before { + content: "\f07e"; +} +.icon-bar-chart:before { + content: "\f080"; +} +.icon-twitter-sign:before { + content: "\f081"; +} +.icon-facebook-sign:before { + content: "\f082"; +} +.icon-camera-retro:before { + content: "\f083"; +} +.icon-key:before { + content: "\f084"; +} +.icon-cogs:before { + content: "\f085"; +} +.icon-comments:before { + content: "\f086"; +} +.icon-thumbs-up-alt:before { + content: "\f087"; +} +.icon-thumbs-down-alt:before { + content: "\f088"; +} +.icon-star-half:before { + content: "\f089"; +} +.icon-heart-empty:before { + content: "\f08a"; +} +.icon-signout:before { + content: "\f08b"; +} +.icon-linkedin-sign:before { + content: "\f08c"; +} +.icon-pushpin:before { + content: "\f08d"; +} +.icon-external-link:before { + content: "\f08e"; +} +.icon-signin:before { + content: "\f090"; +} +.icon-trophy:before { + content: "\f091"; +} +.icon-github-sign:before { + content: "\f092"; +} +.icon-upload-alt:before { + content: "\f093"; +} +.icon-lemon:before { + content: "\f094"; +} +.icon-phone:before { + content: "\f095"; +} +.icon-unchecked:before, +.icon-check-empty:before { + content: "\f096"; +} +.icon-bookmark-empty:before { + content: "\f097"; +} +.icon-phone-sign:before { + content: "\f098"; +} +.icon-twitter:before { + content: "\f099"; +} +.icon-facebook:before { + content: "\f09a"; +} +.icon-github:before { + content: "\f09b"; +} +.icon-unlock:before { + content: "\f09c"; +} +.icon-credit-card:before { + content: "\f09d"; +} +.icon-rss:before { + content: "\f09e"; +} +.icon-hdd:before { + content: "\f0a0"; +} +.icon-bullhorn:before { + content: "\f0a1"; +} +.icon-bell:before { + content: "\f0a2"; +} +.icon-certificate:before { + content: "\f0a3"; +} +.icon-hand-right:before { + content: "\f0a4"; +} +.icon-hand-left:before { + content: "\f0a5"; +} +.icon-hand-up:before { + content: "\f0a6"; +} +.icon-hand-down:before { + content: "\f0a7"; +} +.icon-circle-arrow-left:before { + content: "\f0a8"; +} +.icon-circle-arrow-right:before { + content: "\f0a9"; +} +.icon-circle-arrow-up:before { + content: "\f0aa"; +} +.icon-circle-arrow-down:before { + content: "\f0ab"; +} +.icon-globe:before { + content: "\f0ac"; +} +.icon-wrench:before { + content: "\f0ad"; +} +.icon-tasks:before { + content: "\f0ae"; +} +.icon-filter:before { + content: "\f0b0"; +} +.icon-briefcase:before { + content: "\f0b1"; +} +.icon-fullscreen:before { + content: "\f0b2"; +} +.icon-group:before { + content: "\f0c0"; +} +.icon-link:before { + content: "\f0c1"; +} +.icon-cloud:before { + content: "\f041"; +} +.icon-beaker:before { + content: "\f0c3"; +} +.icon-cut:before { + content: "\f0c4"; +} +.icon-copy:before { + content: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; +} +.icon-paperclip:before, +.icon-paper-clip:before { + content: "\f0c6"; +} +.icon-save:before { + content: "\f0c7"; +} +.icon-sign-blank:before { + content: "\f0c8"; +} +.icon-reorder:before { + content: "\f0c9"; +} +.icon-list-ul:before { + content: "\f0ca"; +} +.icon-list-ol:before { + content: "\f0cb"; +} +.icon-strikethrough:before { + content: "\f0cc"; +} +.icon-underline:before { + content: "\f0cd"; +} +.icon-table:before { + content: "\f0ce"; +} +.icon-magic:before { + content: "\f0d0"; +} +.icon-truck:before { + content: "\f0d1"; +} +.icon-pinterest:before { + content: "\f0d2"; +} +.icon-pinterest-sign:before { + content: "\f0d3"; +} +.icon-google-plus-sign:before { + content: "\f0d4"; +} +.icon-google-plus:before { + content: "\f0d5"; +} +.icon-money:before { + content: "\f0d6"; +} +.icon-caret-down:before { + content: "\f0d7"; +} +.icon-caret-up:before { + content: "\f0d8"; +} +.icon-caret-left:before { + content: "\f0d9"; +} +.icon-caret-right:before { + content: "\f0da"; +} +.icon-columns:before { + content: "\f0db"; +} +.icon-sort:before { + content: "\f0dc"; +} +.icon-sort-down:before { + content: "\f0dd"; +} +.icon-sort-up:before { + content: "\f0de"; +} +.icon-envelope:before { + content: "\f0e0"; +} +.icon-linkedin:before { + content: "\f0e1"; +} +.icon-rotate-left:before, +.icon-undo:before { + content: "\f0e2"; +} +.icon-legal:before { + content: "\f0e3"; +} +.icon-dashboard:before { + content: "\f0e4"; +} +.icon-comment-alt:before { + content: "\f0e5"; +} +.icon-comments-alt:before { + content: "\f0e6"; +} +.icon-bolt:before { + content: "\f0e7"; +} +.icon-sitemap:before { + content: "\f0e8"; +} +.icon-umbrella:before { + content: "\f0e9"; +} +.icon-paste:before { + content: "\f0ea"; +} +.icon-lightbulb:before { + content: "\f0eb"; +} +.icon-exchange:before { + content: "\f0ec"; +} +.icon-cloud-download:before { + content: "\f0ed"; +} +.icon-cloud-upload:before { + content: "\f0ee"; +} +.icon-user-md:before { + content: "\f0f0"; +} +.icon-stethoscope:before { + content: "\f0f1"; +} +.icon-suitcase:before { + content: "\f0f2"; +} +.icon-bell-alt:before { + content: "\f0f3"; +} +.icon-coffee:before { + content: "\f0f4"; +} +.icon-food:before { + content: "\f0f5"; +} +.icon-file-text-alt:before { + content: "\f0f6"; +} +.icon-building:before { + content: "\f0f7"; +} +.icon-hospital:before { + content: "\f0f8"; +} +.icon-ambulance:before { + content: "\f0f9"; +} +.icon-medkit:before { + content: "\f0fa"; +} +.icon-fighter-jet:before { + content: "\f0fb"; +} +.icon-beer:before { + content: "\f0fc"; +} +.icon-h-sign:before { + content: "\f0fd"; +} +.icon-plus-sign-alt:before { + content: "\f0fe"; +} +.icon-double-angle-left:before { + content: "\f100"; +} +.icon-double-angle-right:before { + content: "\f101"; +} +.icon-double-angle-up:before { + content: "\f102"; +} +.icon-double-angle-down:before { + content: "\f103"; +} +.icon-angle-left:before { + content: "\f104"; +} +.icon-angle-right:before { + content: "\f105"; +} +.icon-angle-up:before { + content: "\f106"; +} +.icon-angle-down:before { + content: "\f107"; +} +.icon-desktop:before { + content: "\f108"; +} +.icon-laptop:before { + content: "\f109"; +} +.icon-tablet:before { + content: "\f10a"; +} +.icon-mobile-phone:before { + content: "\f10b"; +} +.icon-circle-blank:before { + content: "\f10c"; +} +.icon-quote-left:before { + content: "\f10d"; +} +.icon-quote-right:before { + content: "\f10e"; +} +.icon-spinner:before { + content: "\f110"; +} +.icon-circle:before { + content: "\f111"; +} +.icon-mail-reply:before, +.icon-reply:before { + content: "\f112"; +} +.icon-github-alt:before { + content: "\f113"; +} +.icon-folder-close-alt:before { + content: "\f114"; +} +.icon-folder-open-alt:before { + content: "\f115"; +} +.icon-expand-alt:before { + content: "\f116"; +} +.icon-collapse-alt:before { + content: "\f117"; +} +.icon-smile:before { + content: "\f118"; +} +.icon-frown:before { + content: "\f119"; +} +.icon-meh:before { + content: "\f11a"; +} +.icon-gamepad:before { + content: "\f11b"; +} +.icon-keyboard:before { + content: "\f11c"; +} +.icon-flag-alt:before { + content: "\f11d"; +} +.icon-flag-checkered:before { + content: "\f11e"; +} +.icon-terminal:before { + content: "\f120"; +} +.icon-code:before { + content: "\f121"; +} +.icon-reply-all:before { + content: "\f122"; +} +.icon-mail-reply-all:before { + content: "\f122"; +} +.icon-star-half-full:before, +.icon-star-half-empty:before { + content: "\f123"; +} +.icon-location-arrow:before { + content: "\f124"; +} +.icon-crop:before { + content: "\f125"; +} +.icon-code-fork:before { + content: "\f126"; +} +.icon-unlink:before { + content: "\f127"; +} +.icon-question:before { + content: "\f128"; +} +.icon-info:before { + content: "\f129"; +} +.icon-exclamation:before { + content: "\f12a"; +} +.icon-superscript:before { + content: "\f12b"; +} +.icon-subscript:before { + content: "\f12c"; +} +.icon-eraser:before { + content: "\f12d"; +} +.icon-puzzle-piece:before { + content: "\f12e"; +} +.icon-microphone:before { + content: "\f130"; +} +.icon-microphone-off:before { + content: "\f131"; +} +.icon-shield:before { + content: "\f132"; +} +.icon-calendar-empty:before { + content: "\f133"; +} +.icon-fire-extinguisher:before { + content: "\f134"; +} +.icon-rocket:before { + content: "\f135"; +} +.icon-maxcdn:before { + content: "\f136"; +} +.icon-chevron-sign-left:before { + content: "\f137"; +} +.icon-chevron-sign-right:before { + content: "\f138"; +} +.icon-chevron-sign-up:before { + content: "\f139"; +} +.icon-chevron-sign-down:before { + content: "\f13a"; +} +.icon-html5:before { + content: "\f13b"; +} +.icon-css3:before { + content: "\f13c"; +} +.icon-anchor:before { + content: "\f13d"; +} +.icon-unlock-alt:before { + content: "\f13e"; +} +.icon-bullseye:before { + content: "\f140"; +} +.icon-ellipsis-horizontal:before { + content: "\f141"; +} +.icon-ellipsis-vertical:before { + content: "\f142"; +} +.icon-rss-sign:before { + content: "\f143"; +} +.icon-play-sign:before { + content: "\f144"; +} +.icon-ticket:before { + content: "\f145"; +} +.icon-minus-sign-alt:before { + content: "\f146"; +} +.icon-check-minus:before { + content: "\f147"; +} +.icon-level-up:before { + content: "\f148"; +} +.icon-level-down:before { + content: "\f149"; +} +.icon-check-sign:before { + content: "\f14a"; +} +.icon-edit-sign:before { + content: "\f14b"; +} +.icon-external-link-sign:before { + content: "\f14c"; +} +.icon-share-sign:before { + content: "\f14d"; +} +.icon-compass:before { + content: "\f14e"; +} +.icon-collapse:before { + content: "\f150"; +} +.icon-collapse-top:before { + content: "\f151"; +} +.icon-expand:before { + content: "\f152"; +} +.icon-euro:before, +.icon-eur:before { + content: "\f153"; +} +.icon-gbp:before { + content: "\f154"; +} +.icon-dollar:before, +.icon-usd:before { + content: "\f155"; +} +.icon-rupee:before, +.icon-inr:before { + content: "\f156"; +} +.icon-yen:before, +.icon-jpy:before { + content: "\f157"; +} +.icon-renminbi:before, +.icon-cny:before { + content: "\f158"; +} +.icon-won:before, +.icon-krw:before { + content: "\f159"; +} +.icon-bitcoin:before, +.icon-btc:before { + content: "\f15a"; +} +.icon-file:before { + content: "\f15b"; +} +.icon-file-text:before { + content: "\f15c"; +} +.icon-sort-by-alphabet:before { + content: "\f15d"; +} +.icon-sort-by-alphabet-alt:before { + content: "\f15e"; +} +.icon-sort-by-attributes:before { + content: "\f160"; +} +.icon-sort-by-attributes-alt:before { + content: "\f161"; +} +.icon-sort-by-order:before { + content: "\f162"; +} +.icon-sort-by-order-alt:before { + content: "\f163"; +} +.icon-thumbs-up:before { + content: "\f164"; +} +.icon-thumbs-down:before { + content: "\f165"; +} +.icon-youtube-sign:before { + content: "\f166"; +} +.icon-youtube:before { + content: "\f167"; +} +.icon-xing:before { + content: "\f168"; +} +.icon-xing-sign:before { + content: "\f169"; +} +.icon-youtube-play:before { + content: "\f16a"; +} +.icon-dropbox:before { + content: "\f16b"; +} +.icon-stackexchange:before { + content: "\f16c"; +} +.icon-instagram:before { + content: "\f16d"; +} +.icon-flickr:before { + content: "\f16e"; +} +.icon-adn:before { + content: "\f170"; +} +.icon-bitbucket:before { + content: "\f171"; +} +.icon-bitbucket-sign:before { + content: "\f172"; +} +.icon-tumblr:before { + content: "\f173"; +} +.icon-tumblr-sign:before { + content: "\f174"; +} +.icon-long-arrow-down:before { + content: "\f175"; +} +.icon-long-arrow-up:before { + content: "\f176"; +} +.icon-long-arrow-left:before { + content: "\f177"; +} +.icon-long-arrow-right:before { + content: "\f178"; +} +.icon-apple:before { + content: "\f179"; +} +.icon-windows:before { + content: "\f17a"; +} +.icon-android:before { + content: "\f17b"; +} +.icon-linux:before { + content: "\f17c"; +} +.icon-dribble:before { + content: "\f17d"; +} +.icon-skype:before { + content: "\f17e"; +} +.icon-foursquare:before { + content: "\f180"; +} +.icon-trello:before { + content: "\f181"; +} +.icon-female:before { + content: "\f182"; +} +.icon-male:before { + content: "\f183"; +} +.icon-gittip:before { + content: "\f184"; +} +.icon-sun:before { + content: "\f185"; +} +.icon-moon:before { + content: "\f186"; +} +.icon-archive:before { + content: "\f187"; +} +.icon-bug:before { + content: "\f188"; +} +.icon-vk:before { + content: "\f189"; +} +.icon-weibo:before { + content: "\f18a"; +} +.icon-renren:before { + content: "\f18b"; +} @font-face { font-family: 'weather'; - src: url('../font/artill_clean_icons-webfont.eot'); - src: url('../font/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'), url('../font/artill_clean_icons-webfont.woff') format('woff'), url('../font/artill_clean_icons-webfont.ttf') format('truetype'), url('../font/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg'); + src: url('../font/weathericons-regular-webfont.eot'); + src: url('../font/weathericons-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../font/weathericons-regular-webfont.woff') format('woff'), url('../font/weathericons-regular-webfont.ttf') format('truetype'), url('../font/weathericons-regular-webfont.svg#weathericons-regular-webfontRg') format('svg'); font-weight: normal; font-style: normal; } @@ -4632,283 +6103,482 @@ td.hidden-lg { speak: none; } .wi-day-cloudy-gusts:before { - content: "\0044"; + content: "\f000"; } .wi-day-cloudy-windy:before { - content: "\0042"; + content: "\f001"; } .wi-day-cloudy:before { - content: "\0041"; + content: "\f002"; } .wi-day-fog:before { - content: "\007A"; + content: "\f003"; } .wi-day-hail:before { - content: "\0054"; + content: "\f004"; } .wi-day-lightning:before { - content: "\0058"; + content: "\f005"; } .wi-day-rain-mix:before { - content: "\0056"; + content: "\f006"; } .wi-day-rain-wind:before { - content: "\004E"; + content: "\f007"; } .wi-day-rain:before { - content: "\004A"; + content: "\f008"; } .wi-day-showers:before { - content: "\004C"; + content: "\f009"; } .wi-day-snow:before { - content: "\0048"; + content: "\f00a"; } .wi-day-sprinkle:before { - content: "\0046"; + content: "\f00b"; } .wi-day-sunny-overcast:before { - content: "\0032"; + content: "\f00c"; } .wi-day-sunny:before { - content: "\0031"; + content: "\f00d"; } .wi-day-storm-showers:before { - content: "\0052"; + content: "\f00e"; } .wi-day-thunderstorm:before { - content: "\0050"; + content: "\f010"; } .wi-cloudy-gusts:before { - content: "\0045"; + content: "\f011"; } .wi-cloudy-windy:before { - content: "\0043"; + content: "\f012"; } .wi-cloudy:before { - content: "\0033"; + content: "\f013"; } .wi-fog:before { - content: "\005A"; + content: "\f014"; } .wi-hail:before { - content: "\0055"; + content: "\f015"; } .wi-lightning:before { - content: "\0034"; + content: "\f016"; } .wi-rain-mix:before { - content: "\0057"; + content: "\f017"; } .wi-rain-wind:before { - content: "\004F"; + content: "\f018"; } .wi-rain:before { - content: "\004B"; + content: "\f019"; } .wi-showers:before { - content: "\004D"; + content: "\f01a"; } .wi-snow:before { - content: "\0049"; + content: "\f01b"; } .wi-sprinkle:before { - content: "\0047"; + content: "\f01c"; } .wi-storm-showers:before { - content: "\0053"; + content: "\f01d"; } .wi-thunderstorm:before { - content: "\0051"; -} -.wi-night-alt-cloudy-gusts:before { - content: "\0065"; -} -.wi-night-alt-cloudy-windy:before { - content: "\0063"; -} -.wi-night-alt-hail:before { - content: "\0075"; -} -.wi-night-alt-lightning:before { - content: "\0079"; -} -.wi-night-alt-rain-mix:before { - content: "\0077"; -} -.wi-night-alt-rain-wind:before { - content: "\006F"; -} -.wi-night-alt-rain:before { - content: "\006B"; -} -.wi-night-alt-showers:before { - content: "\006D"; -} -.wi-night-alt-snow:before { - content: "\0069"; -} -.wi-night-alt-sprinkle:before { - content: "\0067"; -} -.wi-night-alt-storm-showers:before { - content: "\0073"; -} -.wi-night-alt-thunderstorm:before { - content: "\0071"; -} -.wi-night-clear:before { - content: "\0036"; -} -.wi-night-cloudy-gusts:before { - content: "\0064"; -} -.wi-night-cloudy-windy:before { - content: "\0062"; -} -.wi-night-cloudy:before { - content: "\0061"; -} -.wi-night-hail:before { - content: "\0074"; -} -.wi-night-lightning:before { - content: "\0078"; -} -.wi-night-rain-mix:before { - content: "\0076"; -} -.wi-night-rain-wind:before { - content: "\006E"; -} -.wi-night-rain:before { - content: "\006A"; -} -.wi-night-showers:before { - content: "\006C"; -} -.wi-night-snow:before { - content: "\0068"; -} -.wi-night-sprinkle:before { - content: "\0066"; -} -.wi-night-storm-showers:before { - content: "\0072"; -} -.wi-night-thunderstorm:before { - content: "\0070"; -} -.wi-celcius:before { - content: "\203A"; -} -.wi-cloud-down:before { - content: "\2022"; -} -.wi-cloud-refresh:before { - content: "\002A"; -} -.wi-cloud-up:before { - content: "\005C"; -} -.wi-cloud:before { - content: "\002F"; -} -.wi-degrees:before { - content: "\00A1"; -} -.wi-down-left:before { - content: "\2013"; -} -.wi-down:before { - content: "\005D"; -} -.wi-fahrenheit:before { - content: "\2039"; -} -.wi-horizon-alt:before { - content: "\0039"; -} -.wi-horizon:before { - content: "\0030"; -} -.wi-left:before { - content: "\0028"; -} -.wi-lightning:before { - content: "\0034"; -} -.wi-night-fog:before { - content: "\0021"; -} -.wi-refresh-alt:before { - content: "\007D"; -} -.wi-refresh:before { - content: "\007B"; -} -.wi-right:before { - content: "\0029"; -} -.wi-sprinkles:before { - content: "\0035"; -} -.wi-strong-wind:before { - content: "\002C"; -} -.wi-sunrise:before { - content: "\0037"; -} -.wi-sunset:before { - content: "\0038"; -} -.wi-thermometer-exterior:before { - content: "\201C"; -} -.wi-thermometer-internal:before { - content: "\201D"; -} -.wi-thermometer:before { - content: "\2018"; -} -.wi-tornado:before { - content: "\003A"; -} -.wi-up-right:before { - content: "\2014"; -} -.wi-up:before { - content: "\005B"; -} -.wi-wind-east:before { - content: "\00B7"; -} -.wi-wind-north-east:before { - content: "\002E"; -} -.wi-wind-north-west:before { - content: "\003B"; -} -.wi-wind-north:before { - content: "\0023"; -} -.wi-wind-south-east:before { - content: "\003F"; -} -.wi-wind-south-west:before { - content: "\0022"; -} -.wi-wind-south:before { - content: "\00Bf"; -} -.wi-wind-west:before { - content: "\0027"; + content: "\f01e"; } .wi-windy:before { - content: "\2026"; + content: "\f021"; } -.icon-examples:before, -.icon-examples:after { +.wi-night-alt-cloudy-gusts:before { + content: "\f022"; +} +.wi-night-alt-cloudy-windy:before { + content: "\f023"; +} +.wi-night-alt-hail:before { + content: "\f024"; +} +.wi-night-alt-lightning:before { + content: "\f025"; +} +.wi-night-alt-rain-mix:before { + content: "\f026"; +} +.wi-night-alt-rain-wind:before { + content: "\f027"; +} +.wi-night-alt-rain:before { + content: "\f028"; +} +.wi-night-alt-showers:before { + content: "\f029"; +} +.wi-night-alt-snow:before { + content: "\f02a"; +} +.wi-night-alt-sprinkle:before { + content: "\f02b"; +} +.wi-night-alt-storm-showers:before { + content: "\f02c"; +} +.wi-night-alt-thunderstorm:before { + content: "\f02d"; +} +.wi-night-clear:before { + content: "\f02e"; +} +.wi-night-cloudy-gusts:before { + content: "\f02f"; +} +.wi-night-cloudy-windy:before { + content: "\f030"; +} +.wi-night-cloudy:before { + content: "\f031"; +} +.wi-night-hail:before { + content: "\f032"; +} +.wi-night-lightning:before { + content: "\f033"; +} +.wi-night-rain-mix:before { + content: "\f034"; +} +.wi-night-rain-wind:before { + content: "\f035"; +} +.wi-night-rain:before { + content: "\f036"; +} +.wi-night-showers:before { + content: "\f037"; +} +.wi-night-snow:before { + content: "\f038"; +} +.wi-night-sprinkle:before { + content: "\f039"; +} +.wi-night-storm-showers:before { + content: "\f03a"; +} +.wi-night-thunderstorm:before { + content: "\f03b"; +} +.wi-celcius:before { + content: "\f03c"; +} +.wi-cloud-down:before { + content: "\f03d"; +} +.wi-cloud-refresh:before { + content: "\f03e"; +} +.wi-cloud-up:before { + content: "\f040"; +} +.wi-cloud:before { + content: "\f041"; +} +.wi-degrees:before { + content: "\f042"; +} +.wi-down-left:before { + content: "\f043"; +} +.wi-down:before { + content: "\f044"; +} +.wi-fahrenheit:before { + content: "\f045"; +} +.wi-horizon-alt:before { + content: "\f046"; +} +.wi-horizon:before { + content: "\f047"; +} +.wi-left:before { + content: "\f048"; +} +.wi-lightning:before { + content: "\f016"; +} +.wi-night-fog:before { + content: "\f04a"; +} +.wi-refresh-alt:before { + content: "\f04b"; +} +.wi-refresh:before { + content: "\f04c"; +} +.wi-right:before { + content: "\f04d"; +} +.wi-sprinkles:before { + content: "\f04e"; +} +.wi-strong-wind:before { + content: "\f050"; +} +.wi-sunrise:before { + content: "\f051"; +} +.wi-sunset:before { + content: "\f052"; +} +.wi-thermometer-exterior:before { + content: "\f053"; +} +.wi-thermometer-internal:before { + content: "\f054"; +} +.wi-thermometer:before { + content: "\f055"; +} +.wi-tornado:before { + content: "\f056"; +} +.wi-up-right:before { + content: "\f057"; +} +.wi-up:before { + content: "\f058"; +} +.wi-wind-east:before { + content: "\f059"; +} +.wi-wind-north-east:before { + content: "\f05a"; +} +.wi-wind-north-west:before { + content: "\f05b"; +} +.wi-wind-north:before { + content: "\f05c"; +} +.wi-wind-south-east:before { + content: "\f05d"; +} +.wi-wind-south-west:before { + content: "\f05e"; +} +.wi-wind-south:before { + content: "\f060"; +} +.wi-wind-west:before { + content: "\f061"; +} +::selection, +-moz::selection { + background: #0a91ff; + color: #ffffff; +} +body { + font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; + font-weight: 300; + font-size: 14px; + color: #333333; +} +h1, +h2, +h3, +h4, +h5, +h6, +.h1, +.h2, +.h3, +.h4, +.h5, +.h6 { + font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; +} +header { + position: relative; + height: 100px; + padding-top: 0px; + background: url("img/sky.jpg") top center no-repeat fixed; + border-bottom: 10px solid #404040; +} +@media (min-width: 768px) { + header { + height: 300px; + } +} +header h1 { + float: left; + font-family: "aktiv-grotesk-std"; + font-weight: 200; + font-size: 40px; + margin-top: 40px; + margin-left: 0px; + color: #ffffff; + text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.9); +} +@media (min-width: 768px) { + header h1 { + font-size: 60px; + margin-top: 180px; + } +} +header .icon { + position: absolute; + right: 20px; + top: 40px; + color: #ffffff; + font-size: 55px; + margin-left: 100px; + float: left; + line-height: .65em; + text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); +} +@media (min-width: 768px) { + header .icon { + font-size: 200px; + top: 100px; + } +} +footer { + height: 200px; + background-color: #333333; + margin-top: 100px; + color: #ffffff; + padding-top: 15px; + font-weight: 400; +} +footer a { + color: #b3b3b3; +} +.buttons { + font-size: 100px; +} +.intro-icons { + font-size: 15px; + color: #357cbb; +} +.intro-icons i { + margin-right: 10px; +} +@media (min-width: 768px) { + .intro-icons { + font-size: 25px; + } + .intro-icons i { + margin-right: 10px; + } +} +@media (min-width: 992px) { + .intro-icons { + font-size: 35px; + } + .intro-icons i { + margin-right: 10px; + } +} +.headline { + font-size: 25px; + line-height: 1.3em; +} +.social { + margin-top: 15px; +} +.social p { + margin-bottom: 0px; + text-align: center; +} +.download-here { + margin-top: 20px; +} +.download { + display: block; +} +.intro { + font-size: 18px; + margin-top: 30px; + font-weight: 400; +} +.intro .beta { + color: #808080; +} +.intro .beta .title { + color: #808080; + font-weight: 500; +} +.intro .beta p { + font-weight: 400; + font-size: 15px; +} +.share-bar { + padding: 20px 0px; + background-color: #e6e6e6; + border-top: 1px solid #b3b3b3; + border-bottom: 1px solid #b3b3b3; +} +.banner { + background-color: #e6e6e6; + background-image: url("img/large-bg2.jpg"); + background-repeat: no-repeat; + background-position: top center; + background-attachment: fixed; + height: 250px; +} +.banner h1 { + color: #ffffff; + font-weight: 400; +} +.banner a { + display: block; + text-decoration: none; +} +.banner .tweet .icon-circle { + color: #33bbff; +} +.banner .tweet .icon-twitter { + color: #ffffff; +} +.banner .tweet:hover .icon-circle { + color: #0088cc; +} +.banner .icon-stack { + display: inline-block; +} +.banner .tweeter { + display: inline-block; + font-weight: 700; + color: #ffffff; +} +.banner .github { + font-size: 25px; + float: left; +} +.banner .github .icon-circle { + color: #999999; +} +.banner .github .icon-github-alt { + color: #ffffff; +} +.module .icon { + text-align: center; + padding: 50px 20px; + color: #e6e6e6; +} +.module .title { + text-align: center; + font-size: 20px; + font-weight: 500; +} +.iconExamples:before, +.iconExamples:after { content: " "; /* 1 */ @@ -4916,11 +6586,11 @@ td.hidden-lg { /* 2 */ } -.icon-examples:after { +.iconExamples:after { clear: both; } -.icon-examples:before, -.icon-examples:after { +.iconExamples:before, +.iconExamples:after { content: " "; /* 1 */ @@ -4928,20 +6598,20 @@ td.hidden-lg { /* 2 */ } -.icon-examples:after { +.iconExamples:after { clear: both; } -.icon-examples h2 { +.iconExamples h2 { font-family: "aktiv-grotesk-std"; font-weight: 200; color: #3b6ab5; } -.icon-examples .example { +.iconExamples .example { text-align: center; margin: 10px 3px; } -.icon-examples .example:before, -.icon-examples .example:after { +.iconExamples .example:before, +.iconExamples .example:after { content: " "; /* 1 */ @@ -4949,11 +6619,11 @@ td.hidden-lg { /* 2 */ } -.icon-examples .example:after { +.iconExamples .example:after { clear: both; } -.icon-examples .example:before, -.icon-examples .example:after { +.iconExamples .example:before, +.iconExamples .example:after { content: " "; /* 1 */ @@ -4961,21 +6631,22 @@ td.hidden-lg { /* 2 */ } -.icon-examples .example:after { +.iconExamples .example:after { clear: both; } -.icon-examples .example .icon { - text-align: center; - font-size: 55px; +.iconExamples .example .icon { + font-size: 20px; float: left; - width: 70px; + width: 35px; } -.icon-examples .example .class { +.iconExamples .example .class { text-align: center; - font-size: 14px; + font-size: 17px; float: left; - margin-top: 40px; + margin-top: 0px; font-weight: 400; + margin-left: 10px; + color: #333333; } .weatherseparator { padding-bottom: 10px; @@ -5256,106 +6927,3 @@ td.hidden-lg { .clearthis:after { clear: both; } -::selection, --moz::selection { - background: #0a91ff; - color: #ffffff; -} -body { - font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; - font-weight: 300; - font-size: 16px; -} -h1, -h2, -h3, -h4, -h5, -h6, -.h1, -.h2, -.h3, -.h4, -.h5, -.h6 { - font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif; -} -header { - height: 300px; - background-color: #3b6ab5; -} -header .icon { - color: #ffffff; - font-size: 400px; - float: left; - line-height: .65em; -} -header h1 { - float: left; - font-family: "aktiv-grotesk-std"; - font-weight: 200; - font-size: 60px; - margin-top: 200px; - color: #ffffff; -} -footer { - height: 200px; - background-color: #333333; - margin-top: 100px; -} -.buttons { - font-size: 100px; -} -.banner { - background-color: #e6e6e6; - background-image: url("img/large-bg2.jpg"); - background-repeat: no-repeat; - background-position: top center; - background-attachment: fixed; - height: 250px; -} -.banner h1 { - color: #ffffff; - font-weight: 400; -} -.banner a { - display: block; - text-decoration: none; -} -.banner .tweet .icon-circle { - color: #33bbff; -} -.banner .tweet .icon-twitter { - color: #ffffff; -} -.banner .tweet:hover .icon-circle { - color: #0088cc; -} -.banner .icon-stack { - display: inline-block; -} -.banner .tweeter { - display: inline-block; - font-weight: 700; - color: #ffffff; -} -.banner .github { - font-size: 25px; - float: left; -} -.banner .github .icon-circle { - color: #999999; -} -.banner .github .icon-github-alt { - color: #ffffff; -} -.module .icon { - text-align: center; - padding: 50px 20px; - color: #e6e6e6; -} -.module .title { - text-align: center; - font-size: 20px; - font-weight: 500; -} diff --git a/font/artill_clean_icons-webfont.eot b/font/artill_clean_icons-webfont.eot deleted file mode 100755 index f8267bd..0000000 Binary files a/font/artill_clean_icons-webfont.eot and /dev/null differ diff --git a/font/artill_clean_icons-webfont.svg b/font/artill_clean_icons-webfont.svg deleted file mode 100755 index dab6616..0000000 --- a/font/artill_clean_icons-webfont.svg +++ /dev/null @@ -1,122 +0,0 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/font/artill_clean_icons-webfont.ttf b/font/artill_clean_icons-webfont.ttf deleted file mode 100755 index 5eb29aa..0000000 Binary files a/font/artill_clean_icons-webfont.ttf and /dev/null differ diff --git a/font/artill_clean_icons-webfont.woff b/font/artill_clean_icons-webfont.woff deleted file mode 100755 index 2b7808f..0000000 Binary files a/font/artill_clean_icons-webfont.woff and /dev/null differ diff --git a/font/fontawesome-webfont.eot b/font/fontawesome-webfont.eot new file mode 100755 index 0000000..0662cb9 Binary files /dev/null and b/font/fontawesome-webfont.eot differ diff --git a/font/fontawesome-webfont.svg b/font/fontawesome-webfont.svg new file mode 100755 index 0000000..2edb4ec --- /dev/null +++ b/font/fontawesome-webfont.svg @@ -0,0 +1,399 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/font/fontawesome-webfont.ttf b/font/fontawesome-webfont.ttf new file mode 100755 index 0000000..d365924 Binary files /dev/null and b/font/fontawesome-webfont.ttf differ diff --git a/font/fontawesome-webfont.woff b/font/fontawesome-webfont.woff new file mode 100755 index 0000000..b9bd17e Binary files /dev/null and b/font/fontawesome-webfont.woff differ diff --git a/font/weathericons-regular-webfont.eot b/font/weathericons-regular-webfont.eot new file mode 100755 index 0000000..d9f8a71 Binary files /dev/null and b/font/weathericons-regular-webfont.eot differ diff --git a/font/weathericons-regular-webfont.svg b/font/weathericons-regular-webfont.svg new file mode 100755 index 0000000..9c8d899 --- /dev/null +++ b/font/weathericons-regular-webfont.svg @@ -0,0 +1,121 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/font/weathericons-regular-webfont.ttf b/font/weathericons-regular-webfont.ttf new file mode 100755 index 0000000..e10fbc8 Binary files /dev/null and b/font/weathericons-regular-webfont.ttf differ diff --git a/font/weathericons-regular-webfont.woff b/font/weathericons-regular-webfont.woff new file mode 100755 index 0000000..af1d7bb Binary files /dev/null and b/font/weathericons-regular-webfont.woff differ diff --git a/index.html b/index.html index f19f68e..d050725 100644 --- a/index.html +++ b/index.html @@ -1,454 +1,482 @@ - Demo Homepage + Weather Icons - Icon Font inspired by Font Awesome and designed for Bootstrap + - +
-

Weather Icons

+
-
+
-
-
-
-

Day

-
-
-
-
-
-
-
wi-day-cloudy-gusts
-
-
-
-
wi-day-cloudy-windy
-
-
-
-
wi-day-cloudy
-
-
-
-
wi-day-fog
-
-
-
-
wi-day-hail
-
-
-
-
wi-day-lightning
-
-
-
-
-
-
wi-day-rain-mix
-
-
-
-
wi-day-rain-wind
-
-
-
-
wi-day-rain
-
-
-
-
wi-day-showers
-
-
-
-
wi-day-snow
-
-
-
-
wi-day-sprinkle
-
-
-
-
-
-
wi-day-sunny-overcast
-
-
-
-
wi-day-sunny
-
-
-
-
wi-day-storm-showers
-
-
-
-
wi-day-thunderstorm
-
-
-
+

+

Weather Icons is a font of 92 weather themed icons, ready to be dropped right into Bootstrap or any other project.

+

Inspired by Font Awesome, they are infinitley scalable and any CSS that can be applied to text can be applied to them. All you need to do is <i class="wi-day-lightning">

+
+
Version Beta 1
+

This is my first attempt at a Bootstrap/web ready icon-font, so there will be updates and improvements. It is best to download the repo from Github if you want to keep up to date. Please report any issues or requests to the repository here

+

The icon designs are originally by Lukas Bischoff. The font has been modified slightly for icon-font usage, and turned into a HTML/CSS/LESS addon by me (Erik).

-
-
-
-

Neutral

-
-
-
-
-
-
-
wi-cloudy-gusts
-
-
-
-
wi-cloudy-windy
-
-
-
-
wi-cloudy
-
-
-
-
wi-fog
-
-
-
-
wi-hail
-
-
-
-
-
-
wi-lightning
-
-
-
-
wi-rain-mix
-
-
-
-
wi-rain-wind
-
-
-
-
wi-rain
-
-
-
-
wi-showers
-
-
-
-
-
-
wi-snow
-
-
-
-
wi-sprinkle
-
-
-
-
wi-storm-showers
-
-
-
-
wi-thunderstorm
-
-
-
+
+
+
+
Download Here
+
+ +
+
+
+
+

Day / Sunny

+
+
+
+
+
+
+
wi-day-cloudy-gusts
-
-
-
-

Night

-
-
-
-
-
-
-
wi-night-alt-cloudy-gusts
-
-
-
-
wi-night-alt-cloudy-windy
-
-
-
-
wi-night-alt-hail
-
-
-
-
wi-night-alt-lightning
-
-
-
-
wi-night-alt-rain-mix
-
-
-
-
wi-night-alt-rain-wind
-
-
-
-
wi-night-alt-rain
-
-
-
-
wi-night-alt-showers
-
-
-
-
wi-night-alt-snow
-
-
-
-
-
-
wi-night-alt-sprinkle
-
-
-
-
wi-night-alt-storm-showers
-
-
-
-
wi-night-alt-thunderstorm
-
-
-
-
wi-night-clear
-
-
-
-
wi-night-cloudy-gusts
-
-
-
-
wi-night-cloudy-windy
-
-
-
-
wi-night-cloudy
-
-
-
-
wi-night-hail
-
-
-
-
wi-night-lightning
-
-
-
-
-
-
wi-night-rain-mix
-
-
-
-
wi-night-rain-wind
-
-
-
-
wi-night-rain
-
-
-
-
wi-night-showers
-
-
-
-
wi-night-snow
-
-
-
-
wi-night-sprinkle
-
-
-
-
wi-night-storm-showers
-
-
-
-
wi-night-thunderstorm
-
-
-
+
+
+
wi-day-cloudy-windy
-
-
-
-

Misc

-
-
-
-
-
-
-
wi-celcius
-
-
-
-
wi-cloud-down
-
-
-
-
wi-cloud-refresh
-
-
-
-
wi-cloud-up
-
-
-
-
wi-cloud
-
-
-
-
wi-degrees
-
-
-
-
wi-down-left
-
-
-
-
wi-down
-
-
-
-
wi-fahrenheit
-
-
-
-
wi-horizon-alt
-
-
-
-
wi-horizon
-
-
-
-
wi-left
-
-
-
-
-
-
wi-lightning
-
-
-
-
wi-night-fog
-
-
-
-
wi-refresh-alt
-
-
-
-
wi-refresh
-
-
-
-
wi-right
-
-
-
-
wi-sprinkles
-
-
-
-
wi-sunrise
-
-
-
-
wi-sunrise
-
-
-
-
wi-sunset
-
-
-
-
wi-thermometer-exterior
-
-
-
-
wi-thermometer-internal
-
-
-
-
wi-thermometer
-
-
-
-
-
-
wi-tornado
-
-
-
-
wi-up-right
-
-
-
-
wi-up
-
-
-
-
wi-wind-east
-
-
-
-
wi-wind-north-east
-
-
-
-
wi-wind-north-west
-
-
-
-
wi-wind-north
-
-
-
-
wi-wind-south-east
-
-
-
-
wi-wind-south-west
-
-
-
-
wi-wind-south
-
-
-
-
wi-wind-west
-
-
-
-
i.wi-windy
-
-
-
+
+
+
wi-day-cloudy
+
+
+
+
wi-day-fog
+
+
+
+
wi-day-hail
+
+
+
+
wi-day-lightning
+
+
+
+
+
+
wi-day-rain-mix
+
+
+
+
wi-day-rain-wind
+
+
+
+
wi-day-rain
+
+
+
+
wi-day-showers
+
+
+
+
wi-day-snow
+
+
+
+
wi-day-sprinkle
+
+
+
+
+
+
wi-day-sunny-overcast
+
+
+
+
wi-day-sunny
+
+
+
+
wi-day-storm-showers
+
+
+
+
wi-day-thunderstorm
+
+
+
+
+
+

Neutral / Cloudy

+
+
+
+
+
+
+
wi-cloudy-gusts
+
+
+
+
wi-cloudy-windy
+
+
+
+
wi-cloudy
+
+
+
+
wi-fog
+
+
+
+
wi-hail
+
+
+
+
+
+
wi-lightning
+
+
+
+
wi-rain-mix
+
+
+
+
wi-rain-wind
+
+
+
+
wi-rain
+
+
+
+
wi-showers
+
+
+
+
+
+
wi-snow
+
+
+
+
wi-sprinkle
+
+
+
+
wi-storm-showers
+
+
+
+
wi-thunderstorm
+
+
+
+
+
+

Night / Moons

+
+
+
+
+
+
+
wi-night-alt-cloudy-gusts
+
+
+
+
wi-night-alt-cloudy-windy
+
+
+
+
wi-night-alt-hail
+
+
+
+
wi-night-alt-lightning
+
+
+
+
wi-night-alt-rain-mix
+
+
+
+
wi-night-alt-rain-wind
+
+
+
+
wi-night-alt-rain
+
+
+
+
wi-night-alt-showers
+
+
+
+
wi-night-alt-snow
+
+
+
+
+
+
wi-night-alt-sprinkle
+
+
+
+
wi-night-alt-storm-showers
+
+
+
+
wi-night-alt-thunderstorm
+
+
+
+
wi-night-clear
+
+
+
+
wi-night-cloudy-gusts
+
+
+
+
wi-night-cloudy-windy
+
+
+
+
wi-night-cloudy
+
+
+
+
wi-night-hail
+
+
+
+
wi-night-lightning
+
+
+
+
+
+
wi-night-rain-mix
+
+
+
+
wi-night-rain-wind
+
+
+
+
wi-night-rain
+
+
+
+
wi-night-showers
+
+
+
+
wi-night-snow
+
+
+
+
wi-night-sprinkle
+
+
+
+
wi-night-storm-showers
+
+
+
+
wi-night-thunderstorm
+
+
+
+
+
+

Miscellaneous Weather

+
+
+
+
+
+
+
wi-celcius
+
+
+
+
wi-cloud-down
+
+
+
+
wi-cloud-refresh
+
+
+
+
wi-cloud-up
+
+
+
+
wi-cloud
+
+
+
+
wi-degrees
+
+
+
+
wi-down-left
+
+
+
+
wi-down
+
+
+
+
wi-fahrenheit
+
+
+
+
wi-horizon-alt
+
+
+
+
wi-horizon
+
+
+
+
wi-left
+
+
+
+
+
+
wi-lightning
+
+
+
+
wi-night-fog
+
+
+
+
wi-refresh-alt
+
+
+
+
wi-refresh
+
+
+
+
wi-right
+
+
+
+
wi-sprinkles
+
+
+
+
wi-sunrise
+
+
+
+
wi-sunrise
+
+
+
+
wi-sunset
+
+
+
+
wi-thermometer-exterior
+
+
+
+
wi-thermometer-internal
+
+
+
+
wi-thermometer
+
+
+
+
+
+
wi-tornado
+
+
+
+
wi-up-right
+
+
+
+
wi-up
+
+
+
+
wi-wind-east
+
+
+
+
wi-wind-north-east
+
+
+
+
wi-wind-north-west
+
+
+
+
wi-wind-north
+
+
+
+
wi-wind-south-east
+
+
+
+
wi-wind-south-west
+
+
+
+
wi-wind-south
+
+
+
+
wi-wind-west
+
+
+
+
wi-windy
@@ -456,7 +484,11 @@ diff --git a/js/scripts.js b/js/scripts.js index a4f824a..ae736fc 100644 --- a/js/scripts.js +++ b/js/scripts.js @@ -1,19 +1,2 @@ -// Generated by CoffeeScript 1.6.1 -(function() { - - $.simpleWeather({ - zipcode: "84095", - woeid: "2496395", - location: "", - unit: "f", - success: function(weather) { - var html; - html = "
Partly Cloudy
" + weather.temp + "°
" + weather.high + "
" + weather.low + "
SaturdaySunny
" + weather.tomorrow.high + "" + weather.tomorrow.low + "
"; - return $("#weather").html(html); - }, - error: function(error) { - return $("#weather").html("

" + error + "

"); - } - }); - -}).call(this); +// Generated by CoffeeScript 1.6.3 +(function(){}).call(this); \ No newline at end of file