cleaning up and adding new examples

build/_includes/examples.html

@@ -1,446 +1,24 @@
-<section id="examples">
-<div class="row stripe-ad">
-  <div class="span8">
-    <p class="lead">
-      After you <a href="{{ site.baseurl }}get-started/">get up and running</a>, you can place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag.
-      Many examples appreciatively re-used from the <a href="{{ site.bootstrap.url }}">Bootstrap documentation</a>.
-    </p>
-  </div>
-  <div class="span4">
-    {% include ads/carbon-light-horizontal.html %}
-  </div>
-</div>
+{% capture stripe_ad_content %}
+<p class="lead">
+  After you <a href="{{ site.baseurl }}get-started/">get up and running</a>, you can place Font Awesome icons just about
+  anywhere with the <code>&lt;i&gt;</code> tag.
+  Many examples appreciatively re-used from the <a href="{{ site.bootstrap.url }}">Bootstrap documentation</a>.
+</p>
+{% endcapture %}
+{% include stripe-ad.html %}
 
-<h2 class="page-header">Examples</h2>
-<div class="row">
-  <div class="span4">
-    <div class="well well-transparent">
-      <p>Use Font Awesome icons in:</p>
-      <ul class="icons-ul">
-        <li><i class="icon-li icon-ok"></i>Bulleted lists (like this one)</li>
-        <li><i class="icon-li icon-ok"></i>Buttons</li>
-        <li><i class="icon-li icon-ok"></i>Button groups</li>
-        <li><i class="icon-li icon-ok"></i>Navigation</li>
-        <li><i class="icon-li icon-ok"></i>Prepended form inputs</li>
-        <li><i class="icon-li icon-ok"></i>&hellip;and many more with custom CSS</li>
-      </ul>
-    </div>
-  </div>
-  <div class="span4">
-    <p>
-      <a class="btn" href="#"><i class="icon-repeat"></i> Reload</a>
-      <a class="btn btn-success" href="#"><i class="icon-shopping-cart icon-large"></i> Checkout</a>
-      <a class="btn btn-danger" href="#"><i class="icon-trash icon-large"></i> Delete</a>
-    </p>
-    <p>
-      <a class="btn btn-large btn-primary" href="#"><i class="icon-comment"></i> Comment</a>
-      <a class="btn btn-small" href="#"><i class="icon-cog"></i> Settings</a>
-      <a class="btn btn-small btn-info" href="#"><i class="icon-info-sign"></i> Info</a>
-    </p>
-    <div class="well" style="padding: 8px 0;">
-      <ul class="nav nav-list">
-        <li class="active"><a href="#"><i class="icon-home"></i> Home</a></li>
-        <li><a href="#"><i class="icon-book"></i> Library</a></li>
-        <li><a href="#"><i class="icon-pencil"></i> Applications</a></li>
-        <li><a href="#"><i class="icon-cogs"></i> Settings</a></li>
-      </ul>
-    </div>
-  </div>
-  <div class="span4">
-    <div class="btn-toolbar">
-      <div class="btn-group">
-        <a class="btn" href="#"><i class="icon-align-left"></i></a>
-        <a class="btn" href="#"><i class="icon-align-center"></i></a>
-        <a class="btn" href="#"><i class="icon-align-right"></i></a>
-        <a class="btn" href="#"><i class="icon-align-justify"></i></a>
-      </div>
-      <div class="btn-group">
-        <a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a>
-        <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="icon-caret-down"></span></a>
-        <ul class="dropdown-menu">
-          <li><a href="#"><i class="icon-pencil"></i> Edit</a></li>
-          <li><a href="#"><i class="icon-trash"></i> Delete</a></li>
-          <li><a href="#"><i class="icon-ban-circle"></i> Ban</a></li>
-          <li class="divider"></li>
-          <li><a href="#"><i class="i"></i> Make admin</a></li>
-        </ul>
-      </div>
-    </div>
-    <form>
-      <div class="control-group">
-        <div class="controls">
-          <div class="input-prepend">
-            <span class="add-on"><i class="icon-envelope"></i></span>
-            <input class="span2" id="inputIcon" type="text" placeholder="Email address">
-          </div>
-        </div>
-      </div>
-      <div class="control-group">
-        <div class="controls">
-          <div class="input-prepend">
-            <span class="add-on"><i class="icon-key"></i></span>
-            <input class="span2" id="inputIcon2" type="text" placeholder="Password">
-          </div>
-        </div>
-      </div>
-    </form>
-    <div>
-        <span class="rating">
-          <span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span>
-        </span>
-    </div>
-  </div>
-</div>
+{% include examples/new.html %}
 
-<h3 class="page-header">New Styles in 3.0</h3>
-<div class="row">
-  <div class="span4">
-    <i class="icon-quote-left icon-4x pull-left icon-muted"></i>
-    Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image.
-    Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. Lots of new possibilities.
-  </div>
-  <div class="span4">
-    <div class="well well-large well-transparent lead">
-      <i class="icon-spinner icon-spin icon-2x pull-left"></i> Spinner icon when loading content...
-    </div>
-  </div>
-  <div class="span4">
-    <p>
-      <a class="btn btn-large btn-danger" href="#"><i class="icon-flag icon-2x pull-left"></i>Font Awesome<br>Version {{ site.font_awesome.version }}</a>
-    </p>
-    <a class="btn btn-primary" href="#"><i class="icon-refresh icon-spin"></i> Synchronizing Content...</a>
-  </div>
-</div>
-
-<h3 class="page-header">Example HTML</h3>
-<div class="row">
-  <div class="span12">
-    <h4>Inline Icons</h4>
-  </div>
-  <div class="span3">
-    <p>Place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag.</p>
-  </div>
-  <div class="span9">
-    <div class="well well-transparent">
-      <div style="font-size: 24px; line-height: 1.5em;">
-        <i class="icon-camera-retro"></i> icon-camera-retro
-      </div>
-    </div>
-<pre class="prettyprint linenums">
-&lt;i class="icon-camera-retro"&gt;&lt;/i&gt; icon-camera-retro
-</pre>
-    <div class="alert alert-info"><i class="icon-info-sign"></i> Icon classes are echoed via CSS :before.</div>
-  </div>
-</div>
-<div class="row">
-  <div class="span12">
-    <h4>Larger Icons</h4>
-  </div>
-  <div class="span3">
-    <p>
-      To increase the size of icons relative to its container, use <code>icon-large</code>, <code>icon-2x</code>,
-      <code>icon-3x</code>, or <code>icon-4x</code>.
-    </p>
-  </div>
-  <div class="span9">
-    <p>
-      Increase the icon size by using the <code>icon-large</code> (33% increase), <code>icon-2x</code>,
-      <code>icon-3x</code>, or <code>icon-4x</code> classes.
-    </p>
-    <div class="well well-transparent">
-      <div style="font-size: 24px; line-height: 1.5em;">
-        <p><i class="icon-camera-retro icon-large"></i> icon-camera-retro</p>
-        <p><i class="icon-camera-retro icon-2x"></i> icon-camera-retro</p>
-        <p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p>
-        <p><i class="icon-camera-retro icon-4x"></i> icon-camera-retro</p>
-      </div>
-    </div>
-<pre class="prettyprint linenums">
-&lt;p&gt;&lt;i class=&quot;icon-camera-retro icon-large&quot;&gt;&lt;/i&gt; icon-camera-retro&lt;/p&gt;
-&lt;p&gt;&lt;i class=&quot;icon-camera-retro icon-2x&quot;&gt;&lt;/i&gt; icon-camera-retro&lt;/p&gt;
-&lt;p&gt;&lt;i class=&quot;icon-camera-retro icon-3x&quot;&gt;&lt;/i&gt; icon-camera-retro&lt;/p&gt;
-&lt;p&gt;&lt;i class=&quot;icon-camera-retro icon-4x&quot;&gt;&lt;/i&gt; icon-camera-retro&lt;/p&gt;
-</pre>
-    <div class="alert alert-info">
-      <i class="icon-info-sign"></i> If your icons are getting chopped off on top and bottom, make sure you have
-      sufficient line-height.
-    </div>
-  </div>
-</div>
-<div class="row">
-  <div class="span12">
-    <h4>Animated Spinner</h4>
-  </div>
-  <div class="span3">
-    <p>
-      Use the <code>icon-spin</code> class to get any icon to rotate. Works best with <code>icon-spinner</code> and
-      <code>icon-refresh</code>.
-    </p>
-  </div>
-  <div class="span9">
-    <div class="well well-large well-transparent lead">
-      <i class="icon-spinner icon-spin"></i> Spinner icon when loading content...
-    </div>
-<pre class="prettyprint linenums">
-&lt;i class=&quot;icon-spinner icon-spin&quot;&gt;&lt;/i&gt; Spinner icon when loading content...
-</pre>
-    <p class="alert alert-info">
-      <i class="icon-info-sign"></i> CSS3 animations aren't supported in IE7 - IE9.
-    </p>
-  </div>
-</div>
-<div class="row">
-  <div class="span12">
-    <h4>Bordered & Pulled Icons</h4>
-  </div>
-  <div class="span3">
-    <p>
-      Use <code>icon-border</code> and <code>pull-right</code> or <code>pull-left</code> for easy pull quotes or
-      article graphics.
-    </p>
-  </div>
-  <div class="span9">
-    <div class="well well-large well-transparent">
-      <i class="icon-quote-left icon-4x pull-left icon-muted"></i>
-      Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image.
-      Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all
-      of them in any combination to get lots of new possibilities.
-    </div>
-<pre class="prettyprint linenums">
-&lt;i class=&quot;icon-quote-left icon-4x pull-left icon-muted&quot;&gt;&lt;/i&gt;
-Use a few of the new styles together ... lots of new possibilities.
-</pre>
-    <div class="well well-large well-transparent">
-      <i class="icon-flag icon-4x pull-left icon-border"></i>
-      Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image.
-      Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all
-      of them in any combination to get lots of new possibilities.
-    </div>
-<pre class="prettyprint linenums">
-&lt;i class=&quot;icon-flag icon-4x pull-left icon-border&quot;&gt;&lt;/i&gt;
-Use a few of the new styles together ... lots of new possibilities.
-</pre>
-  </div>
-</div>
-<div class="row">
-  <div class="span12">
-    <h4>Buttons</h4>
-  </div>
-  <div class="span3">
-    <p>
-      <a class="btn" href="#">
-        <i class="icon-repeat"></i> Reload</a>
-      <a class="btn btn-success" href="#">
-        <i class="icon-shopping-cart icon-large"></i> Checkout</a>
-    </p>
-    <p>
-      <a class="btn btn-large btn-primary" href="#">
-        <i class="icon-comment"></i> Comment</a>
-      <a class="btn btn-small btn-info" href="#">
-        <i class="icon-info-sign"></i> Info</a>
-    </p>
-    <p>
-      <a class="btn btn-danger" href="#">
-        <i class="icon-trash icon-large"></i> Delete</a>
-      <a class="btn btn-small" href="#">
-        <i class="icon-cog"></i> Settings</a>
-    </p>
-    <p>
-      <a class="btn btn-large btn-danger" href="#"><i class="icon-flag icon-2x pull-left"></i>Font Awesome<br>Version {{ site.font_awesome.version }}</a>
-    </p>
-    <p>
-      <a class="btn btn-primary" href="#"><i class="icon-refresh icon-spin"></i> Synchronizing Content...</a>
-    </p>
-
-  </div>
-  <div class="span9">
-    <p>
-      Font Awesome icons work great in buttons. You can even combine them with larger icon styles,
-      <code>pull-right</code> and <code>pull-left</code>, and <code>icon-spin</code>.
-    </p>
-<pre class="prettyprint linenums">
-&lt;a class="btn" href="#"&gt;
-  &lt;i class="icon-repeat"&gt;&lt;/i&gt; Reload&lt;/a&gt;
-&lt;a class="btn btn-success" href="#"&gt;
-  &lt;i class="icon-shopping-cart icon-large"&gt;&lt;/i&gt; Checkout&lt;/a&gt;
-&lt;a class="btn btn-large btn-primary" href="#"&gt;
-  &lt;i class="icon-comment"&gt;&lt;/i&gt; Comment&lt;/a&gt;
-&lt;a class="btn btn-small btn-info" href="#"&gt;
-  &lt;i class="icon-info-sign"&gt;&lt;/i&gt; Info&lt;/a&gt;
-&lt;a class="btn btn-danger" href="#"&gt;
-  &lt;i class="icon-trash icon-large"&gt;&lt;/i&gt; Delete&lt;/a&gt;
-&lt;a class="btn btn-small" href="#"&gt;
-  &lt;i class="icon-cog"&gt;&lt;/i&gt; Settings&lt;/a&gt;
-&lt;a class=&quot;btn btn-large btn-danger&quot; href=&quot;#&quot;&gt;
-  &lt;i class=&quot;icon-flag icon-2x pull-left&quot;&gt;&lt;/i&gt;Font Awesome&lt;br&gt;Version 3.0&lt;/a&gt;
-&lt;a class=&quot;btn btn-primary&quot; href=&quot;#&quot;&gt;
-  &lt;i class=&quot;icon-refresh icon-spin&quot;&gt;&lt;/i&gt; Synchronizing Content...&lt;/a&gt;
-</pre>
-  </div>
-</div>
-<div class="row">
-  <div class="span12">
-    <h4>Button groups</h4>
-  </div>
-  <div class="span3">
-    <p>
-    <div class="btn-group">
-      <a class="btn" href="#"><i class="icon-align-left"></i></a>
-      <a class="btn" href="#"><i class="icon-align-center"></i></a>
-      <a class="btn" href="#"><i class="icon-align-right"></i></a>
-      <a class="btn" href="#"><i class="icon-align-justify"></i></a>
-    </div>
-    </p>
-  </div>
-  <div class="span9">
-<pre class="prettyprint linenums">
-&lt;div class="btn-group"&gt;
-  &lt;a class="btn" href="#"&gt;&lt;i class="icon-align-left"&gt;&lt;/i&gt;&lt;/a&gt;
-  &lt;a class="btn" href="#"&gt;&lt;i class="icon-align-center"&gt;&lt;/i&gt;&lt;/a&gt;
-  &lt;a class="btn" href="#"&gt;&lt;i class="icon-align-right"&gt;&lt;/i&gt;&lt;/a&gt;
-  &lt;a class="btn" href="#"&gt;&lt;i class="icon-align-justify"&gt;&lt;/i&gt;&lt;/a&gt;
-&lt;/div&gt;
-</pre>
-  </div>
-</div>
-<div class="row">
-  <div class="span12">
-    <h4>Button dropdowns</h4>
-  </div>
-  <div class="span3">
-    <p>
-    <div class="btn-group open">
-      <a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a>
-      <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
-        <span class="icon-caret-down"></span></a>
-      <ul class="dropdown-menu">
-        <li><a href="#"><i class="icon-pencil"></i> Edit</a></li>
-        <li><a href="#"><i class="icon-trash"></i> Delete</a></li>
-        <li><a href="#"><i class="icon-ban-circle"></i> Ban</a></li>
-        <li class="divider"></li>
-        <li><a href="#"><i class="i"></i> Make admin</a></li>
-      </ul>
-    </div>
-  </div>
-  </p>
-  <div class="span9">
-<pre class="prettyprint linenums">
-&lt;div class="btn-group open"&gt;
-    &lt;a class="btn btn-primary" href="#"&gt;&lt;i class="icon-user"&gt;&lt;/i&gt; User&lt;/a&gt;
-    &lt;a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"&gt;&lt;span class="icon-caret-down"&gt;&lt;/span&gt;&lt;/a&gt;
-    &lt;ul class="dropdown-menu"&gt;
-        &lt;li&gt;&lt;a href="#"&gt;&lt;i class="icon-pencil"&gt;&lt;/i&gt; Edit&lt;/a&gt;&lt;/li&gt;
-        &lt;li&gt;&lt;a href="#"&gt;&lt;i class="icon-trash"&gt;&lt;/i&gt; Delete&lt;/a&gt;&lt;/li&gt;
-        &lt;li&gt;&lt;a href="#"&gt;&lt;i class="icon-ban-circle"&gt;&lt;/i&gt; Ban&lt;/a&gt;&lt;/li&gt;
-        &lt;li class="divider"&gt;&lt;/li&gt;
-        &lt;li&gt;&lt;a href="#"&gt;&lt;i class="i"&gt;&lt;/i&gt; Make admin&lt;/a&gt;&lt;/li&gt;
-    &lt;/ul&gt;
-&lt;/div&gt;
-</pre>
-    <div class="alert alert-info"><i class="icon-info-sign"></i> Don't forget to add the appropriate JavaScript to enable button dropdowns.</div>
-  </div>
-</div>
-<div class="row">
-  <div class="span12">
-    <h4>Lists</h4>
-  </div>
-  <div class="span3">
-    <p>
-    <ul class="icons">
-      <li><i class="icon-ok"></i> Lists</li>
-      <li><i class="icon-ok"></i> Buttons</li>
-      <li><i class="icon-ok"></i> Button groups</li>
-      <li><i class="icon-ok"></i> Navigation</li>
-      <li><i class="icon-ok"></i> Prepended form inputs</li>
-    </ul>
-    </p>
-  </div>
-  <div class="span9">
-    <p>Easily replace individual bullets.</p>
-<pre class="prettyprint linenums">
-&lt;ul class="icons"&gt;
-  &lt;li&gt;&lt;i class="icon-ok"&gt;&lt;/i&gt; Lists&lt;/li&gt;
-  &lt;li&gt;&lt;i class="icon-ok"&gt;&lt;/i&gt; Buttons&lt;/li&gt;
-  &lt;li&gt;&lt;i class="icon-ok"&gt;&lt;/i&gt; Button groups&lt;/li&gt;
-  &lt;li&gt;&lt;i class="icon-ok"&gt;&lt;/i&gt; Navigation&lt;/li&gt;
-  &lt;li&gt;&lt;i class="icon-ok"&gt;&lt;/i&gt; Prepended form inputs&lt;/li&gt;
-&lt;/ul&gt;
-</pre>
-  </div>
-</div>
-<div class="row">
-  <div class="span12">
-    <h4>Navigation</h4>
-  </div>
-  <div class="span3">
-    <div class="well" style="padding: 8px 0;">
-      <ul class="nav nav-list">
-        <li class="active"><a href="#"><i class="icon-home"></i> Home</a></li>
-        <li><a href="#"><i class="icon-book"></i> Library</a></li>
-        <li><a href="#"><i class="icon-pencil"></i> Applications</a></li>
-        <li><a href="#"><i class="icon-cogs"></i> Settings</a></li>
-      </ul>
-    </div>
-  </div>
-  <div class="span9">
-    <p>Use Font Awesome icons in navigation to provide helpful visual cues.</p>
-<pre class="prettyprint linenums">
-&lt;ul class="nav nav-list"&gt;
-  &lt;li class="active"&gt;&lt;a href="#"&gt;&lt;i class="icon-home"&gt;&lt;/i&gt; Home&lt;/a&gt;&lt;/li&gt;
-  &lt;li&gt;&lt;a href="#"&gt;&lt;i class="icon-book"&gt;&lt;/i&gt; Library&lt;/a&gt;&lt;/li&gt;
-  &lt;li&gt;&lt;a href="#"&gt;&lt;i class="icon-pencil"&gt;&lt;/i&gt; Applications&lt;/a&gt;&lt;/li&gt;
-  &lt;li&gt;&lt;a href="#"&gt;&lt;i class="icon-cogs"&gt;&lt;/i&gt; Settings&lt;/a&gt;&lt;/li&gt;
-&lt;/ul&gt;
-</pre>
-  </div>
-</div>
-<div class="row">
-  <div class="span12">
-    <h4>Prepended form inputs</h4>
-  </div>
-  <div class="span3">
-    <p>
-    <form>
-      <div class="input-prepend">
-        <span class="add-on"><i class="icon-envelope"></i></span>
-        <input class="span2" type="text" placeholder="Email address">
-      </div>
-      <div class="input-prepend">
-        <span class="add-on"><i class="icon-key"></i></span>
-        <input class="span2" type="password" placeholder="Password">
-      </div>
-    </form>
-    </p>
-  </div>
-  <div class="span9">
-<pre class="prettyprint linenums">
-&lt;form&gt;
-  &lt;div class="input-prepend"&gt;
-    &lt;span class="add-on"&gt;&lt;i class="icon-envelope"&gt;&lt;/i&gt;&lt;/span&gt;
-    &lt;input class="span2" type="text" placeholder="Email address"&gt;
-  &lt;/div&gt;
-  &lt;div class="input-prepend"&gt;
-    &lt;span class="add-on"&gt;&lt;i class="icon-key"&gt;&lt;/i&gt;&lt;/span&gt;
-    &lt;input class="span2" type="password" placeholder="Password"&gt;
-  &lt;/div&gt;
-&lt;/form&gt;
-</pre>
-  </div>
-</div>
-<div class="row">
-  <div class="span12">
-    <h4>Custom CSS</h4>
-  </div>
-  <div class="span3">
-    <p>Anything you can do with CSS font styles, you can do with Font Awesome.</p>
-  </div>
-  <div class="span9">
-    <p>Star Ratings (inspired by <a href="http://css-tricks.com/star-ratings/" target="_blank">CSS Tricks</a>)</p>
-    <div class="well">
-      <span class="rating">
-        <span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span>
-      </span>
-    </div>
-  </div>
-</div>
-</section>
+{% include examples/inline-icons.html %}
+{% include examples/larger-icons.html %}
+{% include examples/bordered-pulled.html %}
+{% include examples/buttons.html %}
+{% include examples/button-groups.html %}
+{% include examples/button-dropdowns.html %}
+{% include examples/bulleted-lists.html %}
+{% include examples/navigation.html %}
+{% include examples/form-inputs.html %}
+{% include examples/animated-spinner.html %}
+{% include examples/rotated-flipped.html %}
+{% include examples/stacked.html %}
+{% include examples/custom.html %}

build/_includes/examples/animated-spinner.html

@@ -0,0 +1,20 @@
+<section id="animated-spinner">
+  <h2 class="page-header">Animated Spinner</h2>
+  <div class="row">
+    <div class="span3">
+      Use the <code>icon-spin</code> class to get any icon to rotate. Works well with <code>icon-spinner</code> and
+      <code>icon-refresh</code>.
+    </div>
+    <div class="span9">
+      <div class="well well-large well-transparent lead">
+        <i class="icon-spinner icon-spin icon-large"></i> Spinner icon when loading content...
+      </div>
+{% highlight html %}
+<i class="icon-spinner icon-spin icon-large"></i> Spinner icon when loading content...
+{% endhighlight %}
+      <p class="alert alert-info">
+        <i class="icon-info-sign"></i> CSS3 animations aren't supported in IE7 - IE9.
+      </p>
+    </div>
+  </div>
+</section>

build/_includes/examples/bordered-pulled.html

@@ -0,0 +1,33 @@
+<section id="bordered-pulled">
+  <h2 class="page-header">Bordered & Pulled Icons</h2>
+  <div class="row">
+    <div class="span3">
+      <p>
+        Use <code>icon-border</code> and <code>pull-right</code> or <code>pull-left</code> for easy pull quotes or
+        article graphics.
+      </p>
+    </div>
+    <div class="span9">
+      <div class="well well-large well-transparent">
+        <i class="icon-quote-left icon-4x pull-left icon-muted"></i>
+        Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image.
+        Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all
+        of them in any combination to get lots of new possibilities.
+      </div>
+{% highlight html %}
+<i class="icon-quote-left icon-4x pull-left icon-muted"></i>
+Use a few of the new styles together ... lots of new possibilities.
+{% endhighlight %}
+      <div class="well well-large well-transparent">
+        <i class="icon-flag icon-4x pull-left icon-border"></i>
+        Use a few of the new styles together, and you've got easy pull quotes or a great introductory article image.
+        Or spinning icons for loading and refreshing content. Or fun big icons in multi-line buttons. You can combine all
+        of them in any combination to get lots of new possibilities.
+      </div>
+{% highlight html %}
+<i class="icon-flag icon-4x pull-left icon-border"></i>
+Use a few of the new styles together ... lots of new possibilities.
+{% endhighlight %}
+    </div>
+  </div>
+</section>

build/_includes/examples/bulleted-lists.html

@@ -0,0 +1,30 @@
+<section id="bulleted-lists">
+  <h2 class="page-header">Bulleted Lists</h2>
+  <div class="row">
+    <div class="span12">
+    </div>
+    <div class="span3">
+      <ul class="icons-ul">
+        <li><i class="icon-li icon-ok"></i>Bulleted lists (like this one)</li>
+        <li><i class="icon-li icon-ok"></i>Buttons</li>
+        <li><i class="icon-li icon-ok"></i>Button groups</li>
+        <li><i class="icon-li icon-ok"></i>Navigation</li>
+        <li><i class="icon-li icon-ok"></i>Prepended form inputs</li>
+        <li><i class="icon-li icon-ok"></i>&hellip;and many more with custom CSS</li>
+      </ul>
+    </div>
+    <div class="span9">
+      <p>Easily replace individual bullets.</p>
+{% highlight html %}
+<ul class="icons-ul">
+  <li><i class="icon-li icon-ok"></i>Bulleted lists (like this one)</li>
+  <li><i class="icon-li icon-ok"></i>Buttons</li>
+  <li><i class="icon-li icon-ok"></i>Button groups</li>
+  <li><i class="icon-li icon-ok"></i>Navigation</li>
+  <li><i class="icon-li icon-ok"></i>Prepended form inputs</li>
+  <li><i class="icon-li icon-ok"></i>&hellip;and many more with custom CSS</li>
+</ul>
+{% endhighlight %}
+    </div>
+  </div>
+</section>

build/_includes/examples/button-dropdowns.html

@@ -0,0 +1,36 @@
+<section id="button-dropdowns">
+  <h2 class="page-header">Button Dropdowns</h2>
+  <div class="row">
+    <div class="span3">
+      <div class="btn-group open">
+        <a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a>
+        <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
+          <span class="icon-caret-down"></span></a>
+        <ul class="dropdown-menu">
+          <li><a href="#"><i class="icon-pencil"></i> Edit</a></li>
+          <li><a href="#"><i class="icon-trash"></i> Delete</a></li>
+          <li><a href="#"><i class="icon-ban-circle"></i> Ban</a></li>
+          <li class="divider"></li>
+          <li><a href="#"><i class="i"></i> Make admin</a></li>
+        </ul>
+      </div>
+    </div>
+    <div class="span9">
+{% highlight html %}
+<div class="btn-group open">
+  <a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a>
+  <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
+    <span class="icon-caret-down"></span></a>
+  <ul class="dropdown-menu">
+    <li><a href="#"><i class="icon-pencil"></i> Edit</a></li>
+    <li><a href="#"><i class="icon-trash"></i> Delete</a></li>
+    <li><a href="#"><i class="icon-ban-circle"></i> Ban</a></li>
+    <li class="divider"></li>
+    <li><a href="#"><i class="i"></i> Make admin</a></li>
+  </ul>
+</div>
+{% endhighlight %}
+      <div class="alert alert-info"><i class="icon-info-sign"></i> Don't forget to add the appropriate JavaScript to enable button dropdowns.</div>
+    </div>
+  </div>
+</section>

build/_includes/examples/button-groups.html

@@ -0,0 +1,25 @@
+<section id="button-groups">
+  <h2 class="page-header">Button Groups</h2>
+  <div class="row">
+    <div class="span3">
+      <p>
+      <div class="btn-group">
+        <a class="btn" href="#"><i class="icon-align-left"></i></a>
+        <a class="btn" href="#"><i class="icon-align-center"></i></a>
+        <a class="btn" href="#"><i class="icon-align-right"></i></a>
+        <a class="btn" href="#"><i class="icon-align-justify"></i></a>
+      </div>
+      </p>
+    </div>
+    <div class="span9">
+{% highlight html %}
+<div class="btn-group">
+  <a class="btn" href="#"><i class="icon-align-left"></i></a>
+  <a class="btn" href="#"><i class="icon-align-center"></i></a>
+  <a class="btn" href="#"><i class="icon-align-right"></i></a>
+  <a class="btn" href="#"><i class="icon-align-justify"></i></a>
+</div>
+{% endhighlight %}
+    </div>
+  </div>
+</section>

build/_includes/examples/buttons.html

@@ -0,0 +1,57 @@
+<section id="buttons">
+  <h2 class="page-header">Buttons</h2>
+  <div class="row">
+    <div class="span3">
+      <p>
+        <a class="btn" href="#">
+          <i class="icon-repeat"></i> Reload</a>
+        <a class="btn btn-success" href="#">
+          <i class="icon-shopping-cart icon-large"></i> Checkout</a>
+      </p>
+      <p>
+        <a class="btn btn-large btn-primary" href="#">
+          <i class="icon-comment"></i> Comment</a>
+        <a class="btn btn-small btn-info" href="#">
+          <i class="icon-info-sign"></i> Info</a>
+      </p>
+      <p>
+        <a class="btn btn-danger" href="#">
+          <i class="icon-trash icon-large"></i> Delete</a>
+        <a class="btn btn-small" href="#">
+          <i class="icon-cog"></i> Settings</a>
+      </p>
+      <p>
+        <a class="btn btn-large btn-danger" href="#">
+          <i class="icon-flag icon-2x pull-left"></i> Font Awesome<br>Version {{ site.font_awesome.version }}</a>
+      </p>
+      <p>
+        <a class="btn btn-primary" href="#">
+          <i class="icon-refresh icon-spin"></i> Synchronizing Content...</a>
+      </p>
+    </div>
+    <div class="span9">
+      <p>
+        Font Awesome icons work great in buttons. You can even combine them with larger icon styles,
+        <code>pull-right</code> and <code>pull-left</code>, and <code>icon-spin</code>.
+      </p>
+{% highlight html %}
+<a class="btn" href="#">
+  <i class="icon-repeat"></i> Reload</a>
+<a class="btn btn-success" href="#">
+  <i class="icon-shopping-cart icon-large"></i> Checkout</a>
+<a class="btn btn-large btn-primary" href="#">
+  <i class="icon-comment"></i> Comment</a>
+<a class="btn btn-small btn-info" href="#">
+  <i class="icon-info-sign"></i> Info</a>
+<a class="btn btn-danger" href="#">
+  <i class="icon-trash icon-large"></i> Delete</a>
+<a class="btn btn-small" href="#">
+  <i class="icon-cog"></i> Settings</a>
+<a class="btn btn-large btn-danger" href="#">
+  <i class="icon-flag icon-2x pull-left"></i> Font Awesome<br>Version {{ site.font_awesome.version }}</a>
+<a class="btn btn-primary" href="#">
+  <i class="icon-refresh icon-spin"></i> Synchronizing Content...</a>
+{% endhighlight %}
+    </div>
+  </div>
+</section>

build/_includes/examples/custom.html

@@ -0,0 +1,16 @@
+<section id="custom">
+  <h2 class="page-header">Custom CSS</h2>
+  <div class="row">
+    <div class="span3">
+      <p>Anything you can do with CSS font styles, you can do with Font Awesome.</p>
+    </div>
+    <div class="span9">
+      <p>Star Ratings (inspired by <a href="http://css-tricks.com/star-ratings/" target="_blank">CSS Tricks</a>)</p>
+      <div class="well">
+        <span class="rating">
+          <span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span>
+        </span>
+      </div>
+    </div>
+  </div>
+</section>

build/_includes/examples/form-inputs.html

@@ -0,0 +1,31 @@
+<section id="form-inputs">
+  <h2 class="page-header">Prepended & Appended Form Inputs</h2>
+  <div class="row">
+    <div class="span3">
+      <form>
+        <div class="input-prepend">
+          <span class="add-on"><i class="icon-envelope"></i></span>
+          <input class="span2" type="text" placeholder="Email address">
+        </div>
+        <div class="input-prepend">
+          <span class="add-on"><i class="icon-key"></i></span>
+          <input class="span2" type="password" placeholder="Password">
+        </div>
+      </form>
+    </div>
+    <div class="span9">
+{% highlight html %}
+<form>
+  <div class="input-prepend">
+    <span class="add-on"><i class="icon-envelope"></i></span>
+    <input class="span2" type="text" placeholder="Email address">
+  </div>
+  <div class="input-prepend">
+    <span class="add-on"><i class="icon-key"></i></span>
+    <input class="span2" type="password" placeholder="Password">
+  </div>
+</form>
+{% endhighlight %}
+    </div>
+  </div>
+</section>

build/_includes/examples/inline-icons.html

@@ -0,0 +1,19 @@
+<section id="inline-icons">
+  <h2 class="page-header">Inline Icons</h2>
+  <div class="row">
+    <div class="span3">
+      <p>Place Font Awesome icons just about anywhere with the <code>&lt;i&gt;</code> tag.</p>
+    </div>
+    <div class="span9">
+      <div class="well well-transparent">
+        <div style="font-size: 24px; line-height: 1.5em;">
+          <i class="icon-camera-retro"></i> icon-camera-retro
+        </div>
+      </div>
+{% highlight html %}
+<i class="icon-camera-retro"></i> icon-camera-retro
+{% endhighlight %}
+      <div class="alert alert-info"><i class="icon-info-sign"></i> Icon classes are echoed via CSS :before.</div>
+    </div>
+  </div>
+</section>

build/_includes/examples/larger-icons.html

@@ -0,0 +1,35 @@
+<section id="larger-icons">
+  <h2 class="page-header">Larger Icons</h2>
+  <div class="row">
+    <div class="span3">
+      <p>
+        To increase the size of icons relative to its container, use <code>icon-large</code>, <code>icon-2x</code>,
+        <code>icon-3x</code>, or <code>icon-4x</code>.
+      </p>
+    </div>
+    <div class="span9">
+      <p>
+        Increase the icon size by using the <code>icon-large</code> (33% increase), <code>icon-2x</code>,
+        <code>icon-3x</code>, or <code>icon-4x</code> classes.
+      </p>
+      <div class="well well-transparent">
+        <div style="font-size: 24px; line-height: 1.5em;">
+          <p><i class="icon-camera-retro icon-large"></i> icon-camera-retro</p>
+          <p><i class="icon-camera-retro icon-2x"></i> icon-camera-retro</p>
+          <p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p>
+          <p><i class="icon-camera-retro icon-4x"></i> icon-camera-retro</p>
+        </div>
+      </div>
+{% highlight html %}
+<p><i class="icon-camera-retro icon-large"></i> icon-camera-retro</p>
+<p><i class="icon-camera-retro icon-2x"></i> icon-camera-retro</p>
+<p><i class="icon-camera-retro icon-3x"></i> icon-camera-retro</p>
+<p><i class="icon-camera-retro icon-4x"></i> icon-camera-retro</p>
+{% endhighlight %}
+      <div class="alert alert-info">
+        <i class="icon-info-sign"></i> If your icons are getting chopped off on top and bottom, make sure you have
+        sufficient line-height.
+      </div>
+    </div>
+  </div>
+</section>

build/_includes/examples/navigation.html

@@ -0,0 +1,26 @@
+<section id="navigation">
+  <h2 class="page-header">Navigation</h2>
+  <div class="row">
+    <div class="span3">
+      <div class="well" style="padding: 8px 0;">
+        <ul class="nav nav-list">
+          <li class="active"><a href="#"><i class="icon-home"></i> Home</a></li>
+          <li><a href="#"><i class="icon-book"></i> Library</a></li>
+          <li><a href="#"><i class="icon-pencil"></i> Applications</a></li>
+          <li><a href="#"><i class="icon-cogs"></i> Settings</a></li>
+        </ul>
+      </div>
+    </div>
+    <div class="span9">
+      <p>Use Font Awesome icons in navigation to provide helpful visual cues.</p>
+{% highlight html %}
+<ul class="nav nav-list">
+  <li class="active"><a href="#"><i class="icon-home"></i> Home</a></li>
+  <li><a href="#"><i class="icon-book"></i> Library</a></li>
+  <li><a href="#"><i class="icon-pencil"></i> Applications</a></li>
+  <li><a href="#"><i class="icon-cogs"></i> Settings</a></li>
+</ul>
+{% endhighlight %}
+    </div>
+  </div>
+</section>

build/_includes/examples/new.html

@@ -0,0 +1,47 @@
+<div id="new-styles">
+  <h2 class="page-header">New Styles in {{ site.font_awesome.version }}</h2>
+  <div class="row">
+    <div class="span4">
+      <h4><a href="#rotated-flipped">Rotated and Flipped Icons</a></h4>
+      <div class="well well-transparent">
+        <i class="icon-shield"></i>&nbsp; normal<br>
+        <i class="icon-shield icon-rotate-90"></i>&nbsp; icon-rotate-90<br>
+        <i class="icon-shield icon-rotate-180"></i>&nbsp; icon-rotate-180<br>
+        <i class="icon-shield icon-rotate-270"></i>&nbsp; icon-rotate-270<br>
+        <i class="icon-shield icon-flip-horizontal"></i>&nbsp; icon-flip-horizontal<br>
+        <i class="icon-shield icon-flip-vertical"></i>&nbsp; icon-flip-vertical
+      </div>
+    </div>
+    <div class="span4">
+      <h4><a href="#stacked">Stacked Icons</a></h4>
+      <div class="well well-transparent">
+        <span class="icon-stack">
+          <i class="icon-check-empty icon-stack-base"></i>
+          <i class="icon-twitter"></i>
+        </span>
+        icon-twitter on icon-check-empty<br>
+        <span class="icon-stack">
+          <i class="icon-circle icon-stack-base"></i>
+          <i class="icon-flag icon-light"></i>
+        </span>
+        icon-flag on icon-circle<br>
+        <span class="icon-stack">
+          <i class="icon-sign-blank icon-stack-base"></i>
+          <i class="icon-terminal icon-light"></i>
+        </span>
+        icon-terminal on icon-sign-blank
+      </div>
+    </div>
+    <div class="span4">
+      <h4><a href="#bulleted-lists">Better Bulleted Lists</a></h4>
+      <div class="well well-transparent">
+        <ul class="icons-ul">
+          <li><i class="icon-li icon-chevron-sign-right"></i>New bulleted lists</li>
+          <li><i class="icon-li icon-bullseye"></i>Fix some old bugs</li>
+          <li><i class="icon-li icon-play-sign"></i>And deal with arbitrary</li>
+          <li><i class="icon-li icon-ok-sign"></i>Font sizes better</li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</div>

build/_includes/examples/rotated-flipped.html

@@ -0,0 +1,26 @@
+<section id="rotated-flipped">
+  <h2 class="page-header">Rotated &amp; Flipped</h2>
+  <div class="row">
+    <div class="span3">
+      A set of classes that can be used to arbitrarily rotate and flip icons.
+    </div>
+    <div class="span9">
+      <div class="well well-large well-transparent lead">
+        <i class="icon-shield"></i>&nbsp; normal<br>
+        <i class="icon-shield icon-rotate-90"></i>&nbsp; icon-rotate-90<br>
+        <i class="icon-shield icon-rotate-180"></i>&nbsp; icon-rotate-180<br>
+        <i class="icon-shield icon-rotate-270"></i>&nbsp; icon-rotate-270<br>
+        <i class="icon-shield icon-flip-horizontal"></i>&nbsp; icon-flip-horizontal<br>
+        <i class="icon-shield icon-flip-vertical"></i>&nbsp; icon-flip-vertical
+      </div>
+{% highlight html %}
+<i class="icon-shield"></i>&nbsp; normal<br>
+<i class="icon-shield icon-rotate-90"></i>&nbsp; icon-rotate-90<br>
+<i class="icon-shield icon-rotate-180"></i>&nbsp; icon-rotate-180<br>
+<i class="icon-shield icon-rotate-270"></i>&nbsp; icon-rotate-270<br>
+<i class="icon-shield icon-flip-horizontal"></i>&nbsp; icon-flip-horizontal<br>
+<i class="icon-shield icon-flip-vertical"></i>&nbsp; icon-flip-vertical
+{% endhighlight %}
+    </div>
+  </div>
+</section>

build/_includes/examples/stacked.html

@@ -0,0 +1,45 @@
+<section id="stacked">
+  <h2 class="page-header">Stacked Icons</h2>
+  <div class="row">
+    <div class="span3">
+      A method for easily stacking multiple icons. Use the <code>icon-stack</code> class on the parent and
+      <code>icon-stack-base</code> for the bottom icon.
+    </div>
+    <div class="span9">
+      <div class="well well-large well-transparent lead">
+        <span class="icon-stack">
+          <i class="icon-check-empty icon-stack-base"></i>
+          <i class="icon-twitter"></i>
+        </span>
+        icon-twitter on icon-check-empty<br>
+        <span class="icon-stack">
+          <i class="icon-circle icon-stack-base"></i>
+          <i class="icon-flag icon-light"></i>
+        </span>
+        icon-flag on icon-circle<br>
+        <span class="icon-stack">
+          <i class="icon-sign-blank icon-stack-base"></i>
+          <i class="icon-terminal icon-light"></i>
+        </span>
+        icon-terminal on icon-sign-blank
+      </div>
+{% highlight html %}
+<span class="icon-stack">
+  <i class="icon-check-empty icon-stack-base"></i>
+  <i class="icon-twitter"></i>
+</span>
+icon-twitter on icon-check-empty<br>
+<span class="icon-stack">
+  <i class="icon-circle icon-stack-base"></i>
+  <i class="icon-flag icon-light"></i>
+</span>
+icon-flag on icon-circle<br>
+<span class="icon-stack">
+  <i class="icon-sign-blank icon-stack-base"></i>
+  <i class="icon-terminal icon-light"></i>
+</span>
+icon-terminal on icon-sign-blank
+{% endhighlight %}
+    </div>
+  </div>
+</section>

build/_includes/navbar.html

@@ -7,6 +7,28 @@
         <li{% if page.navbar_active == "get-started" %} class="active"{% endif %}><a href="{{ site.baseurl }}get-started/">Get Started</a></li>
         <li{% if page.navbar_active == "icons" %} class="active"{% endif %}><a href="{{ site.baseurl }}icons/">Icons</a></li>
         <li{% if page.navbar_active == "examples" %} class="active"{% endif %}><a href="{{ site.baseurl }}examples/">Examples</a></li>
+        <li class="dropdown">
+          <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+            <b class="caret"></b>
+          </a>
+          <ul class="dropdown-menu pull-right">
+            <li class="nav-header">Examples</li>
+            <li><a href="{{ site.baseurl }}examples/#new-styles">New Styles</a></li>
+            <li><a href="{{ site.baseurl }}examples/#inline-icons">Inline Icons</a></li>
+            <li><a href="{{ site.baseurl }}examples/#larger-icons">Larger Icons</a></li>
+            <li><a href="{{ site.baseurl }}examples/#bordered-pulled">Bordered & Pulled</a></li>
+            <li><a href="{{ site.baseurl }}examples/#buttons">Buttons</a></li>
+            <li><a href="{{ site.baseurl }}examples/#button-groups">Button Groups</a></li>
+            <li><a href="{{ site.baseurl }}examples/#button-dropdowns">Button Dropdowns</a></li>
+            <li><a href="{{ site.baseurl }}examples/#bulleted-lists">Bulleted Lists</a></li>
+            <li><a href="{{ site.baseurl }}examples/#navigation">Navigation</a></li>
+            <li><a href="{{ site.baseurl }}examples/#form-inputs">Form Inputs</a></li>
+            <li><a href="{{ site.baseurl }}examples/#animated-spinner">Animated Spinner</a></li>
+            <li><a href="{{ site.baseurl }}examples/#rotated-flipped">Rotated &amp; Flipped</a></li>
+            <li><a href="{{ site.baseurl }}examples/#stacked">Stacked</a></li>
+            <li><a href="{{ site.baseurl }}examples/#custom">Custom CSS</a></li>
+          </ul>
+        </li>
         <li{% if page.navbar_active == "whats-new" %} class="active"{% endif %}><a href="{{ site.baseurl }}whats-new/">What's New</a></li>
         <li{% if page.navbar_active == "contribute" %} class="active"{% endif %}><a href="{{ site.baseurl }}contribute/">Contribute</a></li>
         <li{% if page.navbar_active == "license" %} class="active"{% endif %}><a href="{{ site.baseurl }}license/">License</a></li>

build/assets/css/site.css

@@ -588,11 +588,11 @@ a.text-error:focus {
   color: #721c15;
 }
 .text-info {
-  color: #005f9b;
+  color: #007dbc;
 }
 a.text-info:hover,
 a.text-info:focus {
-  color: #004068;
+  color: #005b89;
 }
 .text-success {
   color: #5c7f41;
@@ -1337,19 +1337,19 @@ input[type="checkbox"][readonly] {
 .control-group.info .control-label,
 .control-group.info .help-block,
 .control-group.info .help-inline {
-  color: #005f9b;
+  color: #007dbc;
 }
 .control-group.info .checkbox,
 .control-group.info .radio,
 .control-group.info input,
 .control-group.info select,
 .control-group.info textarea {
-  color: #005f9b;
+  color: #007dbc;
 }
 .control-group.info input,
 .control-group.info select,
 .control-group.info textarea {
-  border-color: #005f9b;
+  border-color: #007dbc;
   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
@@ -1357,16 +1357,16 @@ input[type="checkbox"][readonly] {
 .control-group.info input:focus,
 .control-group.info select:focus,
 .control-group.info textarea:focus {
-  border-color: #004068;
-  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #029dff;
-  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #029dff;
-  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #029dff;
+  border-color: #005b89;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #23b5ff;
+  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #23b5ff;
+  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #23b5ff;
 }
 .control-group.info .input-prepend .add-on,
 .control-group.info .input-append .add-on {
-  color: #005f9b;
+  color: #007dbc;
   background-color: #f0f9ff;
-  border-color: #005f9b;
+  border-color: #007dbc;
 }
 input:focus:invalid,
 textarea:focus:invalid,
@@ -3326,10 +3326,10 @@ input[type="submit"].btn.btn-mini {
 .alert-info {
   background-color: #f0f9ff;
   border-color: #ccf3ff;
-  color: #005f9b;
+  color: #007dbc;
 }
 .alert-info h4 {
-  color: #005f9b;
+  color: #007dbc;
 }
 .alert-block {
   padding-top: 14px;
@@ -4850,11 +4850,11 @@ a.badge:focus {
 }
 .label-info,
 .badge-info {
-  background-color: #005f9b;
+  background-color: #007dbc;
 }
 .label-info[href],
 .badge-info[href] {
-  background-color: #004068;
+  background-color: #005b89;
 }
 .label-inverse,
 .badge-inverse {
@@ -5785,181 +5785,30 @@ section {
   text-align: center;
   margin-right: 5px;
 }
-#examples .btn-toolbar {
-  margin-top: 0;
-  margin-bottom: 20px;
-}
-#integration .row {
-  margin-bottom: 40px;
-}
-#examples form,
-#code form {
-  margin-bottom: 25px;
-}
-#examples form input,
-#code form input {
-  line-height: 1;
-}
-#examples .rating,
-#code .rating {
+.rating {
   unicode-bidi: bidi-override;
   direction: rtl;
   font-size: 30px;
 }
-#examples .rating span.star,
-#code .rating span.star {
+.rating span.star {
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
   display: inline-block;
 }
-#examples .rating span.star:hover,
-#code .rating span.star:hover {
+.rating span.star:hover {
   cursor: pointer;
 }
-#examples .rating span.star:before,
-#code .rating span.star:before {
+.rating span.star:before {
   content: "\f006";
   padding-right: 5px;
   color: #999999;
 }
-#examples .rating span.star:hover:before,
-#code .rating span.star:hover:before,
-#examples .rating span.star:hover ~ span.star:before,
-#code .rating span.star:hover ~ span.star:before {
+.rating span.star:hover:before,
+.rating span.star:hover ~ span.star:before {
   content: "\f005";
   color: #e3cf7a;
 }
-#kyruus {
-  color: #555555;
-  font-size: 18px;
-}
-#kyruus,
-#kyruus li {
-  line-height: 25px;
-}
-#kyruus p {
-  margin-bottom: 22px;
-}
-#kyruus p strong {
-  color: #222222;
-}
-#kyruus ul {
-  margin-top: 5px;
-  margin-bottom: 22px;
-}
-#kyruus ul li {
-  margin-top: 10px;
-}
-#kyruus ul i {
-  margin-top: 5px;
-  color: #007dbc;
-}
-#kyruus .border {
-  border: solid 10px #eeeeee;
-  padding: 1em 1.5em;
-  margin-left: .2em;
-  -webkit-border-radius: 10px;
-  -moz-border-radius: 10px;
-  border-radius: 10px;
-}
-#kyruus .border .icon-medkit {
-  font-size: 224px;
-}
-#kyruus .border a:hover .icon-medkit {
-  text-decoration: none;
-}
-#kyruus a {
-  font-weight: bold;
-  color: #007dbc;
-}
-#kyruus a:hover {
-  color: #005f9b;
-}
-.modal {
-  width: 560px;
-  max-height: 610px;
-}
-.modal .modal-body {
-  *overflow: hidden;
-  max-height: none;
-  padding-bottom: 0;
-}
-.modal .modal-body .row {
-  margin-bottom: 15px;
-}
-.modal .modal-body div.thumbnail {
-  text-align: center;
-}
-.modal .modal-body div.thumbnail div {
-  margin: 8px;
-}
-.modal .modal-body .icon6 {
-  width: 330px;
-}
-.modal .modal-body .icon6 > div.thumbnail > div {
-  line-height: 308px;
-  height: 294px;
-  text-align: center;
-}
-.modal .modal-body .icon6 > div.thumbnail > div i {
-  font-size: 280px;
-}
-.modal .modal-body .icon5 {
-  width: 180px;
-}
-.modal .modal-body .icon5 > div.thumbnail > div {
-  line-height: 154px;
-  height: 147px;
-  text-align: center;
-}
-.modal .modal-body .icon5 > div.thumbnail > div i {
-  font-size: 140px;
-}
-.modal .modal-body .icon4 {
-  width: 215px;
-}
-.modal .modal-body .icon4 > div.thumbnail > div {
-  line-height: 123.20000000000002px;
-  height: 117.60000000000001px;
-  text-align: center;
-}
-.modal .modal-body .icon4 > div.thumbnail > div i {
-  font-size: 112px;
-}
-.modal .modal-body .icon3 {
-  width: 120px;
-}
-.modal .modal-body .icon3 > div.thumbnail > div {
-  line-height: 61.60000000000001px;
-  height: 58.800000000000004px;
-  text-align: center;
-}
-.modal .modal-body .icon3 > div.thumbnail > div i {
-  font-size: 56px;
-}
-.modal .modal-body .icon2 {
-  width: 75px;
-}
-.modal .modal-body .icon2 > div.thumbnail > div {
-  line-height: 30.800000000000004px;
-  height: 29.400000000000002px;
-  text-align: center;
-}
-.modal .modal-body .icon2 > div.thumbnail > div i {
-  font-size: 28px;
-}
-.modal .modal-body .icon1 {
-  width: 60px;
-}
-.modal .modal-body .icon1 > div.thumbnail > div {
-  line-height: 15.400000000000002px;
-  height: 14.700000000000001px;
-  text-align: center;
-}
-.modal .modal-body .icon1 > div.thumbnail > div i {
-  font-size: 14px;
-}
 .label,
 .badge {
   background-color: #eeeeee;

build/assets/font-awesome/css/font-awesome.css

@@ -76,7 +76,6 @@ ul.icons-ul {
   text-indent: -0.7142857142857143em;
   margin-left: 2.142857142857143em;
 }
-ul.icons-ul > li [class^="icon-"],
 ul.icons-ul > li .icon-li {
   width: 0.7142857142857143em;
 }

build/assets/font-awesome/less/core.less

@@ -51,7 +51,6 @@ ul.icons-ul {
   margin-left: 30/14em;
 
   > li {
-    [class^="icon-"],
     .icon-li {
       width: 10/14em;
     }

build/assets/less/site.less

@@ -281,127 +281,32 @@ section {
 }
 
 
-#examples {
-  .btn-toolbar {
-    margin-top: 0;
-    margin-bottom: 20px;
-  }
-}
-
-#integration {
-  .row { margin-bottom: 40px; }
-}
+.rating {
+  unicode-bidi: bidi-override;
+  direction: rtl;
 
-#examples, #code {
-  form {
-    margin-bottom: 25px;
-    input {
-      line-height: 1; // fixes a safari placeholder alignment issue
+  font-size: 30px;
+  span.star {
+    font-family: FontAwesome;
+    font-weight: normal;
+    font-style: normal;
+    display: inline-block;
+    &:hover {
+      cursor: pointer;
     }
   }
-
-  .rating {
-    unicode-bidi: bidi-override;
-    direction: rtl;
-
-    font-size: 30px;
-    span.star {
-      font-family: FontAwesome;
-      font-weight: normal;
-      font-style: normal;
-      display: inline-block;
-      &:hover {
-        cursor: pointer;
-      }
-    }
-    span.star:before {
-      content: "\f006"; // empty star
-      padding-right: 5px;
-      color: @grayLight;
-    }
-
-    span.star:hover:before, span.star:hover ~ span.star:before {
-      content: "\f005"; // solid star
-      color: #e3cf7a;
-    }
+  span.star:before {
+    content: "\f006"; // empty star
+    padding-right: 5px;
+    color: @grayLight;
   }
-}
 
-#kyruus {
-  color: @gray;
-  font-size: 18px;
-  &, li { line-height: 25px; }
-  p {
-    margin-bottom: 22px;
-    strong { color: @grayDarker; }
-  }
-  ul {
-    margin-top: 5px;
-    margin-bottom: 22px;
-    li { margin-top: 10px; }
-    i {
-      margin-top: 5px;
-//      margin-right: .4em;
-//      color: mix(@grayLight, @grayLighter, 50%);
-      color: mix(@blue, @blueDark, 50%);
-    }
-  }
-  .border {
-    .icon-medkit { font-size: 224px; }
-    border: solid 10px @grayLighter;
-    padding: 1em 1.5em;
-    margin-left: .2em;
-    .border-radius(10px);
-    a:hover .icon-medkit { text-decoration: none; }
-//    a:hover i { text-decoration: underline; }
-  }
-  a {
-    font-weight: bold;
-    color: mix(@blue, @blueDark, 50%);
-    &:hover {
-      color: @blueDark;
-    }
+  span.star:hover:before, span.star:hover ~ span.star:before {
+    content: "\f005"; // solid star
+    color: #e3cf7a;
   }
 }
 
-.modal {
-  width: 560px;
-  max-height: 610px;
-  .modal-body {
-    *overflow: hidden; // ie7 fix
-    max-height: none;
-    padding-bottom: 0;
-    .row { margin-bottom: 15px; }
-    div.thumbnail {
-      text-align: center;
-      div { margin: 8px; }
-    }
-    .icon6 {
-      width: 330px;
-      > div.thumbnail > div { .icon-size(280px); }
-    }
-    .icon5 {
-      width: 180px;
-      > div.thumbnail > div { .icon-size(140px); }
-    }
-    .icon4 {
-      width: 215px;
-      > div.thumbnail > div { .icon-size(112px); }
-    }
-    .icon3 {
-      width: 120px;
-      > div.thumbnail > div { .icon-size(56px); }
-    }
-    .icon2 {
-      width: 75px;
-      > div.thumbnail > div { .icon-size(28px); }
-    }
-    .icon1 {
-      width: 60px;
-      > div.thumbnail > div { .icon-size(14px); }
-    }
-  }
-}
 
 .label,
 .badge {

build/assets/less/variables.less

@@ -284,7 +284,7 @@
 @successBackground:       @greenLighter;
 @successBorder:           darken(spin(@successBackground, -10), 13%);
 
-@infoText:                @blueDark;
+@infoText:                mix(@blueDark, @blue, 50%);
 @infoBackground:          @blueLighter;
 @infoBorder:              darken(spin(@infoBackground, -10), 7%);
 

css/font-awesome.css

@@ -1,540 +0,0 @@
-/*!
- *  Font Awesome 3.0.2
- *  the iconic font designed for use with Twitter Bootstrap
- *  -------------------------------------------------------
- *  The full suite of pictographic icons, examples, and documentation
- *  can be found at: http://fortawesome.github.com/Font-Awesome/
- *
- *  License
- *  -------------------------------------------------------
- *  - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL
- *  - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
- *    http://opensource.org/licenses/mit-license.html
- *  - The Font Awesome pictograms are licensed under the CC BY 3.0 License - 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://fortawesome.github.com/Font-Awesome"
-
- *  Contact
- *  -------------------------------------------------------
- *  Email: dave@davegandy.com
- *  Twitter: http://twitter.com/fortaweso_me
- *  Work: Lead Product Designer @ http://kyruus.com
- */
-@font-face {
-  font-family: 'FontAwesome';
-  src: url('../font/fontawesome-webfont.eot?v=3.0.1');
-  src: url('../font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
-    url('../font/fontawesome-webfont.woff?v=3.0.1') format('woff'),
-    url('../font/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
-  font-weight: normal;
-  font-style: normal;
-}
-/*  Font Awesome styles
-    ------------------------------------------------------- */
-[class^="icon-"],
-[class*=" icon-"] {
-  font-family: FontAwesome;
-  font-weight: normal;
-  font-style: normal;
-  text-decoration: inherit;
-  -webkit-font-smoothing: antialiased;
-
-  /* sprites.less reset */
-  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;
-}
-[class^="icon-"]:before,
-[class*=" icon-"]:before {
-  text-decoration: inherit;
-  display: inline-block;
-  speak: none;
-}
-/* makes sure icons active on rollover in links */
-a [class^="icon-"],
-a [class*=" icon-"] {
-  display: inline-block;
-}
-/* makes the font 33% larger relative to the icon container */
-.icon-large:before {
-  vertical-align: -10%;
-  font-size: 1.3333333333333333em;
-}
-.btn [class^="icon-"],
-.nav [class^="icon-"],
-.btn [class*=" icon-"],
-.nav [class*=" icon-"] {
-  display: inline;
-  /* keeps button heights 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-"] {
-  /* keeps button heights with and without icons the same */
-
-}
-.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;
-}
-li [class^="icon-"],
-.nav li [class^="icon-"],
-li [class*=" icon-"],
-.nav li [class*=" icon-"] {
-  display: inline-block;
-  width: 1.25em;
-  text-align: center;
-}
-li [class^="icon-"].icon-large,
-.nav li [class^="icon-"].icon-large,
-li [class*=" icon-"].icon-large,
-.nav li [class*=" icon-"].icon-large {
-  /* increased font size for icon-large */
-
-  width: 1.5625em;
-}
-ul.icons {
-  list-style-type: none;
-  text-indent: -0.75em;
-}
-ul.icons li [class^="icon-"],
-ul.icons li [class*=" icon-"] {
-  width: .75em;
-}
-.icon-muted {
-  color: #eeeeee;
-}
-.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;
-}
-.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;
-}
-.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;
-}
-.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;
-}
-@-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); }
-}
-@-moz-document url-prefix() {
-  .icon-spin {
-    height: .9em;
-  }
-  .btn .icon-spin {
-    height: auto;
-  }
-  .icon-spin.icon-large {
-    height: 1.25em;
-  }
-  .btn .icon-spin.icon-large {
-    height: .75em;
-  }
-}
-/*  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: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-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: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-repeat:before               { content: "\f01e"; }
-
-/* \f020 doesn't work in Safari. all shifted one down */
-.icon-refresh:before              { content: "\f021"; }
-.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: "\f032"; }
-.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-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:before            { content: "\f087"; }
-.icon-thumbs-down: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-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: "\f0c2"; }
-.icon-beaker:before               { content: "\f0c3"; }
-.icon-cut:before                  { content: "\f0c4"; }
-.icon-copy:before                 { content: "\f0c5"; }
-.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-alt:before         { content: "\f0e0"; }
-.icon-linkedin:before             { content: "\f0e1"; }
-.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-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-reply:before                { content: "\f112"; }
-.icon-github-alt:before           { content: "\f113"; }
-.icon-folder-close-alt:before     { content: "\f114"; }
-.icon-folder-open-alt:before      { content: "\f115"; }

less/font-awesome-ie7.less

@@ -1,350 +0,0 @@
-/*!
- *  Font Awesome 3.0.2
- *  the iconic font designed for use with Twitter Bootstrap
- *  -------------------------------------------------------
- *  The full suite of pictographic icons, examples, and documentation
- *  can be found at: http://fortawesome.github.com/Font-Awesome/
- *
- *  License
- *  -------------------------------------------------------
- *  - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL
- *  - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
- *    http://opensource.org/licenses/mit-license.html
- *  - The Font Awesome pictograms are licensed under the CC BY 3.0 License - 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://fortawesome.github.com/Font-Awesome"
-
- *  Contact
- *  -------------------------------------------------------
- *  Email: dave@davegandy.com
- *  Twitter: http://twitter.com/fortaweso_me
- *  Work: Lead Product Designer @ http://kyruus.com
- */
-
-.icon-large {
-  font-size: 4/3em;
-  margin-top: -4px;
-  padding-top: 3px;
-  margin-bottom: -4px;
-  padding-bottom: 3px;
-  vertical-align: middle;
-}
-
-.nav {
-  [class^="icon-"],
-  [class*=" icon-"] {
-    vertical-align: inherit;
-    margin-top: -4px;
-    padding-top: 3px;
-    margin-bottom: -4px;
-    padding-bottom: 3px;
-    &.icon-large {
-      vertical-align: -25%;
-    }
-  }
-}
-
-.nav-pills, .nav-tabs {
-  [class^="icon-"],
-  [class*=" icon-"] {
-    &.icon-large {
-      line-height: .75em;
-      margin-top: -7px;
-      padding-top: 5px;
-      margin-bottom: -5px;
-      padding-bottom: 4px;
-    }
-  }
-}
-
-.btn {
-  [class^="icon-"],
-  [class*=" icon-"] {
-    &.pull-left, &.pull-right { vertical-align: inherit; }
-    &.icon-large {
-      margin-top: -.5em;
-    }
-  }
-}
-
-a [class^="icon-"],
-a [class*=" icon-"] {
-  cursor: pointer;
-}
-
-ul.icons {
-  text-indent: -1.5em;
-  margin-left: 3em;
-}
-
-
-.ie7icon(@inner) {
-  *zoom: ~"expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '@{inner}')";
-}
-
-.icon-glass                { .ie7icon(''); }
-.icon-music                { .ie7icon(''); }
-.icon-search               { .ie7icon(''); }
-.icon-envelope             { .ie7icon(''); }
-.icon-heart                { .ie7icon(''); }
-.icon-star                 { .ie7icon(''); }
-.icon-star-empty           { .ie7icon(''); }
-.icon-user                 { .ie7icon(''); }
-.icon-film                 { .ie7icon(''); }
-.icon-th-large             { .ie7icon(''); }
-.icon-th                   { .ie7icon(''); }
-.icon-th-list              { .ie7icon(''); }
-.icon-ok                   { .ie7icon(''); }
-.icon-remove               { .ie7icon(''); }
-.icon-zoom-in              { .ie7icon(''); }
-
-.icon-zoom-out             { .ie7icon(''); }
-.icon-off                  { .ie7icon(''); }
-.icon-signal               { .ie7icon(''); }
-.icon-cog                  { .ie7icon(''); }
-.icon-trash                { .ie7icon(''); }
-.icon-home                 { .ie7icon(''); }
-.icon-file                 { .ie7icon(''); }
-.icon-time                 { .ie7icon(''); }
-.icon-road                 { .ie7icon(''); }
-.icon-download-alt         { .ie7icon(''); }
-.icon-download             { .ie7icon(''); }
-.icon-upload               { .ie7icon(''); }
-.icon-inbox                { .ie7icon(''); }
-.icon-play-circle          { .ie7icon(''); }
-.icon-repeat               { .ie7icon(''); }
-
-.icon-refresh              { .ie7icon(''); }
-.icon-list-alt             { .ie7icon(''); }
-.icon-lock                 { .ie7icon(''); }
-.icon-flag                 { .ie7icon(''); }
-.icon-headphones           { .ie7icon(''); }
-.icon-volume-off           { .ie7icon(''); }
-.icon-volume-down          { .ie7icon(''); }
-.icon-volume-up            { .ie7icon(''); }
-.icon-qrcode               { .ie7icon(''); }
-.icon-barcode              { .ie7icon(''); }
-.icon-tag                  { .ie7icon(''); }
-.icon-tags                 { .ie7icon(''); }
-.icon-book                 { .ie7icon(''); }
-.icon-bookmark             { .ie7icon(''); }
-.icon-print                { .ie7icon(''); }
-
-.icon-camera               { .ie7icon(''); }
-.icon-font                 { .ie7icon(''); }
-.icon-bold                 { .ie7icon(''); }
-.icon-italic               { .ie7icon(''); }
-.icon-text-height          { .ie7icon(''); }
-.icon-text-width           { .ie7icon(''); }
-.icon-align-left           { .ie7icon(''); }
-.icon-align-center         { .ie7icon(''); }
-.icon-align-right          { .ie7icon(''); }
-.icon-align-justify        { .ie7icon(''); }
-.icon-list                 { .ie7icon(''); }
-.icon-indent-left          { .ie7icon(''); }
-.icon-indent-right         { .ie7icon(''); }
-.icon-facetime-video       { .ie7icon(''); }
-.icon-picture              { .ie7icon(''); }
-
-.icon-pencil               { .ie7icon(''); }
-.icon-map-marker           { .ie7icon(''); }
-.icon-adjust               { .ie7icon(''); }
-.icon-tint                 { .ie7icon(''); }
-.icon-edit                 { .ie7icon(''); }
-.icon-share                { .ie7icon(''); }
-.icon-check                { .ie7icon(''); }
-.icon-move                 { .ie7icon(''); }
-.icon-step-backward        { .ie7icon(''); }
-.icon-fast-backward        { .ie7icon(''); }
-.icon-backward             { .ie7icon(''); }
-.icon-play                 { .ie7icon(''); }
-.icon-pause                { .ie7icon(''); }
-.icon-stop                 { .ie7icon(''); }
-.icon-forward              { .ie7icon(''); }
-
-.icon-fast-forward         { .ie7icon(''); }
-.icon-step-forward         { .ie7icon(''); }
-.icon-eject                { .ie7icon(''); }
-.icon-chevron-left         { .ie7icon(''); }
-.icon-chevron-right        { .ie7icon(''); }
-.icon-plus-sign            { .ie7icon(''); }
-.icon-minus-sign           { .ie7icon(''); }
-.icon-remove-sign          { .ie7icon(''); }
-.icon-ok-sign              { .ie7icon(''); }
-.icon-question-sign        { .ie7icon(''); }
-.icon-info-sign            { .ie7icon(''); }
-.icon-screenshot           { .ie7icon(''); }
-.icon-remove-circle        { .ie7icon(''); }
-.icon-ok-circle            { .ie7icon(''); }
-.icon-ban-circle           { .ie7icon(''); }
-
-.icon-arrow-left           { .ie7icon(''); }
-.icon-arrow-right          { .ie7icon(''); }
-.icon-arrow-up             { .ie7icon(''); }
-.icon-arrow-down           { .ie7icon(''); }
-.icon-share-alt            { .ie7icon(''); }
-.icon-resize-full          { .ie7icon(''); }
-.icon-resize-small         { .ie7icon(''); }
-.icon-plus                 { .ie7icon(''); }
-.icon-minus                { .ie7icon(''); }
-.icon-asterisk             { .ie7icon(''); }
-.icon-exclamation-sign     { .ie7icon(''); }
-.icon-gift                 { .ie7icon(''); }
-.icon-leaf                 { .ie7icon(''); }
-.icon-fire                 { .ie7icon(''); }
-.icon-eye-open             { .ie7icon(''); }
-
-.icon-eye-close            { .ie7icon(''); }
-.icon-warning-sign         { .ie7icon(''); }
-.icon-plane                { .ie7icon(''); }
-.icon-calendar             { .ie7icon(''); }
-.icon-random               { .ie7icon(''); }
-.icon-comment              { .ie7icon(''); }
-.icon-magnet               { .ie7icon(''); }
-.icon-chevron-up           { .ie7icon(''); }
-.icon-chevron-down         { .ie7icon(''); }
-.icon-retweet              { .ie7icon(''); }
-.icon-shopping-cart        { .ie7icon(''); }
-.icon-folder-close         { .ie7icon(''); }
-.icon-folder-open          { .ie7icon(''); }
-.icon-resize-vertical      { .ie7icon(''); }
-.icon-resize-horizontal    { .ie7icon(''); }
-
-.icon-bar-chart            { .ie7icon(''); }
-.icon-twitter-sign         { .ie7icon(''); }
-.icon-facebook-sign        { .ie7icon(''); }
-.icon-camera-retro         { .ie7icon(''); }
-.icon-key                  { .ie7icon(''); }
-.icon-cogs                 { .ie7icon(''); }
-.icon-comments             { .ie7icon(''); }
-.icon-thumbs-up            { .ie7icon(''); }
-.icon-thumbs-down          { .ie7icon(''); }
-.icon-star-half            { .ie7icon(''); }
-.icon-heart-empty          { .ie7icon(''); }
-.icon-signout              { .ie7icon(''); }
-.icon-linkedin-sign        { .ie7icon(''); }
-.icon-pushpin              { .ie7icon(''); }
-.icon-external-link        { .ie7icon(''); }
-
-.icon-signin               { .ie7icon(''); }
-.icon-trophy               { .ie7icon(''); }
-.icon-github-sign          { .ie7icon(''); }
-.icon-upload-alt           { .ie7icon(''); }
-.icon-lemon                { .ie7icon(''); }
-.icon-phone                { .ie7icon(''); }
-.icon-check-empty          { .ie7icon(''); }
-.icon-bookmark-empty       { .ie7icon(''); }
-.icon-phone-sign           { .ie7icon(''); }
-.icon-twitter              { .ie7icon(''); }
-.icon-facebook             { .ie7icon(''); }
-.icon-github               { .ie7icon(''); }
-.icon-unlock               { .ie7icon(''); }
-.icon-credit-card          { .ie7icon(''); }
-.icon-rss                  { .ie7icon(''); }
-
-.icon-hdd                  { .ie7icon(''); }
-.icon-bullhorn             { .ie7icon(''); }
-.icon-bell                 { .ie7icon(''); }
-.icon-certificate          { .ie7icon(''); }
-.icon-hand-right           { .ie7icon(''); }
-.icon-hand-left            { .ie7icon(''); }
-.icon-hand-up              { .ie7icon(''); }
-.icon-hand-down            { .ie7icon(''); }
-.icon-circle-arrow-left    { .ie7icon(''); }
-.icon-circle-arrow-right   { .ie7icon(''); }
-.icon-circle-arrow-up      { .ie7icon(''); }
-.icon-circle-arrow-down    { .ie7icon(''); }
-.icon-globe                { .ie7icon(''); }
-.icon-wrench               { .ie7icon(''); }
-.icon-tasks                { .ie7icon(''); }
-
-.icon-filter               { .ie7icon(''); }
-.icon-briefcase            { .ie7icon(''); }
-.icon-fullscreen           { .ie7icon(''); }
-
-.icon-group                { .ie7icon(''); }
-.icon-link                 { .ie7icon(''); }
-.icon-cloud                { .ie7icon(''); }
-.icon-beaker               { .ie7icon(''); }
-.icon-cut                  { .ie7icon(''); }
-.icon-copy                 { .ie7icon(''); }
-.icon-paper-clip           { .ie7icon(''); }
-.icon-save                 { .ie7icon(''); }
-.icon-sign-blank           { .ie7icon(''); }
-.icon-reorder              { .ie7icon(''); }
-.icon-list-ul              { .ie7icon(''); }
-.icon-list-ol              { .ie7icon(''); }
-.icon-strikethrough        { .ie7icon(''); }
-.icon-underline            { .ie7icon(''); }
-.icon-table                { .ie7icon(''); }
-
-.icon-magic                { .ie7icon(''); }
-.icon-truck                { .ie7icon(''); }
-.icon-pinterest            { .ie7icon(''); }
-.icon-pinterest-sign       { .ie7icon(''); }
-.icon-google-plus-sign     { .ie7icon(''); }
-.icon-google-plus          { .ie7icon(''); }
-.icon-money                { .ie7icon(''); }
-.icon-caret-down           { .ie7icon(''); }
-.icon-caret-up             { .ie7icon(''); }
-.icon-caret-left           { .ie7icon(''); }
-.icon-caret-right          { .ie7icon(''); }
-.icon-columns              { .ie7icon(''); }
-.icon-sort                 { .ie7icon(''); }
-.icon-sort-down            { .ie7icon(''); }
-.icon-sort-up              { .ie7icon(''); }
-
-.icon-envelope-alt         { .ie7icon(''); }
-.icon-linkedin             { .ie7icon(''); }
-.icon-undo                 { .ie7icon(''); }
-.icon-legal                { .ie7icon(''); }
-.icon-dashboard            { .ie7icon(''); }
-.icon-comment-alt          { .ie7icon(''); }
-.icon-comments-alt         { .ie7icon(''); }
-.icon-bolt                 { .ie7icon(''); }
-.icon-sitemap              { .ie7icon(''); }
-.icon-umbrella             { .ie7icon(''); }
-.icon-paste                { .ie7icon(''); }
-.icon-lightbulb            { .ie7icon(''); }
-.icon-exchange             { .ie7icon(''); }
-.icon-cloud-download       { .ie7icon(''); }
-.icon-cloud-upload         { .ie7icon(''); }
-
-.icon-user-md              { .ie7icon(''); }
-.icon-stethoscope          { .ie7icon(''); }
-.icon-suitcase             { .ie7icon(''); }
-.icon-bell-alt             { .ie7icon(''); }
-.icon-coffee               { .ie7icon(''); }
-.icon-food                 { .ie7icon(''); }
-.icon-file-alt             { .ie7icon(''); }
-.icon-building             { .ie7icon(''); }
-.icon-hospital             { .ie7icon(''); }
-.icon-ambulance            { .ie7icon(''); }
-.icon-medkit               { .ie7icon(''); }
-.icon-fighter-jet          { .ie7icon(''); }
-.icon-beer                 { .ie7icon(''); }
-.icon-h-sign               { .ie7icon(''); }
-.icon-plus-sign-alt        { .ie7icon(''); }
-
-.icon-double-angle-left    { .ie7icon(''); }
-.icon-double-angle-right   { .ie7icon(''); }
-.icon-double-angle-up      { .ie7icon(''); }
-.icon-double-angle-down    { .ie7icon(''); }
-.icon-angle-left           { .ie7icon(''); }
-.icon-angle-right          { .ie7icon(''); }
-.icon-angle-up             { .ie7icon(''); }
-.icon-angle-down           { .ie7icon(''); }
-.icon-desktop              { .ie7icon(''); }
-.icon-laptop               { .ie7icon(''); }
-.icon-tablet               { .ie7icon(''); }
-.icon-mobile-phone         { .ie7icon(''); }
-.icon-circle-blank         { .ie7icon(''); }
-.icon-quote-left           { .ie7icon(''); }
-.icon-quote-right          { .ie7icon(''); }
-
-.icon-spinner              { .ie7icon(''); }
-.icon-circle               { .ie7icon(''); }
-.icon-reply                { .ie7icon(''); }
-.icon-github-alt           { .ie7icon(''); }
-.icon-folder-close-alt     { .ie7icon(''); }
-.icon-folder-open-alt      { .ie7icon(''); }

less/font-awesome.less

@@ -1,537 +0,0 @@
-/*!
- *  Font Awesome 3.0.2
- *  the iconic font designed for use with Twitter Bootstrap
- *  -------------------------------------------------------
- *  The full suite of pictographic icons, examples, and documentation
- *  can be found at: http://fortawesome.github.com/Font-Awesome/
- *
- *  License
- *  -------------------------------------------------------
- *  - The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL
- *  - Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
- *    http://opensource.org/licenses/mit-license.html
- *  - The Font Awesome pictograms are licensed under the CC BY 3.0 License - 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://fortawesome.github.com/Font-Awesome"
-
- *  Contact
- *  -------------------------------------------------------
- *  Email: dave@davegandy.com
- *  Twitter: http://twitter.com/fortaweso_me
- *  Work: Lead Product Designer @ http://kyruus.com
- */
-
-@FontAwesomePath:   "../font";
-@borderColor:       #eee;
-@iconMuted:         #eee;
-.border-radius(@radius) { -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius; }
-
-@font-face {
-  font-family: 'FontAwesome';
-  src: url('@{FontAwesomePath}/fontawesome-webfont.eot?v=3.0.1');
-  src: url('@{FontAwesomePath}/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
-    url('@{FontAwesomePath}/fontawesome-webfont.woff?v=3.0.1') format('woff'),
-    url('@{FontAwesomePath}/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
-//    url('@{FontAwesomePath}/fontawesome-webfont.svg#fontawesomeregular?v=3.0.1') format('svg');
-
-//  src: url('@{FontAwesomePath}/FontAwesome.otf') format('opentype');
-
-  font-weight: normal;
-  font-style: normal;
-}
-
-/*  Font Awesome styles
-    ------------------------------------------------------- */
-[class^="icon-"],
-[class*=" icon-"] {
-  font-family: FontAwesome;
-  font-weight: normal;
-  font-style: normal;
-  text-decoration: inherit;
-  -webkit-font-smoothing: antialiased;
-
-/* sprites.less reset */
-  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;
-}
-
-[class^="icon-"]:before,
-[class*=" icon-"]:before {
-  text-decoration: inherit;
-  display: inline-block;
-  speak: none;
-}
-
-/* makes sure icons active on rollover in links */
-a {
-  [class^="icon-"],
-  [class*=" icon-"] {
-    display: inline-block;
-  }
-}
-
-/* makes the font 33% larger relative to the icon container */
-.icon-large:before {
-  vertical-align: -10%;
-  font-size: 4/3em;
-}
-
-.btn, .nav {
-  [class^="icon-"],
-  [class*=" icon-"] {
-    display: inline;
-    /* keeps button heights with and without icons the same */
-    &.icon-large { line-height: .9em; }
-    &.icon-spin { display: inline-block; }
-  }
-}
-
-.nav-tabs, .nav-pills {
-  [class^="icon-"],
-  [class*=" icon-"] {
-  /* keeps button heights with and without icons the same */
-    &, &.icon-large { line-height: .9em; }
-  }
-}
-
-li, .nav li {
-  [class^="icon-"],
-  [class*=" icon-"] {
-    display: inline-block;
-    width: 1.25em;
-    text-align: center;
-    &.icon-large {
-      /* increased font size for icon-large */
-      width: 1.25*1.25em;
-    }
-  }
-}
-
-ul.icons {
-  list-style-type: none;
-  text-indent: -.75em;
-
-  li {
-    [class^="icon-"],
-    [class*=" icon-"] {
-      width: .75em;
-    }
-  }
-}
-
-.icon-muted {
-  color: @iconMuted;
-}
-
-// Icon Borders
-// -------------------------
-
-.icon-border {
-  border: solid 1px @borderColor;
-  padding: .2em .25em .15em;
-  .border-radius(3px);
-}
-
-// Icon Sizes
-// -------------------------
-
-.icon-2x {
-  font-size: 2em;
-  &.icon-border {
-    border-width: 2px;
-    .border-radius(4px);
-  }
-}
-.icon-3x {
-  font-size: 3em;
-  &.icon-border {
-    border-width: 3px;
-    .border-radius(5px);
-  }
-}
-.icon-4x {
-  font-size: 4em;
-  &.icon-border {
-    border-width: 4px;
-    .border-radius(6px);
-  }
-}
-
-// Floats
-// -------------------------
-
-// Quick floats
-.pull-right { float: right; }
-.pull-left { float: left; }
-
-[class^="icon-"],
-[class*=" icon-"] {
-  &.pull-left {
-    margin-right: .3em;
-  }
-  &.pull-right {
-    margin-left: .3em;
-  }
-}
-
-.btn {
-  [class^="icon-"],
-  [class*=" icon-"] {
-    &.pull-left, &.pull-right {
-      &.icon-2x { margin-top: .18em; }
-    }
-    &.icon-spin.icon-large { line-height: .8em; }
-  }
-}
-
-.btn.btn-small {
-  [class^="icon-"],
-  [class*=" icon-"] {
-    &.pull-left, &.pull-right {
-      &.icon-2x { margin-top: .25em; }
-    }
-  }
-}
-
-.btn.btn-large {
-  [class^="icon-"],
-  [class*=" icon-"] {
-    margin-top: 0; // overrides bootstrap default
-    &.pull-left, &.pull-right {
-      &.icon-2x { margin-top: .05em; }
-    }
-    &.pull-left.icon-2x { margin-right: .2em; }
-    &.pull-right.icon-2x { margin-left: .2em; }
-  }
-}
-
-
-.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;
-}
-
-@-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); }
-}
-
-@-moz-document url-prefix() {
-  .icon-spin { height: .9em; }
-  .btn .icon-spin { height: auto; }
-  .icon-spin.icon-large { height: 1.25em; }
-  .btn .icon-spin.icon-large { height: .75em; }
-}
-
-/*  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: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-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: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-repeat:before               { content: "\f01e"; }
-
-/* \f020 doesn't work in Safari. all shifted one down */
-.icon-refresh:before              { content: "\f021"; }
-.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: "\f032"; }
-.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-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:before            { content: "\f087"; }
-.icon-thumbs-down: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-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: "\f0c2"; }
-.icon-beaker:before               { content: "\f0c3"; }
-.icon-cut:before                  { content: "\f0c4"; }
-.icon-copy:before                 { content: "\f0c5"; }
-.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-alt:before         { content: "\f0e0"; }
-.icon-linkedin:before             { content: "\f0e1"; }
-.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-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-reply:before                { content: "\f112"; }
-.icon-github-alt:before           { content: "\f113"; }
-.icon-folder-close-alt:before     { content: "\f114"; }
-.icon-folder-open-alt:before      { content: "\f115"; }