adding icons, icon-spin class

docs/.idea/.name

@@ -0,0 +1 @@
+docs

docs/.idea/docs.iml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>
+

docs/.idea/encodings.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="Encoding" useUTFGuessing="true" native2AsciiForPropertiesFiles="false" />
+</project>
+

docs/.idea/libraries/sass_stdlib.xml

@@ -0,0 +1,8 @@
+<component name="libraryTable">
+  <library name="sass-stdlib">
+    <CLASSES />
+    <SOURCES>
+      <root url="file://$APPLICATION_HOME_DIR$/plugins/sass/lib/stubs/sass_functions.scss" />
+    </SOURCES>
+  </library>
+</component>

docs/.idea/misc.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectResources">
+    <default-html-doctype>$APPLICATION_HOME_DIR$/lib/webide.jar!/resources/html5-schema/html5.rnc</default-html-doctype>
+  </component>
+  <component name="ProjectRootManager" version="2" />
+</project>
+

docs/.idea/modules.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/docs.iml" filepath="$PROJECT_DIR$/.idea/docs.iml" />
+    </modules>
+  </component>
+</project>
+

docs/.idea/scopes/scope_settings.xml

@@ -0,0 +1,5 @@
+<component name="DependencyValidationManager">
+  <state>
+    <option name="SKIP_IMPORT_STATEMENTS" value="false" />
+  </state>
+</component>

docs/.idea/vcs.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="" />
+  </component>
+</project>
+

docs/.idea/workspace.xml

@@ -0,0 +1,365 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ChangeListManager">
+    <list default="true" id="f4259afe-1a0c-4fac-a387-5b3c9aeee13d" name="Default" comment="" />
+    <ignored path="docs.iws" />
+    <ignored path=".idea/workspace.xml" />
+    <option name="TRACKING_ENABLED" value="true" />
+    <option name="SHOW_DIALOG" value="false" />
+    <option name="HIGHLIGHT_CONFLICTS" value="true" />
+    <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
+    <option name="LAST_RESOLUTION" value="IGNORE" />
+  </component>
+  <component name="ChangesViewManager" flattened_view="true" show_ignored="false" />
+  <component name="CreatePatchCommitExecutor">
+    <option name="PATCH_PATH" value="" />
+  </component>
+  <component name="DaemonCodeAnalyzer">
+    <disable_hints />
+  </component>
+  <component name="ExecutionTargetManager" SELECTED_TARGET="default_target" />
+  <component name="FileEditorManager">
+    <leaf>
+      <file leaf-file-name="site.less" pinned="false" current="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/assets/less/site.less">
+          <provider selected="true" editor-type-id="text-editor">
+            <state line="225" column="21" selection-start="5004" selection-end="5004" vertical-scroll-proportion="0.0">
+              <folding />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file leaf-file-name="index.html" pinned="false" current="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/index.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state line="282" column="0" selection-start="12881" selection-end="12881" vertical-scroll-proportion="-27.625">
+              <folding />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file leaf-file-name="test.html" pinned="false" current="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/test.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state line="38" column="73" selection-start="1295" selection-end="1295" vertical-scroll-proportion="-15.625">
+              <folding>
+                <element signature="n#style#0;n#div#0;n#div#0;n#div#5;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+              </folding>
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file leaf-file-name="font-awesome.less" pinned="false" current="true" current-in-tab="true">
+        <entry file="file://$PROJECT_DIR$/assets/less/font-awesome.less">
+          <provider selected="true" editor-type-id="text-editor">
+            <state line="37" column="0" selection-start="1614" selection-end="1614" vertical-scroll-proportion="0.5684931">
+              <folding />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file leaf-file-name="font-awesome-ie7.less" pinned="false" current="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/assets/less/font-awesome-ie7.less">
+          <provider selected="true" editor-type-id="text-editor">
+            <state line="293" column="46" selection-start="13464" selection-end="13464" vertical-scroll-proportion="0.0">
+              <folding />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file leaf-file-name="bootstrap.less" pinned="false" current="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/assets/less/twbs-222/bootstrap.less">
+          <provider selected="true" editor-type-id="text-editor">
+            <state line="29" column="2" selection-start="631" selection-end="631" vertical-scroll-proportion="0.0">
+              <folding />
+            </state>
+          </provider>
+        </entry>
+      </file>
+    </leaf>
+  </component>
+  <component name="FindManager">
+    <FindUsagesManager>
+      <setting name="OPEN_NEW_TAB" value="false" />
+    </FindUsagesManager>
+  </component>
+  <component name="IdeDocumentHistory">
+    <option name="changedFiles">
+      <list>
+        <option value="$PROJECT_DIR$/assets/less/twbs-222/bootstrap.less" />
+        <option value="$PROJECT_DIR$/assets/less/site.less" />
+        <option value="$PROJECT_DIR$/assets/less/font-awesome-ie7.less" />
+        <option value="$PROJECT_DIR$/test.html" />
+        <option value="$PROJECT_DIR$/index.html" />
+        <option value="$PROJECT_DIR$/assets/less/font-awesome.less" />
+      </list>
+    </option>
+  </component>
+  <component name="ProjectFrameBounds">
+    <option name="x" value="56" />
+    <option name="y" value="22" />
+    <option name="width" value="1384" />
+    <option name="height" value="878" />
+  </component>
+  <component name="ProjectLevelVcsManager" settingsEditedManually="false">
+    <OptionsSetting value="true" id="Add" />
+    <OptionsSetting value="true" id="Remove" />
+    <OptionsSetting value="true" id="Checkout" />
+    <OptionsSetting value="true" id="Update" />
+    <OptionsSetting value="true" id="Status" />
+    <OptionsSetting value="true" id="Edit" />
+    <ConfirmationsSetting value="0" id="Add" />
+    <ConfirmationsSetting value="0" id="Remove" />
+  </component>
+  <component name="ProjectReloadState">
+    <option name="STATE" value="0" />
+  </component>
+  <component name="ProjectView">
+    <navigator currentView="ProjectPane" proportions="" version="1" splitterProportion="0.5">
+      <flattenPackages />
+      <showMembers />
+      <showModules />
+      <showLibraryContents ProjectPane="true" />
+      <hideEmptyPackages />
+      <abbreviatePackageNames />
+      <autoscrollToSource />
+      <autoscrollFromSource />
+      <sortByType />
+    </navigator>
+    <panes>
+      <pane id="ProjectPane">
+        <subPane>
+          <PATH>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="docs" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
+            </PATH_ELEMENT>
+          </PATH>
+          <PATH>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="docs" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
+            </PATH_ELEMENT>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="docs" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
+            </PATH_ELEMENT>
+          </PATH>
+          <PATH>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="docs" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
+            </PATH_ELEMENT>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="docs" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
+            </PATH_ELEMENT>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="assets" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
+            </PATH_ELEMENT>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="less" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
+            </PATH_ELEMENT>
+          </PATH>
+          <PATH>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="docs" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
+            </PATH_ELEMENT>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="docs" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
+            </PATH_ELEMENT>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="assets" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
+            </PATH_ELEMENT>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="less" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
+            </PATH_ELEMENT>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="twbs-222" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
+            </PATH_ELEMENT>
+          </PATH>
+          <PATH>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="docs" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
+            </PATH_ELEMENT>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="docs" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
+            </PATH_ELEMENT>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="assets" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
+            </PATH_ELEMENT>
+          </PATH>
+          <PATH>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="docs" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
+            </PATH_ELEMENT>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="docs" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
+            </PATH_ELEMENT>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="assets" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
+            </PATH_ELEMENT>
+            <PATH_ELEMENT>
+              <option name="myItemId" value="font" />
+              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
+            </PATH_ELEMENT>
+          </PATH>
+        </subPane>
+      </pane>
+      <pane id="Scope" />
+    </panes>
+  </component>
+  <component name="PropertiesComponent">
+    <property name="WebServerToolWindowFactoryState" value="false" />
+  </component>
+  <component name="RecentsManager">
+    <key name="CopyFile.RECENT_KEYS">
+      <recent name="$PROJECT_DIR$/assets/font" />
+    </key>
+  </component>
+  <component name="RunManager">
+    <list size="0" />
+  </component>
+  <component name="ShelveChangesManager" show_recycled="false" />
+  <component name="TaskManager">
+    <task active="true" id="Default" summary="Default task">
+      <created>1356547735112</created>
+      <updated>1356547735112</updated>
+    </task>
+    <servers />
+  </component>
+  <component name="ToolWindowManager">
+    <frame x="56" y="22" width="1384" height="878" extended-state="6" />
+    <editor active="false" />
+    <layout>
+      <window_info id="Changes" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" />
+      <window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
+      <window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="1" side_tool="true" content_ui="tabs" />
+      <window_info id="Project" active="true" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" weight="0.24981631" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
+      <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
+      <window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="-1" side_tool="true" content_ui="tabs" />
+      <window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="-1" side_tool="true" content_ui="tabs" />
+      <window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
+      <window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" />
+      <window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" />
+      <window_info id="Message" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
+      <window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.33" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+      <window_info id="Ant Build" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
+      <window_info id="Commander" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.4" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
+      <window_info id="Inspection" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.4" sideWeight="0.5" order="5" side_tool="false" content_ui="tabs" />
+      <window_info id="Hierarchy" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" weight="0.25" sideWeight="0.5" order="2" side_tool="false" content_ui="combo" />
+    </layout>
+  </component>
+  <component name="VcsContentAnnotationSettings">
+    <option name="myLimit" value="2678400000" />
+  </component>
+  <component name="VcsManagerConfiguration">
+    <option name="OFFER_MOVE_TO_ANOTHER_CHANGELIST_ON_PARTIAL_COMMIT" value="true" />
+    <option name="CHECK_CODE_SMELLS_BEFORE_PROJECT_COMMIT" value="true" />
+    <option name="CHECK_NEW_TODO" value="true" />
+    <option name="myTodoPanelSettings">
+      <value>
+        <are-packages-shown value="false" />
+        <are-modules-shown value="false" />
+        <flatten-packages value="false" />
+        <is-autoscroll-to-source value="false" />
+      </value>
+    </option>
+    <option name="PERFORM_UPDATE_IN_BACKGROUND" value="true" />
+    <option name="PERFORM_COMMIT_IN_BACKGROUND" value="true" />
+    <option name="PERFORM_EDIT_IN_BACKGROUND" value="true" />
+    <option name="PERFORM_CHECKOUT_IN_BACKGROUND" value="true" />
+    <option name="PERFORM_ADD_REMOVE_IN_BACKGROUND" value="true" />
+    <option name="PERFORM_ROLLBACK_IN_BACKGROUND" value="false" />
+    <option name="CHECK_LOCALLY_CHANGED_CONFLICTS_IN_BACKGROUND" value="false" />
+    <option name="CHANGED_ON_SERVER_INTERVAL" value="60" />
+    <option name="SHOW_ONLY_CHANGED_IN_SELECTION_DIFF" value="true" />
+    <option name="CHECK_COMMIT_MESSAGE_SPELLING" value="true" />
+    <option name="DEFAULT_PATCH_EXTENSION" value="patch" />
+    <option name="SHORT_DIFF_HORISONTALLY" value="true" />
+    <option name="SHORT_DIFF_EXTRA_LINES" value="2" />
+    <option name="SOFT_WRAPS_IN_SHORT_DIFF" value="true" />
+    <option name="INCLUDE_TEXT_INTO_PATCH" value="false" />
+    <option name="INCLUDE_TEXT_INTO_SHELF" value="false" />
+    <option name="SHOW_FILE_HISTORY_DETAILS" value="true" />
+    <option name="SHOW_VCS_ERROR_NOTIFICATIONS" value="true" />
+    <option name="FORCE_NON_EMPTY_COMMENT" value="false" />
+    <option name="CLEAR_INITIAL_COMMIT_MESSAGE" value="false" />
+    <option name="LAST_COMMIT_MESSAGE" />
+    <option name="MAKE_NEW_CHANGELIST_ACTIVE" value="false" />
+    <option name="OPTIMIZE_IMPORTS_BEFORE_PROJECT_COMMIT" value="false" />
+    <option name="CHECK_FILES_UP_TO_DATE_BEFORE_COMMIT" value="false" />
+    <option name="REFORMAT_BEFORE_PROJECT_COMMIT" value="false" />
+    <option name="REFORMAT_BEFORE_FILE_COMMIT" value="false" />
+    <option name="FILE_HISTORY_DIALOG_COMMENTS_SPLITTER_PROPORTION" value="0.8" />
+    <option name="FILE_HISTORY_DIALOG_SPLITTER_PROPORTION" value="0.5" />
+    <option name="ACTIVE_VCS_NAME" />
+    <option name="UPDATE_GROUP_BY_PACKAGES" value="false" />
+    <option name="UPDATE_GROUP_BY_CHANGELIST" value="false" />
+    <option name="SHOW_FILE_HISTORY_AS_TREE" value="false" />
+    <option name="FILE_HISTORY_SPLITTER_PROPORTION" value="0.6" />
+  </component>
+  <component name="XDebuggerManager">
+    <breakpoint-manager />
+  </component>
+  <component name="editorHistoryManager">
+    <entry file="file://$PROJECT_DIR$/assets/less/font-awesome-ie7.less">
+      <provider selected="true" editor-type-id="text-editor">
+        <state line="293" column="46" selection-start="13464" selection-end="13464" vertical-scroll-proportion="0.0">
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/assets/less/site.less">
+      <provider selected="true" editor-type-id="text-editor">
+        <state line="225" column="21" selection-start="5004" selection-end="5004" vertical-scroll-proportion="0.0">
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/assets/less/twbs-222/bootstrap.less">
+      <provider selected="true" editor-type-id="text-editor">
+        <state line="29" column="2" selection-start="631" selection-end="631" vertical-scroll-proportion="0.0">
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/test.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state line="38" column="73" selection-start="1295" selection-end="1295" vertical-scroll-proportion="-15.625">
+          <folding>
+            <element signature="n#style#0;n#div#0;n#div#0;n#div#5;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/index.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state line="282" column="0" selection-start="12881" selection-end="12881" vertical-scroll-proportion="-27.625">
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/assets/less/font-awesome.less">
+      <provider selected="true" editor-type-id="text-editor">
+        <state line="37" column="0" selection-start="1614" selection-end="1614" vertical-scroll-proportion="0.5684931">
+          <folding />
+        </state>
+      </provider>
+    </entry>
+  </component>
+</project>
+

docs/assets/css/font-awesome-ie7.css

@@ -663,41 +663,92 @@
   *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
 }
 .icon-user-md {
-  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
+  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
 }
 .icon-stethoscope {
-  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
+  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
 }
-.icon-briefcase {
-  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
+.icon-suitcase {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
 }
 .icon-bell-alt {
-  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
+  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
 }
 .icon-coffee {
-  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
+  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
 }
 .icon-food {
-  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
+  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
 }
 .icon-file-alt {
-  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
+  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
 }
 .icon-building {
-  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
+  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
 }
 .icon-hospital {
-  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
+  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
 }
 .icon-ambulance {
-  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
+  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
 }
 .icon-medkit {
-  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
+  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
 }
 .icon-fighter-jet {
-  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
+  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
 }
 .icon-beer {
-  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
+  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
+}
+.icon-h-sign {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
+}
+.icon-plus-sign-alt {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
+}
+.icon-double-angle-left {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
+}
+.icon-double-angle-right {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
+}
+.icon-double-angle-up {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
+}
+.icon-double-angle-down {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
+}
+.icon-angle-left {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
+}
+.icon-angle-right {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
+}
+.icon-angle-up {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
+}
+.icon-angle-down {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
+}
+.icon-desktop {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
+}
+.icon-laptop {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
+}
+.icon-tablet {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
+}
+.icon-mobile-phone {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
+}
+.icon-circle-blank {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
+}
+.icon-quote-left {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
+}
+.icon-quote-right {
+  *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
 }

docs/assets/css/site.css

@@ -1889,457 +1889,6 @@ table th[class*="span"],
 .table-hover tbody tr.info:hover td {
   background-color: #c4e3f3;
 }
-[class^="icon-"],
-[class*=" icon-"] {
-  display: inline-block;
-  width: 14px;
-  height: 14px;
-  *margin-right: .3em;
-  line-height: 14px;
-  vertical-align: text-top;
-  background-image: url("../img/glyphicons-halflings.png");
-  background-position: 14px 14px;
-  background-repeat: no-repeat;
-  margin-top: 1px;
-}
-/* White icons with optional class, or on hover/active states of certain elements */
-.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: url("../img/glyphicons-halflings-white.png");
-}
-.icon-glass {
-  background-position: 0      0;
-}
-.icon-music {
-  background-position: -24px 0;
-}
-.icon-search {
-  background-position: -48px 0;
-}
-.icon-envelope {
-  background-position: -72px 0;
-}
-.icon-heart {
-  background-position: -96px 0;
-}
-.icon-star {
-  background-position: -120px 0;
-}
-.icon-star-empty {
-  background-position: -144px 0;
-}
-.icon-user {
-  background-position: -168px 0;
-}
-.icon-film {
-  background-position: -192px 0;
-}
-.icon-th-large {
-  background-position: -216px 0;
-}
-.icon-th {
-  background-position: -240px 0;
-}
-.icon-th-list {
-  background-position: -264px 0;
-}
-.icon-ok {
-  background-position: -288px 0;
-}
-.icon-remove {
-  background-position: -312px 0;
-}
-.icon-zoom-in {
-  background-position: -336px 0;
-}
-.icon-zoom-out {
-  background-position: -360px 0;
-}
-.icon-off {
-  background-position: -384px 0;
-}
-.icon-signal {
-  background-position: -408px 0;
-}
-.icon-cog {
-  background-position: -432px 0;
-}
-.icon-trash {
-  background-position: -456px 0;
-}
-.icon-home {
-  background-position: 0 -24px;
-}
-.icon-file {
-  background-position: -24px -24px;
-}
-.icon-time {
-  background-position: -48px -24px;
-}
-.icon-road {
-  background-position: -72px -24px;
-}
-.icon-download-alt {
-  background-position: -96px -24px;
-}
-.icon-download {
-  background-position: -120px -24px;
-}
-.icon-upload {
-  background-position: -144px -24px;
-}
-.icon-inbox {
-  background-position: -168px -24px;
-}
-.icon-play-circle {
-  background-position: -192px -24px;
-}
-.icon-repeat {
-  background-position: -216px -24px;
-}
-.icon-refresh {
-  background-position: -240px -24px;
-}
-.icon-list-alt {
-  background-position: -264px -24px;
-}
-.icon-lock {
-  background-position: -287px -24px;
-}
-.icon-flag {
-  background-position: -312px -24px;
-}
-.icon-headphones {
-  background-position: -336px -24px;
-}
-.icon-volume-off {
-  background-position: -360px -24px;
-}
-.icon-volume-down {
-  background-position: -384px -24px;
-}
-.icon-volume-up {
-  background-position: -408px -24px;
-}
-.icon-qrcode {
-  background-position: -432px -24px;
-}
-.icon-barcode {
-  background-position: -456px -24px;
-}
-.icon-tag {
-  background-position: 0 -48px;
-}
-.icon-tags {
-  background-position: -25px -48px;
-}
-.icon-book {
-  background-position: -48px -48px;
-}
-.icon-bookmark {
-  background-position: -72px -48px;
-}
-.icon-print {
-  background-position: -96px -48px;
-}
-.icon-camera {
-  background-position: -120px -48px;
-}
-.icon-font {
-  background-position: -144px -48px;
-}
-.icon-bold {
-  background-position: -167px -48px;
-}
-.icon-italic {
-  background-position: -192px -48px;
-}
-.icon-text-height {
-  background-position: -216px -48px;
-}
-.icon-text-width {
-  background-position: -240px -48px;
-}
-.icon-align-left {
-  background-position: -264px -48px;
-}
-.icon-align-center {
-  background-position: -288px -48px;
-}
-.icon-align-right {
-  background-position: -312px -48px;
-}
-.icon-align-justify {
-  background-position: -336px -48px;
-}
-.icon-list {
-  background-position: -360px -48px;
-}
-.icon-indent-left {
-  background-position: -384px -48px;
-}
-.icon-indent-right {
-  background-position: -408px -48px;
-}
-.icon-facetime-video {
-  background-position: -432px -48px;
-}
-.icon-picture {
-  background-position: -456px -48px;
-}
-.icon-pencil {
-  background-position: 0 -72px;
-}
-.icon-map-marker {
-  background-position: -24px -72px;
-}
-.icon-adjust {
-  background-position: -48px -72px;
-}
-.icon-tint {
-  background-position: -72px -72px;
-}
-.icon-edit {
-  background-position: -96px -72px;
-}
-.icon-share {
-  background-position: -120px -72px;
-}
-.icon-check {
-  background-position: -144px -72px;
-}
-.icon-move {
-  background-position: -168px -72px;
-}
-.icon-step-backward {
-  background-position: -192px -72px;
-}
-.icon-fast-backward {
-  background-position: -216px -72px;
-}
-.icon-backward {
-  background-position: -240px -72px;
-}
-.icon-play {
-  background-position: -264px -72px;
-}
-.icon-pause {
-  background-position: -288px -72px;
-}
-.icon-stop {
-  background-position: -312px -72px;
-}
-.icon-forward {
-  background-position: -336px -72px;
-}
-.icon-fast-forward {
-  background-position: -360px -72px;
-}
-.icon-step-forward {
-  background-position: -384px -72px;
-}
-.icon-eject {
-  background-position: -408px -72px;
-}
-.icon-chevron-left {
-  background-position: -432px -72px;
-}
-.icon-chevron-right {
-  background-position: -456px -72px;
-}
-.icon-plus-sign {
-  background-position: 0 -96px;
-}
-.icon-minus-sign {
-  background-position: -24px -96px;
-}
-.icon-remove-sign {
-  background-position: -48px -96px;
-}
-.icon-ok-sign {
-  background-position: -72px -96px;
-}
-.icon-question-sign {
-  background-position: -96px -96px;
-}
-.icon-info-sign {
-  background-position: -120px -96px;
-}
-.icon-screenshot {
-  background-position: -144px -96px;
-}
-.icon-remove-circle {
-  background-position: -168px -96px;
-}
-.icon-ok-circle {
-  background-position: -192px -96px;
-}
-.icon-ban-circle {
-  background-position: -216px -96px;
-}
-.icon-arrow-left {
-  background-position: -240px -96px;
-}
-.icon-arrow-right {
-  background-position: -264px -96px;
-}
-.icon-arrow-up {
-  background-position: -289px -96px;
-}
-.icon-arrow-down {
-  background-position: -312px -96px;
-}
-.icon-share-alt {
-  background-position: -336px -96px;
-}
-.icon-resize-full {
-  background-position: -360px -96px;
-}
-.icon-resize-small {
-  background-position: -384px -96px;
-}
-.icon-plus {
-  background-position: -408px -96px;
-}
-.icon-minus {
-  background-position: -433px -96px;
-}
-.icon-asterisk {
-  background-position: -456px -96px;
-}
-.icon-exclamation-sign {
-  background-position: 0 -120px;
-}
-.icon-gift {
-  background-position: -24px -120px;
-}
-.icon-leaf {
-  background-position: -48px -120px;
-}
-.icon-fire {
-  background-position: -72px -120px;
-}
-.icon-eye-open {
-  background-position: -96px -120px;
-}
-.icon-eye-close {
-  background-position: -120px -120px;
-}
-.icon-warning-sign {
-  background-position: -144px -120px;
-}
-.icon-plane {
-  background-position: -168px -120px;
-}
-.icon-calendar {
-  background-position: -192px -120px;
-}
-.icon-random {
-  background-position: -216px -120px;
-  width: 16px;
-}
-.icon-comment {
-  background-position: -240px -120px;
-}
-.icon-magnet {
-  background-position: -264px -120px;
-}
-.icon-chevron-up {
-  background-position: -288px -120px;
-}
-.icon-chevron-down {
-  background-position: -313px -119px;
-}
-.icon-retweet {
-  background-position: -336px -120px;
-}
-.icon-shopping-cart {
-  background-position: -360px -120px;
-}
-.icon-folder-close {
-  background-position: -384px -120px;
-}
-.icon-folder-open {
-  background-position: -408px -120px;
-  width: 16px;
-}
-.icon-resize-vertical {
-  background-position: -432px -119px;
-}
-.icon-resize-horizontal {
-  background-position: -456px -118px;
-}
-.icon-hdd {
-  background-position: 0 -144px;
-}
-.icon-bullhorn {
-  background-position: -24px -144px;
-}
-.icon-bell {
-  background-position: -48px -144px;
-}
-.icon-certificate {
-  background-position: -72px -144px;
-}
-.icon-thumbs-up {
-  background-position: -96px -144px;
-}
-.icon-thumbs-down {
-  background-position: -120px -144px;
-}
-.icon-hand-right {
-  background-position: -144px -144px;
-}
-.icon-hand-left {
-  background-position: -168px -144px;
-}
-.icon-hand-up {
-  background-position: -192px -144px;
-}
-.icon-hand-down {
-  background-position: -216px -144px;
-}
-.icon-circle-arrow-right {
-  background-position: -240px -144px;
-}
-.icon-circle-arrow-left {
-  background-position: -264px -144px;
-}
-.icon-circle-arrow-up {
-  background-position: -288px -144px;
-}
-.icon-circle-arrow-down {
-  background-position: -312px -144px;
-}
-.icon-globe {
-  background-position: -336px -144px;
-}
-.icon-wrench {
-  background-position: -360px -144px;
-}
-.icon-tasks {
-  background-position: -384px -144px;
-}
-.icon-filter {
-  background-position: -408px -144px;
-}
-.icon-briefcase {
-  background-position: -432px -144px;
-}
-.icon-fullscreen {
-  background-position: -456px -144px;
-}
 .dropup,
 .dropdown {
   position: relative;
@@ -5180,11 +4729,14 @@ a.badge:hover {
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
+  display: inline-block;
   text-decoration: inherit;
+  speak: none;
 }
 /* sprites.less reset */
 [class^="icon-"],
 [class*=" icon-"] {
+  display: inline;
   width: auto;
   height: auto;
   line-height: normal;
@@ -5192,7 +4744,6 @@ a.badge:hover {
   background-image: none !important;
   background-position: 0% 0%;
   background-repeat: repeat;
-  margin-top: 0;
 }
 /* makes sure icons active on rollover in links */
 a [class^="icon-"],
@@ -5202,7 +4753,7 @@ a [class*=" icon-"] {
 }
 /* makes the font 33% larger relative to the icon container */
 .icon-large:before {
-  vertical-align: -15%;
+  vertical-align: -10%;
   font-size: 1.3333333333333333em;
 }
 .btn [class^="icon-"],
@@ -5283,11 +4834,6 @@ ul.icons li .icon-large:before {
   -moz-border-radius: 6px;
   border-radius: 6px;
 }
-.icon-2x,
-.icon-3x,
-.icon-4x {
-  line-height: 1em;
-}
 [class^="icon-"].pull-left,
 [class*=" icon-"].pull-left {
   margin-right: .35em;
@@ -5304,6 +4850,71 @@ ul.icons li .icon-large:before {
 [class*=" icon-"].pull-right.icon-4x {
   margin-left: .25em;
 }
+.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: .25em;
+}
+.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: .35em;
+}
+.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: .1em;
+}
+.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);
+  }
+}
 /*  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 {
@@ -5947,43 +5558,94 @@ ul.icons li .icon-large:before {
   content: "\f0ee";
 }
 .icon-user-md:before {
-  content: "\f200";
+  content: "\f0f0";
 }
 .icon-stethoscope:before {
-  content: "\f201";
+  content: "\f0f1";
 }
-.icon-briefcase:before {
-  content: "\f202";
+.icon-suitcase:before {
+  content: "\f0f2";
 }
 .icon-bell-alt:before {
-  content: "\f203";
+  content: "\f0f3";
 }
 .icon-coffee:before {
-  content: "\f204";
+  content: "\f0f4";
 }
 .icon-food:before {
-  content: "\f205";
+  content: "\f0f5";
 }
 .icon-file-alt:before {
-  content: "\f206";
+  content: "\f0f6";
 }
 .icon-building:before {
-  content: "\f207";
+  content: "\f0f7";
 }
 .icon-hospital:before {
-  content: "\f208";
+  content: "\f0f8";
 }
 .icon-ambulance:before {
-  content: "\f209";
+  content: "\f0f9";
 }
 .icon-medkit:before {
-  content: "\f20a";
+  content: "\f0fa";
 }
 .icon-fighter-jet:before {
-  content: "\f20b";
+  content: "\f0fb";
 }
 .icon-beer:before {
-  content: "\f20c";
+  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";
 }
 .text-align-right {
   text-align: right;
@@ -6031,12 +5693,11 @@ h6 {
   left: auto;
   right: 117px;
 }
-#fort-awesome .alert {
-  padding: 30px;
-}
 .jumbotron {
+  background: #9d261d;
+  /* Old browsers */
+
   padding: 90px 0 48px;
-  background-color: #9d261d;
   text-shadow: 2px 2px 2px #333333;
 }
 .jumbotron,
@@ -6046,10 +5707,10 @@ h6 {
 .jumbotron h1 {
   font-size: 80px;
   letter-spacing: -2px;
-  line-height: 1.2;
+  line-height: 1;
 }
 .jumbotron p {
-  margin-top: 10px;
+  margin-top: 15px;
   margin-bottom: 30px;
   font-size: 30px;
   line-height: 1.3;
@@ -6080,6 +5741,12 @@ h6 {
 .jumbotron .hero-content {
   text-align: center;
 }
+.jumbotron .shameless-self-promotion {
+  font-size: 12px;
+  margin-top: 15px;
+  color: #ce938e;
+  text-shadow: none;
+}
 .btn-primary {
   color: #333333;
   text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
@@ -6142,10 +5809,13 @@ section {
   font-size: 28px;
   vertical-align: -5px;
 }
-#why .row {
+#why .row,
+#whats-new .row {
   margin-bottom: 20px;
 }
-#why .icon-large {
+#why .icon-large,
+#whats-new .icon-large {
+  vertical-align: -7%;
   font-size: 22px;
   padding-right: 5px;
 }

docs/assets/less/font-awesome-ie7.less

@@ -261,16 +261,34 @@
 .icon-cloud-download       { .ie7icon(''); }
 .icon-cloud-upload         { .ie7icon(''); }
 
-.icon-user-md              { .ie7icon(''); }
-.icon-stethoscope          { .ie7icon(''); }
-.icon-briefcase            { .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-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(''); }

docs/assets/less/font-awesome.less

@@ -47,14 +47,15 @@
   font-family: FontAwesome;
   font-weight: normal;
   font-style: normal;
-//  display: inline-block;
+  display: inline-block;
   text-decoration: inherit;
+  speak: none;
 }
 
 /* sprites.less reset */
 [class^="icon-"],
 [class*=" icon-"] {
-//  display: inline;
+  display: inline;
   width: auto;
   height: auto;
   line-height: normal;
@@ -62,7 +63,6 @@
   background-image: none !important;
   background-position: 0% 0%;
   background-repeat: repeat;
-  margin-top: 0;
 }
 
 /* makes sure icons active on rollover in links */
@@ -74,7 +74,7 @@ a [class*=" icon-"] {
 
 /* makes the font 33% larger relative to the icon container */
 .icon-large:before {
-  vertical-align: -15%;
+  vertical-align: -10%;
   font-size: 4/3em;
 }
 
@@ -158,12 +158,6 @@ ul.icons {
   }
 }
 
-.icon-2x,
-.icon-3x,
-.icon-4x {
-  line-height: 1em;
-}
-
 
 // Icon Floats
 // -------------------------
@@ -180,6 +174,61 @@ ul.icons {
   }
 }
 
+.btn {
+  [class^="icon-"],
+  [class*=" icon-"] {
+    &.pull-left, &.pull-right {
+      &.icon-2x { margin-top: .25em; }
+    }
+  }
+}
+
+.btn.btn-small {
+  [class^="icon-"],
+  [class*=" icon-"] {
+    &.pull-left, &.pull-right {
+      &.icon-2x { margin-top: .35em; }
+    }
+  }
+}
+
+.btn.btn-large {
+  [class^="icon-"],
+  [class*=" icon-"] {
+    &.pull-left, &.pull-right {
+      &.icon-2x { margin-top: .1em; }
+    }
+  }
+}
+
+.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); }
+}
 
 /*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
     readers do not read off random characters that represent icons */
@@ -412,19 +461,34 @@ ul.icons {
 .icon-cloud-download:before       { content: "\f0ed"; }
 .icon-cloud-upload:before         { content: "\f0ee"; }
 
-.icon-user-md:before              { content: "\f200"; }
-.icon-stethoscope:before          { content: "\f201"; }
-.icon-briefcase:before            { content: "\f202"; }
-.icon-bell-alt:before             { content: "\f203"; }
-.icon-coffee:before               { content: "\f204"; }
-.icon-food:before                 { content: "\f205"; }
-.icon-file-alt:before             { content: "\f206"; }
-.icon-building:before             { content: "\f207"; }
-.icon-hospital:before             { content: "\f208"; }
-.icon-ambulance:before            { content: "\f209"; }
-.icon-medkit:before               { content: "\f20a"; }
-.icon-fighter-jet:before          { content: "\f20b"; }
-.icon-beer:before                 { content: "\f20c"; }
-//.icon-user-md:before              { content: "\f213"; }
-//.icon-user-md:before              { content: "\f214"; }
-//.icon-user-md:before              { content: "\f215"; }
+.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"; }

docs/assets/less/site.less

@@ -49,10 +49,6 @@ h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; }
   }
 }
 
-#fort-awesome .alert {
-  padding: 30px;
-}
-
 //a[href^='http://'] {
 //  &:after {
 //    font-family: FontAwesome;
@@ -64,11 +60,21 @@ h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; }
 //}
 
 .jumbotron {
+  background: @red; /* Old browsers */
+//  background: -moz-linear-gradient(45deg,  #020031 0%, #6d3353 100%); /* FF3.6+ */
+//  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#020031), color-stop(100%,#6d3353)); /* Chrome,Safari4+ */
+//  background: -webkit-linear-gradient(45deg, @red 0%, mix(@red, @redDark, 50%) 100%); /* Chrome10+,Safari5.1+ */
+//  background: -o-linear-gradient(45deg,  #020031 0%,#6d3353 100%); /* Opera 11.10+ */
+//  background: -ms-linear-gradient(45deg,  #020031 0%,#6d3353 100%); /* IE10+ */
+//  background: linear-gradient(45deg,  #020031 0%,#6d3353 100%); /* W3C */
+//  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#020031', endColorstr='#6d3353',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
+
+
 //  margin-bottom: 0;
   padding: 90px 0 48px;
 //  .border-radius(0);
 //  #gradient > .radial( lighten(@red, 10%), @red);
-  background-color: @red;
+//  background-color: @red;
   &, h1 { color: @white; }
 
 //  &:after {
@@ -86,10 +92,10 @@ h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; }
   h1 {
     font-size: 80px;
     letter-spacing: -2px;
-    line-height: 1.2;
+    line-height: 1;
   }
   p {
-    margin-top: 10px;
+    margin-top: 15px;
     margin-bottom: 30px;
     font-size: 30px;
     line-height: 1.3;
@@ -135,6 +141,12 @@ h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; }
 //    width: 620px;
     text-align: center;
   }
+  .shameless-self-promotion {
+    font-size: 12px;
+    margin-top: 15px;
+    color: mix(@white, @red, 50%);
+    text-shadow: none;
+  }
 }
 
 .btn-primary {
@@ -206,11 +218,12 @@ section {
 }
 
 
-#why {
+#why, #whats-new {
   .row {
     margin-bottom: 20px;
   }
   .icon-large {
+    vertical-align: -7%;
     font-size: 22px;
     padding-right: 5px;
   }

docs/assets/less/twbs-222/bootstrap.less

@@ -27,7 +27,7 @@
 @import "tables.less";
 
 // Components: common
-@import "sprites.less";
+//@import "sprites.less";
 @import "dropdowns.less";
 @import "wells.less";
 @import "component-animations.less";

docs/index.html

@@ -39,7 +39,7 @@
     })();
   </script>
 </head>
-<body>
+<body data-spy="scroll" data-target=".navbar">
 
 <div class="navbar navbar-inverse navbar-fixed-top">
   <div class="navbar-inner">
@@ -94,17 +94,19 @@
             <i class="icon-github icon-2x pull-left"></i>
             View Project<br>on GitHub</a>
         </div>
+        <div class="shameless-self-promotion">
+          Version 3.0.0 • Created & Maintained by Dave Gandy
+        </div>
       </div>
     </div>
     <div class="span4">
       <div id="iconCarousel" class="carousel slide">
         <!-- Carousel items -->
         <div class="carousel-inner">
-          <div class="item"><div><i class="icon-flag"></i></div></div>
+          <div class="active item"><div><i class="icon-flag"></i></div></div>
           <div class="item"><div><i class="icon-cloud-download"></i></div></div>
           <div class="item"><div><i class="icon-lightbulb"></i></div></div>
-          <div class="item"><div><i class="icon-user-md"></i></div></div>
-          <div class="active item"><div><i class="icon-group"></i></div></div>
+          <div class="item"><div><i class="icon-group"></i></div></div>
           <div class="item"><div><i class="icon-ambulance"></i></div></div>
           <div class="item"><div><i class="icon-star-empty"></i></div></div>
           <div class="item"><div><i class="icon-envelope"></i></div></div>
@@ -156,26 +158,26 @@
 <section id="why">
   <div class="row">
     <div class="span4">
-      <h4><i class="icon-bullhorn icon-large"></i> Desktop Font + Vectors</h4>
-      The full desktop font and a pdf of vectors are now included. Happy designing.
+      <h4><i class="icon-flag icon-large"></i> One font, 236 icons</h4>
+      In a single collection, Font Awesome is a pictographic language of web-related actions.
     </div>
     <div class="span4">
-      <h4><i class="icon-beaker icon-large"></i> 70 New Icons in v2.0</h4>
-      All requested by our active community on the <a href="https://github.com/FortAwesome/Font-Awesome" target="_blank">Font Awesome GitHub project</a>.
+      <h4><i class="icon-pencil icon-large"></i> CSS control</h4>
+      Easily style icon color, size, shadow, and anything that's possible with CSS.
     </div>
     <div class="span4">
-      <h4><i class="icon-ok icon-large"></i> IE7 Support</h4>
-      Font Awesome v2.0 now even supports IE7. If you need it, you have my condolences.
+      <h4><i class="icon-fullscreen icon-large"></i> Infinite scalability</h4>
+      Scalable vector graphics means every icon looks awesome at any size.
     </div>
   </div>
   <div class="row">
     <div class="span4">
-      <h4><i class="icon-flag icon-large"></i> One font, 220 icons</h4>
-      In a single collection, Font Awesome is a pictographic language of web-related actions.
+      <h4><i class="icon-bullhorn icon-large"></i> Desktop Font + Vectors</h4>
+      The full desktop font and a pdf of vectors are included. Happy designing.
     </div>
     <div class="span4">
-      <h4><i class="icon-gift icon-large"></i> Free for commercial use</h4>
-      The Font Awesome webfont and CSS libraries are completely free for commercial use.
+      <h4><i class="icon-ok icon-large"></i> IE7 Support</h4>
+      Font Awesome supports IE7. If you need it, you have my condolences.
     </div>
     <div class="span4">
       <h4><i class="icon-search icon-large"></i> Screen reader compatible</h4>
@@ -184,16 +186,12 @@
   </div>
   <div class="row">
     <div class="span4">
-      <h4><i class="icon-thumbs-up icon-large"></i> Made for Twitter Bootstrap</h4>
-      Designed from scratch to be fully backwards compatible with <a href="http://twitter.github.com/bootstrap/" target="_blank">Twitter Bootstrap 2.0</a>.
+      <h4><i class="icon-beer icon-large"></i> Free, as in Beer</h4>
+      Font Awesome is completely free for commercial use.
     </div>
     <div class="span4">
-      <h4><i class="icon-pencil icon-large"></i> CSS control</h4>
-      Easily style icon color, size, shadow, and anything that's possible with CSS.
-    </div>
-    <div class="span4">
-      <h4><i class="icon-resize-full icon-large"></i> Infinite scalability</h4>
-      Scalable vector graphics means icons look awesome at any size.
+      <h4><i class="icon-thumbs-up icon-large"></i> Made for Twitter Bootstrap</h4>
+      Designed from scratch to be fully backwards compatible with <a href="http://twitter.github.com/bootstrap/" target="_blank">Twitter Bootstrap 2.0</a>.
     </div>
   </div>
 </section>
@@ -202,15 +200,25 @@
   <h2 class="page-header">What's new in Font Awesome 3.0</h2>
   <div class="row">
     <div class="span4">
-      <h4>LGPL Compliant</h4>
-      No more attribution required, but much appreciated.
+      <h4><i class="icon-magic icon-large"></i> Pixel Perfection at 14px</h4>
+      Every icon re-created from the ground up to be optimized for Bootstrap's default 14px.
     </div>
     <div class="span4">
-      <h4>25% smaller size</h4>
-      More compact file size for faster page loads.
+      <h4><i class="icon-legal icon-large"></i> Better License</h4>
+      SIL open font license, Apache 2.0 for code. No more attribution required, but much appreciated.
     </div>
     <div class="span4">
-      <h4>Font Sub-setting</h4>
+      <h4><i class="icon-circle-arrow-down icon-large"></i> 25% smaller size</h4>
+      Smaller, even with more icons. More compact file size for faster page loads.
+    </div>
+  </div>
+  <div class="row">
+    <div class="span4">
+      <h4><i class="icon-beaker icon-large"></i> 27 New Icons in 3.0.0</h4>
+      All requested by our active community on the <a href="https://github.com/FortAwesome/Font-Awesome" target="_blank">Font Awesome GitHub project</a>.
+    </div>
+    <div class="span4">
+      <h4><i class="icon-th-large icon-large"></i> Font Sub-setting</h4>
       Thanks to <a target="_blank" href="https://twitter.com/grantgordon">@grantgordon</a> and <a target="_blank" href="https://twitter.com/johnsmclay">@johnsmclay</a>, <a href="#">sub-setting</a> is now possible, so you get just the icons you need.
     </div>
   </div>
@@ -230,9 +238,13 @@
       <li><i class="icon-cloud-upload"></i> icon-cloud-upload</li>
       <li><i class="icon-user-md"></i> icon-user-md</li>
       <li><i class="icon-stethoscope"></i> icon-stethoscope</li>
-      <li><i class="icon-briefcase"></i> icon-briefcase</li>
+      <li><i class="icon-suitcase"></i> icon-suitcase</li>
       <li><i class="icon-bell-alt"></i> icon-bell-alt</li>
       <li><i class="icon-coffee"></i> icon-coffee</li>
+    </ul>
+  </div>
+  <div class="span3">
+    <ul class="the-icons">
       <li><i class="icon-food"></i> icon-food</li>
       <li><i class="icon-file-alt"></i> icon-file-alt</li>
       <li><i class="icon-building"></i> icon-building</li>
@@ -241,11 +253,35 @@
       <li><i class="icon-medkit"></i> icon-medkit</li>
       <li><i class="icon-fighter-jet"></i> icon-figher-jet</li>
       <li><i class="icon-beer"></i> icon-beer</li>
+      <li><i class="icon-h-sign"></i> icon-h-sign</li>
+    </ul>
+  </div>
+  <div class="span3">
+    <ul class="the-icons">
+      <li><i class="icon-plus-sign-alt"></i> icon-plus-sign-alt</li>
+      <li><i class="icon-angle-left"></i> icon-angle-left</li>
+      <li><i class="icon-angle-right"></i> icon-angle-right</li>
+      <li><i class="icon-angle-up"></i> icon-angle-up</li>
+      <li><i class="icon-angle-down"></i> icon-angle-down</li>
+      <li><i class="icon-double-angle-left"></i> icon-double-angle-left</li>
+      <li><i class="icon-double-angle-right"></i> icon-double-angle-right</li>
+      <li><i class="icon-double-angle-up"></i> icon-double-angle-up</li>
+    </ul>
+  </div>
+  <div class="span3">
+    <ul class="the-icons">
+      <li><i class="icon-double-angle-down"></i> icon-double-angle-down</li>
+      <li><i class="icon-desktop"></i> icon-desktop</li>
+      <li><i class="icon-laptop"></i> icon-laptop</li>
+      <li><i class="icon-tablet"></i> icon-tablet</li>
+      <li><i class="icon-mobile-phone"></i> icon-mobile-phone</li>
+      <li><i class="icon-circle-blank"></i> icon-circle-blank</li>
+      <li><i class="icon-quote-left"></i> icon-quote-left</li>
+      <li><i class="icon-quote-right"></i> icon-quote-right</li>
     </ul>
   </div>
 </section>
 
-
 <section id="icons-web-app" class="row">
   <div class="span12">
     <h2 class="page-header">Web Application Icons</h2>
@@ -568,7 +604,7 @@
 
 <section id="icons-medical" class="row">
   <div class="span12">
-    <h2 class="page-header">Medical Icons <small>Join me at Kyruus</small></h2>
+    <h2 class="page-header">Medical Icons <small>Want to truly make healthcare better? Join me at <a href="#">Kyruus</a>.</small></h2>
   </div>
   <div class="span3">
     <ul class="the-icons">
@@ -578,17 +614,19 @@
   </div>
   <div class="span3">
     <ul class="the-icons">
+      <li><i class="icon-h-sign"></i> icon-h-sign</li>
       <li><i class="icon-hospital"></i> icon-hospital</li>
-      <li><i class="icon-medkit"></i> icon-medkit</li>
     </ul>
   </div>
   <div class="span3">
     <ul class="the-icons">
-      <li><i class="icon-stethoscope"></i> icon-stethoscope</li>
+      <li><i class="icon-medkit"></i> icon-medkit</li>
+      <li><i class="icon-plus-sign-alt"></i> icon-plus-sign-alt</li>
     </ul>
   </div>
   <div class="span3">
     <ul class="the-icons">
+      <li><i class="icon-stethoscope"></i> icon-stethoscope</li>
       <li><i class="icon-user-md"></i> icon-user-md</li>
     </ul>
   </div>
@@ -671,9 +709,9 @@
         </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>
+        <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>
@@ -988,24 +1026,24 @@
   </ul>
 </section>
 
-<section id="fort-awesome">
-  <h2 class="page-header">Fort Awesome? Font Awesome?</h2>
-  <div class="row">
-    <div class="span8">
-      <div class="lead">
-        <p><strong>Fort Awesome</strong> is a magical place. A place of wonder and... magic. It's just like Xanadu, but without that dorky name.</p>
-        <p>So magical, in fact, that <strong>Font Awesome</strong> was forged from its depths. Who can tell what may happen next...</p>
-      </div>
-      <small>Fort Awesome is the organization, Font Awesome is the project. It's not a spelling error.</small>
-    </div>
-    <div class="span4">
-      <div>
-        <img class="img-rounded" src="assets/img/fort_awesome.jpg">
-      </div>
-      <div class="caption text-align-right">Harvard Yard, 2005. &copy; DG.</div>
-    </div>
-  </div>
-</section>
+<!--<section id="fort-awesome">-->
+  <!--<h2 class="page-header">Fort Awesome? Font Awesome?</h2>-->
+  <!--<div class="row">-->
+    <!--<div class="span8">-->
+      <!--<div class="lead">-->
+        <!--<p><strong>Fort Awesome</strong> is a magical place. A place of wonder and... magic. It's just like Xanadu, but without that dorky name.</p>-->
+        <!--<p>So magical, in fact, that <strong>Font Awesome</strong> was forged from its depths. Who can tell what may happen next...</p>-->
+      <!--</div>-->
+      <!--<small>Fort Awesome is the organization, Font Awesome is the project. It's not a spelling error.</small>-->
+    <!--</div>-->
+    <!--<div class="span4">-->
+      <!--<div>-->
+        <!--<img class="img-rounded" src="assets/img/fort_awesome.jpg">-->
+      <!--</div>-->
+      <!--<div class="caption text-align-right">Harvard Yard, 2005. &copy; DG.</div>-->
+    <!--</div>-->
+  <!--</div>-->
+<!--</section>-->
 
 <footer>
   <div class="row">

docs/test.html

@@ -30,10 +30,15 @@
 </head>
 <body>
 
-
 <div class="container">
   <h1>Visual tests</h1>
 
+  <h3>Spinning icons</h3>
+  <p class="lead">
+    <i class="icon-refresh icon-spin"></i> Loading...
+    <button class="btn"><i class="icon-refresh icon-spin"></i> Loading...</button>
+   </p>
+
   <h3>Icons <small>Icons should not be clipped</small></h3>
   <div class="row">
     <div class="span3">