Mirrors/erikflowers_weather-icons
2
0
Fork 0
mirror of https://github.com/erikflowers/weather-icons.git synced 2025-12-14 05:04:56 -07:00
Code Issues Releases Wiki Activity

- Fixed some typos

Browse Source
This commit is contained in:
Erik Flowers 2013-08-03 22:02:01 -06:00
parent 68e07b6ce2
commit d2e979c66a
2 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/styles.css
View File

@ -1211,7 +1211,7 @@ a .icon-rotate-90:before,a .icon-rotate-180:before,a .icon-rotate-270:before,a .
body{font-family:"proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;font-size:14px;color:#333}
.reference{font-family:"Helvetica",Arial,sans-serif;font-size:22px}
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:0;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:0;color:#fff;text-shadow:0 2px 2px rgba(0,0,0,0.9)}@media (min-width:768px){header h1{font-size:60px;margin-top:180px}}
header{position:relative;height:100px;padding-top:0;background:url("img/sky.jpg") top center no-repeat fixed;border-bottom:5px solid #404040}@media (min-width:768px){header{height:300px}}header h1{float:left;font-family:"aktiv-grotesk-std";font-weight:200;font-size:30px;margin-top:40px;margin-left:0;color:#fff;text-shadow:0 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:#fff;font-size:55px;margin-left:100px;float:left;line-height:.65em;text-shadow:0 2px 2px rgba(0,0,0,0.5)}@media (min-width:768px){header .icon{font-size:200px;top:100px}}
footer{height:200px;background-color:#333;margin-top:30px;color:#fff;padding-top:15px;font-weight:400}footer a{color:#b3b3b3}
.buttons{font-size:100px}

10
index.html
View File

@ -5,8 +5,10 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="//use.typekit.net/xmb4mjl.js"></script>
<script>try{Typekit.load();}catch(e){} script(src='js/bootstrap.min.js')</script>
<script src="js/scripts.js"></script>
<script>
try{Typekit.load();}catch(e){} script(src='js/bootstrap.min.js')
</script>
<link rel="stylesheet" href="css/styles.css">
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
@ -33,9 +35,9 @@
<section class="content container intro">
<div class="row">
<div class="col-sm-12">
<p class="intro-icons"><i class="wi-day-lightning"></i><i class="wi-night-thunderstorm"></i><i class="wi-day-snow"></i><i class="wi-sprinkles"></i><i class="wi-day-sunny"></i><i class="wi-cloudy"></i><i class="wi-night-rain-mix"></i><i class="wi-sunset"></i><i class="wi-sunrise"></i><i class="wi-day-cloudy-windy"></i><i class="wi-night-rain"></i><i class="wi-night-alt-snow"></i></p>
<p class="intro-icons"><i class="wi-day-lightning"></i><i class="wi-night-thunderstorm"></i><i class="wi-day-snow"></i><i class="wi-sprinkles"></i><i class="wi-day-sunny"></i><i class="wi-cloudy"></i><i class="wi-night-rain-mix"></i><i class="wi-sunset"></i><i class="wi-sunrise"></i><i class="wi-day-cloudy-windy"></i><i class="wi-night-rain"></i><i class="wi-night-alt-snow"></i><i class="30bb"></i></p>
<p class="headline">Weather Icons is a font of 92 weather themed icons, ready to be dropped right into <a href="http://getbootstrap.com">Bootstrap</a> or any other project. <i class="wi-cloudy"> </i></p>
<p>Inspired by <a href="http://fortawesome.github.io/Font-Awesome/"> Font Awesome, they work in essentially the same way.</a>. They are infinitley scalable and any CSS that can be applied to text can be applied to them. All you need to do to insert an icon is add the class to an "i" element: <code>&lt;i class="wi-day-lightning"&gt;</code>. At this time, there are no other effects/mixins to do advanced icon manipulation yet.</p>
<p>Inspired by <a href="http://fortawesome.github.io/Font-Awesome/"> Font Awesome</a>, they work in essentially the same way. They are infinitley scalable and any CSS that can be applied to text can be applied to them. All you need to do to insert an icon is add the class to an "i" element: <code>&lt;i class="wi-day-lightning"&gt;</code>. At this time, there are no other effects/mixins to do advanced icon manipulation. Those will be coming in future releases. </p>
</div>
</div>
</section>