adding icons, icon-spin class

This commit is contained in:
davegandy 2012-12-27 22:48:13 -06:00
parent b61fa1bfd7
commit ca304eb401
21 changed files with 874 additions and 598 deletions

1
docs/.idea/.name Normal file
View file

@ -0,0 +1 @@
docs

9
docs/.idea/docs.iml Normal file
View file

@ -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>

5
docs/.idea/encodings.xml Normal file
View file

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

View file

@ -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>

8
docs/.idea/misc.xml Normal file
View file

@ -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>

9
docs/.idea/modules.xml Normal file
View file

@ -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>

View file

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

7
docs/.idea/vcs.xml Normal file
View file

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

365
docs/.idea/workspace.xml Normal file
View file

@ -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>

View file

@ -663,41 +663,92 @@
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf0ee;');
}
.icon-user-md {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf200;');
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf0f0;');
}
.icon-stethoscope {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf201;');
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf0f1;');
}
.icon-briefcase {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf202;');
.icon-suitcase {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf0f2;');
}
.icon-bell-alt {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf203;');
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf0f3;');
}
.icon-coffee {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf204;');
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf0f4;');
}
.icon-food {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf205;');
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf0f5;');
}
.icon-file-alt {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf206;');
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf0f6;');
}
.icon-building {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf207;');
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf0f7;');
}
.icon-hospital {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf208;');
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf0f8;');
}
.icon-ambulance {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf209;');
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf0f9;');
}
.icon-medkit {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf20a;');
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf0fa;');
}
.icon-fighter-jet {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf20b;');
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf0fb;');
}
.icon-beer {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf20c;');
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf0fc;');
}
.icon-h-sign {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf0fd;');
}
.icon-plus-sign-alt {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf0fe;');
}
.icon-double-angle-left {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf100;');
}
.icon-double-angle-right {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf101;');
}
.icon-double-angle-up {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf102;');
}
.icon-double-angle-down {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf103;');
}
.icon-angle-left {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf104;');
}
.icon-angle-right {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf105;');
}
.icon-angle-up {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf106;');
}
.icon-angle-down {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf107;');
}
.icon-desktop {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf108;');
}
.icon-laptop {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf109;');
}
.icon-tablet {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf10a;');
}
.icon-mobile-phone {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf10b;');
}
.icon-circle-blank {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf10c;');
}
.icon-quote-left {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf10d;');
}
.icon-quote-right {
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf10e;');
}

View file

@ -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;
}

Binary file not shown.

View file

@ -261,16 +261,34 @@
.icon-cloud-download { .ie7icon('&#xf0ed;'); }
.icon-cloud-upload { .ie7icon('&#xf0ee;'); }
.icon-user-md { .ie7icon('&#xf200;'); }
.icon-stethoscope { .ie7icon('&#xf201;'); }
.icon-briefcase { .ie7icon('&#xf202;'); }
.icon-bell-alt { .ie7icon('&#xf203;'); }
.icon-coffee { .ie7icon('&#xf204;'); }
.icon-food { .ie7icon('&#xf205;'); }
.icon-file-alt { .ie7icon('&#xf206;'); }
.icon-building { .ie7icon('&#xf207;'); }
.icon-hospital { .ie7icon('&#xf208;'); }
.icon-ambulance { .ie7icon('&#xf209;'); }
.icon-medkit { .ie7icon('&#xf20a;'); }
.icon-fighter-jet { .ie7icon('&#xf20b;'); }
.icon-beer { .ie7icon('&#xf20c;'); }
.icon-user-md { .ie7icon('&#xf0f0;'); }
.icon-stethoscope { .ie7icon('&#xf0f1;'); }
.icon-suitcase { .ie7icon('&#xf0f2;'); }
.icon-bell-alt { .ie7icon('&#xf0f3;'); }
.icon-coffee { .ie7icon('&#xf0f4;'); }
.icon-food { .ie7icon('&#xf0f5;'); }
.icon-file-alt { .ie7icon('&#xf0f6;'); }
.icon-building { .ie7icon('&#xf0f7;'); }
.icon-hospital { .ie7icon('&#xf0f8;'); }
.icon-ambulance { .ie7icon('&#xf0f9;'); }
.icon-medkit { .ie7icon('&#xf0fa;'); }
.icon-fighter-jet { .ie7icon('&#xf0fb;'); }
.icon-beer { .ie7icon('&#xf0fc;'); }
.icon-h-sign { .ie7icon('&#xf0fd;'); }
.icon-plus-sign-alt { .ie7icon('&#xf0fe;'); }
.icon-double-angle-left { .ie7icon('&#xf100;'); }
.icon-double-angle-right { .ie7icon('&#xf101;'); }
.icon-double-angle-up { .ie7icon('&#xf102;'); }
.icon-double-angle-down { .ie7icon('&#xf103;'); }
.icon-angle-left { .ie7icon('&#xf104;'); }
.icon-angle-right { .ie7icon('&#xf105;'); }
.icon-angle-up { .ie7icon('&#xf106;'); }
.icon-angle-down { .ie7icon('&#xf107;'); }
.icon-desktop { .ie7icon('&#xf108;'); }
.icon-laptop { .ie7icon('&#xf109;'); }
.icon-tablet { .ie7icon('&#xf10a;'); }
.icon-mobile-phone { .ie7icon('&#xf10b;'); }
.icon-circle-blank { .ie7icon('&#xf10c;'); }
.icon-quote-left { .ie7icon('&#xf10d;'); }
.icon-quote-right { .ie7icon('&#xf10e;'); }

View file

@ -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"; }

View file

@ -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;
}

View file

@ -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";

View file

@ -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>
@ -183,18 +185,14 @@
</div>
</div>
<div class="row">
<div class="span4">
<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-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 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.
</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>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<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>
</ul>
</div>
<div class="span3">
<ul class="the-icons">
<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">

View file

@ -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">