Mirrors
/
erikflowers_weather-icons
mirror of https://github.com/erikflowers/weather-icons.git
2
0
Fork 0
Code Issues Releases Wiki Activity

- Fixed some typos

Browse Source
pull/13/head
Erik Flowers 11 years ago
parent 68e07b6ce2
commit d2e979c66a
2 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File

2
css/styles.css
Unescape Escape 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
Unescape Escape 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>

Write Preview
Loading…
Cancel
Save