mirror of
https://github.com/FortAwesome/Font-Awesome.git
synced 2024-11-20 11:14:28 +00:00
adding Kyruus plug
This commit is contained in:
davegandy
parent
35e27eab96
commit
28eed4572c
@ -23,16 +23,34 @@
|
||||
<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">
|
||||
<state line="302" column="2" selection-start="6466" selection-end="6466" vertical-scroll-proportion="0.0">
|
||||
<folding />
|
||||
</state>
|
||||
</provider>
|
||||
</entry>
|
||||
</file>
|
||||
<file leaf-file-name="index.html" pinned="false" current="false" current-in-tab="false">
|
||||
<file leaf-file-name="index.html" pinned="false" current="true" current-in-tab="true">
|
||||
<entry file="file://$PROJECT_DIR$/index.html">
|
||||
<provider selected="true" editor-type-id="text-editor">
|
||||
<state line="283" column="0" selection-start="12966" selection-end="13019" vertical-scroll-proportion="-27.625">
|
||||
<state line="1063" column="32" selection-start="46356" selection-end="46356" vertical-scroll-proportion="0.86821705">
|
||||
<folding />
|
||||
</state>
|
||||
</provider>
|
||||
</entry>
|
||||
</file>
|
||||
<file leaf-file-name="variables.less" pinned="false" current="false" current-in-tab="false">
|
||||
<entry file="file://$PROJECT_DIR$/assets/less/variables.less">
|
||||
<provider selected="true" editor-type-id="text-editor">
|
||||
<state line="23" column="43" selection-start="538" selection-end="538" vertical-scroll-proportion="0.0">
|
||||
<folding />
|
||||
</state>
|
||||
</provider>
|
||||
</entry>
|
||||
</file>
|
||||
<file leaf-file-name="mixins.less" pinned="false" current="false" current-in-tab="false">
|
||||
<entry file="file://$PROJECT_DIR$/assets/less/mixins.less">
|
||||
<provider selected="true" editor-type-id="text-editor">
|
||||
<state line="37" column="21" selection-start="1677" selection-end="1677" vertical-scroll-proportion="0.0">
|
||||
<folding />
|
||||
</state>
|
||||
</provider>
|
||||
@ -41,18 +59,31 @@
|
||||
<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="40" column="0" selection-start="1149" selection-end="1425" vertical-scroll-proportion="-16.25">
|
||||
<state line="81" column="41" selection-start="2641" selection-end="2641" vertical-scroll-proportion="-9.833333">
|
||||
<folding>
|
||||
<element signature="n#style#0;n#div#0;n#div#0;n#div#4;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
|
||||
<element signature="n#style#0;n#div#0;n#div#1;n#div#4;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
|
||||
<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" />
|
||||
<element signature="n#style#0;n#div#0;n#div#1;n#div#5;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
|
||||
<element signature="n#style#0;n#div#0;n#div#0;n#div#6;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">
|
||||
<file leaf-file-name="design.html" pinned="false" current="false" current-in-tab="false">
|
||||
<entry file="file://$PROJECT_DIR$/design.html">
|
||||
<provider selected="true" editor-type-id="text-editor">
|
||||
<state line="39" column="0" selection-start="1350" selection-end="1350" vertical-scroll-proportion="-6.075949">
|
||||
<folding />
|
||||
</state>
|
||||
</provider>
|
||||
</entry>
|
||||
</file>
|
||||
<file leaf-file-name="font-awesome.less" pinned="false" current="false" current-in-tab="false">
|
||||
<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.24657534">
|
||||
<state line="74" column="0" selection-start="2374" selection-end="2374" vertical-scroll-proportion="0.0">
|
||||
<folding />
|
||||
</state>
|
||||
</provider>
|
||||
@ -61,7 +92,7 @@
|
||||
<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="297" column="46" selection-start="13624" selection-end="13624" vertical-scroll-proportion="0.0">
|
||||
<state line="32" column="1" selection-start="530" selection-end="530" vertical-scroll-proportion="0.0">
|
||||
<folding />
|
||||
</state>
|
||||
</provider>
|
||||
@ -87,11 +118,15 @@
|
||||
<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$/assets/design.html" />
|
||||
<option value="$PROJECT_DIR$/design.html" />
|
||||
<option value="$PROJECT_DIR$/assets/less/mixins.less" />
|
||||
<option value="$PROJECT_DIR$/test.html" />
|
||||
<option value="$PROJECT_DIR$/index.html" />
|
||||
<option value="$PROJECT_DIR$/assets/less/font-awesome-ie7.less" />
|
||||
<option value="$PROJECT_DIR$/assets/less/variables.less" />
|
||||
<option value="$PROJECT_DIR$/assets/less/font-awesome.less" />
|
||||
<option value="$PROJECT_DIR$/assets/less/site.less" />
|
||||
<option value="$PROJECT_DIR$/index.html" />
|
||||
</list>
|
||||
</option>
|
||||
</component>
|
||||
@ -101,6 +136,28 @@
|
||||
<option name="width" value="1384" />
|
||||
<option name="height" value="878" />
|
||||
</component>
|
||||
<component name="ProjectInspectionProfilesVisibleTreeState">
|
||||
<entry key="Project Default">
|
||||
<profile-state>
|
||||
<expanded-state>
|
||||
<State>
|
||||
<id />
|
||||
</State>
|
||||
<State>
|
||||
<id>Code style issuesJavaScript</id>
|
||||
</State>
|
||||
<State>
|
||||
<id>JavaScript</id>
|
||||
</State>
|
||||
</expanded-state>
|
||||
<selected-state>
|
||||
<State>
|
||||
<id>CoffeeScript</id>
|
||||
</State>
|
||||
</selected-state>
|
||||
</profile-state>
|
||||
</entry>
|
||||
</component>
|
||||
<component name="ProjectLevelVcsManager" settingsEditedManually="false">
|
||||
<OptionsSetting value="true" id="Add" />
|
||||
<OptionsSetting value="true" id="Remove" />
|
||||
@ -176,46 +233,6 @@
|
||||
<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>
|
||||
@ -223,17 +240,42 @@
|
||||
</panes>
|
||||
</component>
|
||||
<component name="PropertiesComponent">
|
||||
<property name="options.splitter.main.proportions" value="0.3" />
|
||||
<property name="WebServerToolWindowFactoryState" value="false" />
|
||||
<property name="options.lastSelected" value="editor.preferences.appearance" />
|
||||
<property name="options.searchVisible" value="true" />
|
||||
<property name="options.splitter.details.proportions" value="0.2" />
|
||||
</component>
|
||||
<component name="RecentsManager">
|
||||
<key name="CopyFile.RECENT_KEYS">
|
||||
<recent name="$PROJECT_DIR$/assets/font" />
|
||||
</key>
|
||||
<key name="MoveFile.RECENT_KEYS">
|
||||
<recent name="$PROJECT_DIR$" />
|
||||
</key>
|
||||
</component>
|
||||
<component name="RunManager">
|
||||
<list size="0" />
|
||||
</component>
|
||||
<component name="ShelveChangesManager" show_recycled="false" />
|
||||
<component name="SvnConfiguration" maxAnnotateRevisions="500" myUseAcceleration="nothing" myAutoUpdateAfterCommit="false" cleanupOnStartRun="false">
|
||||
<option name="USER" value="" />
|
||||
<option name="PASSWORD" value="" />
|
||||
<option name="mySSHConnectionTimeout" value="30000" />
|
||||
<option name="mySSHReadTimeout" value="30000" />
|
||||
<option name="LAST_MERGED_REVISION" />
|
||||
<option name="MERGE_DRY_RUN" value="false" />
|
||||
<option name="MERGE_DIFF_USE_ANCESTRY" value="true" />
|
||||
<option name="UPDATE_LOCK_ON_DEMAND" value="false" />
|
||||
<option name="IGNORE_SPACES_IN_MERGE" value="false" />
|
||||
<option name="DETECT_NESTED_COPIES" value="true" />
|
||||
<option name="CHECK_NESTED_FOR_QUICK_MERGE" value="false" />
|
||||
<option name="IGNORE_SPACES_IN_ANNOTATE" value="true" />
|
||||
<option name="SHOW_MERGE_SOURCES_IN_ANNOTATE" value="true" />
|
||||
<option name="FORCE_UPDATE" value="false" />
|
||||
<option name="IGNORE_EXTERNALS" value="false" />
|
||||
<myIsUseDefaultProxy>false</myIsUseDefaultProxy>
|
||||
</component>
|
||||
<component name="TaskManager">
|
||||
<task active="true" id="Default" summary="Default task">
|
||||
<created>1356547735112</created>
|
||||
@ -323,39 +365,64 @@
|
||||
</state>
|
||||
</provider>
|
||||
</entry>
|
||||
<entry file="file://$PROJECT_DIR$/assets/less/font-awesome-ie7.less">
|
||||
<entry file="file://$PROJECT_DIR$/design.html">
|
||||
<provider selected="true" editor-type-id="text-editor">
|
||||
<state line="297" column="46" selection-start="13624" selection-end="13624" 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">
|
||||
<state line="39" column="0" selection-start="1350" selection-end="1350" vertical-scroll-proportion="-6.075949">
|
||||
<folding />
|
||||
</state>
|
||||
</provider>
|
||||
</entry>
|
||||
<entry file="file://$PROJECT_DIR$/test.html">
|
||||
<provider selected="true" editor-type-id="text-editor">
|
||||
<state line="40" column="0" selection-start="1149" selection-end="1425" vertical-scroll-proportion="-16.25">
|
||||
<state line="81" column="41" selection-start="2641" selection-end="2641" vertical-scroll-proportion="-9.833333">
|
||||
<folding>
|
||||
<element signature="n#style#0;n#div#0;n#div#0;n#div#4;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
|
||||
<element signature="n#style#0;n#div#0;n#div#1;n#div#4;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
|
||||
<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" />
|
||||
<element signature="n#style#0;n#div#0;n#div#1;n#div#5;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
|
||||
<element signature="n#style#0;n#div#0;n#div#0;n#div#6;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
|
||||
</folding>
|
||||
</state>
|
||||
</provider>
|
||||
</entry>
|
||||
<entry file="file://$PROJECT_DIR$/index.html">
|
||||
<entry file="file://$PROJECT_DIR$/assets/less/font-awesome-ie7.less">
|
||||
<provider selected="true" editor-type-id="text-editor">
|
||||
<state line="283" column="0" selection-start="12966" selection-end="13019" vertical-scroll-proportion="-27.625">
|
||||
<state line="32" column="1" selection-start="530" selection-end="530" vertical-scroll-proportion="0.0">
|
||||
<folding />
|
||||
</state>
|
||||
</provider>
|
||||
</entry>
|
||||
<entry file="file://$PROJECT_DIR$/assets/less/mixins.less">
|
||||
<provider selected="true" editor-type-id="text-editor">
|
||||
<state line="37" column="21" selection-start="1677" selection-end="1677" vertical-scroll-proportion="0.0">
|
||||
<folding />
|
||||
</state>
|
||||
</provider>
|
||||
</entry>
|
||||
<entry file="file://$PROJECT_DIR$/assets/less/variables.less">
|
||||
<provider selected="true" editor-type-id="text-editor">
|
||||
<state line="23" column="43" selection-start="538" selection-end="538" vertical-scroll-proportion="0.0">
|
||||
<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.24657534">
|
||||
<state line="74" column="0" selection-start="2374" selection-end="2374" 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="302" column="2" selection-start="6466" selection-end="6466" vertical-scroll-proportion="0.0">
|
||||
<folding />
|
||||
</state>
|
||||
</provider>
|
||||
</entry>
|
||||
<entry file="file://$PROJECT_DIR$/index.html">
|
||||
<provider selected="true" editor-type-id="text-editor">
|
||||
<state line="1063" column="32" selection-start="46356" selection-end="46356" vertical-scroll-proportion="0.86821705">
|
||||
<folding />
|
||||
</state>
|
||||
</provider>
|
||||
|
||||
@ -1,10 +1,6 @@
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
font-family: FontAwesome;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
padding-right: .3em;
|
||||
text-decoration: inherit;
|
||||
}
|
||||
.icon-large {
|
||||
font-size: 1.3333333333333333em;
|
||||
@ -18,10 +14,22 @@
|
||||
.nav [class^="icon-"],
|
||||
.btn [class*=" icon-"],
|
||||
.nav [class*=" icon-"] {
|
||||
vertical-align: inherit;
|
||||
margin-top: -4px;
|
||||
padding-top: 3px;
|
||||
margin-bottom: -4px;
|
||||
padding-bottom: 3px;
|
||||
line-height: .9em;
|
||||
}
|
||||
.btn [class^="icon-"].icon-large,
|
||||
.nav [class^="icon-"].icon-large,
|
||||
.btn [class*=" icon-"].icon-large,
|
||||
.nav [class*=" icon-"].icon-large {
|
||||
line-height: .8em;
|
||||
}
|
||||
a [class^="icon-"],
|
||||
a [class*=" icon-"] {
|
||||
cursor: pointer;
|
||||
}
|
||||
.icon-glass {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
|
||||
@ -4726,16 +4726,17 @@ a.badge:hover {
|
||||
------------------------------------------------------- */
|
||||
[class^="icon-"]:before,
|
||||
[class*=" icon-"]:before {
|
||||
text-decoration: inherit;
|
||||
display: inline-block;
|
||||
speak: none;
|
||||
}
|
||||
/* includes sprites.less reset */
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
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;
|
||||
@ -4749,7 +4750,6 @@ a.badge:hover {
|
||||
a [class^="icon-"],
|
||||
a [class*=" icon-"] {
|
||||
display: inline-block;
|
||||
text-decoration: inherit;
|
||||
}
|
||||
/* makes the font 33% larger relative to the icon container */
|
||||
.icon-large:before {
|
||||
@ -4760,6 +4760,7 @@ a [class*=" icon-"] {
|
||||
.nav [class^="icon-"],
|
||||
.btn [class*=" icon-"],
|
||||
.nav [class*=" icon-"] {
|
||||
display: inline;
|
||||
/* keeps button heights with and without icons the same */
|
||||
|
||||
line-height: .9em;
|
||||
@ -5873,9 +5874,55 @@ section {
|
||||
content: "\f005";
|
||||
color: #e3cf7a;
|
||||
}
|
||||
#kyruus {
|
||||
color: #555555;
|
||||
font-size: 18px;
|
||||
}
|
||||
#kyruus,
|
||||
#kyruus li {
|
||||
line-height: 25px;
|
||||
}
|
||||
#kyruus p {
|
||||
margin-bottom: 22px;
|
||||
}
|
||||
#kyruus p strong {
|
||||
color: #222222;
|
||||
}
|
||||
#kyruus ul {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 22px;
|
||||
}
|
||||
#kyruus ul li {
|
||||
margin-top: 10px;
|
||||
}
|
||||
#kyruus ul i {
|
||||
margin-top: 5px;
|
||||
color: #007dbc;
|
||||
}
|
||||
#kyruus .border {
|
||||
border: solid 10px #eeeeee;
|
||||
padding: 1em 1.5em;
|
||||
margin-left: .2em;
|
||||
-webkit-border-radius: 10px;
|
||||
-moz-border-radius: 10px;
|
||||
border-radius: 10px;
|
||||
}
|
||||
#kyruus .border .icon-medkit {
|
||||
font-size: 224px;
|
||||
}
|
||||
#kyruus .border a:hover .icon-medkit {
|
||||
text-decoration: none;
|
||||
}
|
||||
#kyruus a {
|
||||
font-weight: bold;
|
||||
color: #007dbc;
|
||||
}
|
||||
#kyruus a:hover {
|
||||
color: #005f9b;
|
||||
}
|
||||
.modal {
|
||||
width: 560px;
|
||||
max-height: 600px;
|
||||
max-height: 610px;
|
||||
}
|
||||
.modal .modal-body {
|
||||
*overflow: hidden;
|
||||
@ -5889,7 +5936,7 @@ section {
|
||||
text-align: center;
|
||||
}
|
||||
.modal .modal-body div.thumbnail div {
|
||||
margin-bottom: 5px;
|
||||
margin: 8px;
|
||||
}
|
||||
.modal .modal-body .icon6 {
|
||||
width: 330px;
|
||||
|
||||
@ -1,10 +1,6 @@
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
font-family:FontAwesome;
|
||||
font-style:normal;
|
||||
font-weight:normal;
|
||||
padding-right:.3em;
|
||||
text-decoration: inherit;
|
||||
}
|
||||
|
||||
.icon-large {
|
||||
@ -19,15 +15,22 @@
|
||||
.btn, .nav {
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
vertical-align: inherit;
|
||||
margin-top: -4px;
|
||||
padding-top: 3px;
|
||||
margin-bottom: -4px;
|
||||
padding-bottom: 3px;
|
||||
line-height: .9em;
|
||||
&.icon-large {
|
||||
line-height: .8em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
a [class^="icon-"],
|
||||
a [class*=" icon-"] {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.ie7icon(@inner) {
|
||||
*zoom: ~"expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '@{inner}')";
|
||||
|
||||
23
docs/assets/less/font-awesome.less
vendored
23
docs/assets/less/font-awesome.less
vendored
@ -44,17 +44,18 @@
|
||||
------------------------------------------------------- */
|
||||
[class^="icon-"]:before,
|
||||
[class*=" icon-"]:before {
|
||||
font-family: FontAwesome;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
display: inline-block;
|
||||
text-decoration: inherit;
|
||||
display: inline-block;
|
||||
speak: none;
|
||||
}
|
||||
|
||||
/* sprites.less reset */
|
||||
/* includes sprites.less reset */
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
font-family: FontAwesome;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
text-decoration: inherit;
|
||||
display: inline;
|
||||
width: auto;
|
||||
height: auto;
|
||||
@ -66,10 +67,11 @@
|
||||
}
|
||||
|
||||
/* makes sure icons active on rollover in links */
|
||||
a [class^="icon-"],
|
||||
a [class*=" icon-"] {
|
||||
display: inline-block;
|
||||
text-decoration: inherit;
|
||||
a {
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
/* makes the font 33% larger relative to the icon container */
|
||||
@ -81,7 +83,8 @@ a [class*=" icon-"] {
|
||||
.btn, .nav {
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
/* keeps button heights with and without icons the same */
|
||||
display: inline;
|
||||
/* keeps button heights with and without icons the same */
|
||||
line-height: .9em;
|
||||
&.icon-large {
|
||||
line-height: .8em;
|
||||
|
||||
@ -35,7 +35,7 @@
|
||||
}
|
||||
}
|
||||
|
||||
.icon-size (@size: 12px, @width-multiplier: .9, @height-multiplier: 1) {
|
||||
.icon-size (@size: 14px, @width-multiplier: .9, @height-multiplier: 1) {
|
||||
i { font-size: @size; }
|
||||
line-height: @size * 1.1;
|
||||
height: @size * @height-multiplier * 1.05;
|
||||
|
||||
@ -184,7 +184,6 @@ section {
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
.the-icons {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
@ -275,10 +274,46 @@ section {
|
||||
}
|
||||
}
|
||||
|
||||
#kyruus {
|
||||
color: @gray;
|
||||
font-size: 18px;
|
||||
&, li { line-height: 25px; }
|
||||
p {
|
||||
margin-bottom: 22px;
|
||||
strong { color: @grayDarker; }
|
||||
}
|
||||
ul {
|
||||
margin-top: 5px;
|
||||
margin-bottom: 22px;
|
||||
li { margin-top: 10px; }
|
||||
i {
|
||||
margin-top: 5px;
|
||||
// margin-right: .4em;
|
||||
// color: mix(@grayLight, @grayLighter, 50%);
|
||||
color: mix(@blue, @blueDark, 50%);
|
||||
}
|
||||
}
|
||||
.border {
|
||||
.icon-medkit { font-size: 224px; }
|
||||
border: solid 10px @grayLighter;
|
||||
padding: 1em 1.5em;
|
||||
margin-left: .2em;
|
||||
.border-radius(10px);
|
||||
a:hover .icon-medkit { text-decoration: none; }
|
||||
// a:hover i { text-decoration: underline; }
|
||||
}
|
||||
a {
|
||||
font-weight: bold;
|
||||
color: mix(@blue, @blueDark, 50%);
|
||||
&:hover {
|
||||
color: @blueDark;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.modal {
|
||||
width: 560px;
|
||||
max-height: 600px;
|
||||
max-height: 610px;
|
||||
.modal-body {
|
||||
*overflow: hidden; // ie7 fix
|
||||
max-height: none;
|
||||
@ -286,7 +321,7 @@ section {
|
||||
.row { margin-bottom: 15px; }
|
||||
div.thumbnail {
|
||||
text-align: center;
|
||||
div { margin-bottom: 5px; }
|
||||
div { margin: 8px; }
|
||||
}
|
||||
.icon6 {
|
||||
width: 330px;
|
||||
|
||||
@ -20,8 +20,8 @@
|
||||
|
||||
// Accent colors
|
||||
// -------------------------
|
||||
@blue: #049cdb;
|
||||
@blueDark: #0064cd;
|
||||
@blue: #009add; // Kyruus Light Blue
|
||||
@blueDark: #005f9b; // Kyruus Blue
|
||||
@green: #46a546;
|
||||
@red: #9d261d;
|
||||
@yellow: #ffc40d;
|
||||
|
||||
321
docs/design.html
Normal file
321
docs/design.html
Normal file
@ -0,0 +1,321 @@
|
||||
<!DOCTYPE html>
|
||||
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
|
||||
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
|
||||
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
|
||||
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
|
||||
<head>
|
||||
<!-- Basic Page Needs
|
||||
================================================== -->
|
||||
<meta charset="utf-8" />
|
||||
<title>Font Awesome Copy & Paste</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- CSS
|
||||
================================================== -->
|
||||
|
||||
<link rel="stylesheet" href="assets/css/site.css">
|
||||
<link rel="stylesheet" href="assets/css/prettify.css">
|
||||
<!--[if IE 7]>
|
||||
<link rel="stylesheet" href="assets/css/font-awesome-ie7.css">
|
||||
<![endif]-->
|
||||
<!-- Le fav and touch icons -->
|
||||
<link rel="shortcut icon" href="assets/ico/favicon.ico">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div class="jumbotron">
|
||||
<div class="container">
|
||||
|
||||
<h1><i class="icon-copy"></i> Copy & <i class="icon-paste"></i> Paste</h1>
|
||||
<p>
|
||||
Install FontAwesome.otf on your system.
|
||||
Then, copy and paste any of these icons to use them in your mockups & designs.
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="container">
|
||||
<section>
|
||||
<div class="row">
|
||||
<div class="span4">
|
||||
<ul class="unstyled">
|
||||
<li><i class="icon-"></i> icon-glass <span class="muted">(&#xf000;)</span></li>
|
||||
<li><i class="icon-"></i> icon-music <span class="muted">(&#xf001;)</span></li>
|
||||
<li><i class="icon-"></i> icon-search <span class="muted">(&#xf002;)</span></li>
|
||||
<li><i class="icon-"></i> icon-envelope <span class="muted">(&#xf003;)</span></li>
|
||||
<li><i class="icon-"></i> icon-heart <span class="muted">(&#xf004;)</span></li>
|
||||
<li><i class="icon-"></i> icon-star <span class="muted">(&#xf005;)</span></li>
|
||||
<li><i class="icon-"></i> icon-star-empty <span class="muted">(&#xf006;)</span></li>
|
||||
<li><i class="icon-"></i> icon-user <span class="muted">(&#xf007;)</span></li>
|
||||
<li><i class="icon-"></i> icon-film <span class="muted">(&#xf008;)</span></li>
|
||||
<li><i class="icon-"></i> icon-th-large <span class="muted">(&#xf009;)</span></li>
|
||||
<li><i class="icon-"></i> icon-th <span class="muted">(&#xf00a;)</span></li>
|
||||
<li><i class="icon-"></i> icon-th-list <span class="muted">(&#xf00b;)</span></li>
|
||||
<li><i class="icon-"></i> icon-ok <span class="muted">(&#xf00c;)</span></li>
|
||||
<li><i class="icon-"></i> icon-remove <span class="muted">(&#xf00d;)</span></li>
|
||||
<li><i class="icon-"></i> icon-zoom-in <span class="muted">(&#xf00e;)</span></li>
|
||||
<li><i class="icon-"></i> icon-zoom-out <span class="muted">(&#xf010;)</span></li>
|
||||
<li><i class="icon-"></i> icon-off <span class="muted">(&#xf011;)</span></li>
|
||||
<li><i class="icon-"></i> icon-signal <span class="muted">(&#xf012;)</span></li>
|
||||
<li><i class="icon-"></i> icon-cog <span class="muted">(&#xf013;)</span></li>
|
||||
<li><i class="icon-"></i> icon-trash <span class="muted">(&#xf014;)</span></li>
|
||||
<li><i class="icon-"></i> icon-home <span class="muted">(&#xf015;)</span></li>
|
||||
<li><i class="icon-"></i> icon-file <span class="muted">(&#xf016;)</span></li>
|
||||
<li><i class="icon-"></i> icon-time <span class="muted">(&#xf017;)</span></li>
|
||||
<li><i class="icon-"></i> icon-road <span class="muted">(&#xf018;)</span></li>
|
||||
<li><i class="icon-"></i> icon-download-alt <span class="muted">(&#xf019;)</span></li>
|
||||
<li><i class="icon-"></i> icon-download <span class="muted">(&#xf01a;)</span></li>
|
||||
<li><i class="icon-"></i> icon-upload <span class="muted">(&#xf01b;)</span></li>
|
||||
<li><i class="icon-"></i> icon-inbox <span class="muted">(&#xf01c;)</span></li>
|
||||
<li><i class="icon-"></i> icon-play-circle <span class="muted">(&#xf01d;)</span></li>
|
||||
<li><i class="icon-"></i> icon-repeat <span class="muted">(&#xf01e;)</span></li>
|
||||
<li><i class="icon-"></i> icon-refresh <span class="muted">(&#xf021;)</span></li>
|
||||
<li><i class="icon-"></i> icon-list-alt <span class="muted">(&#xf022;)</span></li>
|
||||
<li><i class="icon-"></i> icon-lock <span class="muted">(&#xf023;)</span></li>
|
||||
<li><i class="icon-"></i> icon-flag <span class="muted">(&#xf024;)</span></li>
|
||||
<li><i class="icon-"></i> icon-headphones <span class="muted">(&#xf025;)</span></li>
|
||||
<li><i class="icon-"></i> icon-volume-off <span class="muted">(&#xf026;)</span></li>
|
||||
<li><i class="icon-"></i> icon-volume-down <span class="muted">(&#xf027;)</span></li>
|
||||
<li><i class="icon-"></i> icon-volume-up <span class="muted">(&#xf028;)</span></li>
|
||||
<li><i class="icon-"></i> icon-qrcode <span class="muted">(&#xf029;)</span></li>
|
||||
<li><i class="icon-"></i> icon-barcode <span class="muted">(&#xf02a;)</span></li>
|
||||
<li><i class="icon-"></i> icon-tag <span class="muted">(&#xf02b;)</span></li>
|
||||
<li><i class="icon-"></i> icon-tags <span class="muted">(&#xf02c;)</span></li>
|
||||
<li><i class="icon-"></i> icon-book <span class="muted">(&#xf02d;)</span></li>
|
||||
<li><i class="icon-"></i> icon-bookmark <span class="muted">(&#xf02e;)</span></li>
|
||||
<li><i class="icon-"></i> icon-print <span class="muted">(&#xf02f;)</span></li>
|
||||
<li><i class="icon-"></i> icon-camera <span class="muted">(&#xf030;)</span></li>
|
||||
<li><i class="icon-"></i> icon-font <span class="muted">(&#xf031;)</span></li>
|
||||
<li><i class="icon-"></i> icon-bold <span class="muted">(&#xf032;)</span></li>
|
||||
<li><i class="icon-"></i> icon-italic <span class="muted">(&#xf033;)</span></li>
|
||||
<li><i class="icon-"></i> icon-text-height <span class="muted">(&#xf034;)</span></li>
|
||||
<li><i class="icon-"></i> icon-text-width <span class="muted">(&#xf035;)</span></li>
|
||||
<li><i class="icon-"></i> icon-align-left <span class="muted">(&#xf036;)</span></li>
|
||||
<li><i class="icon-"></i> icon-align-center <span class="muted">(&#xf037;)</span></li>
|
||||
<li><i class="icon-"></i> icon-align-right <span class="muted">(&#xf038;)</span></li>
|
||||
<li><i class="icon-"></i> icon-align-justify <span class="muted">(&#xf039;)</span></li>
|
||||
<li><i class="icon-"></i> icon-list <span class="muted">(&#xf03a;)</span></li>
|
||||
<li><i class="icon-"></i> icon-indent-left <span class="muted">(&#xf03b;)</span></li>
|
||||
<li><i class="icon-"></i> icon-indent-right <span class="muted">(&#xf03c;)</span></li>
|
||||
<li><i class="icon-"></i> icon-facetime-video <span class="muted">(&#xf03d;)</span></li>
|
||||
<li><i class="icon-"></i> icon-picture <span class="muted">(&#xf03e;)</span></li>
|
||||
<li><i class="icon-"></i> icon-pencil <span class="muted">(&#xf040;)</span></li>
|
||||
<li><i class="icon-"></i> icon-map-marker <span class="muted">(&#xf041;)</span></li>
|
||||
<li><i class="icon-"></i> icon-adjust <span class="muted">(&#xf042;)</span></li>
|
||||
<li><i class="icon-"></i> icon-tint <span class="muted">(&#xf043;)</span></li>
|
||||
<li><i class="icon-"></i> icon-edit <span class="muted">(&#xf044;)</span></li>
|
||||
<li><i class="icon-"></i> icon-share <span class="muted">(&#xf045;)</span></li>
|
||||
<li><i class="icon-"></i> icon-check <span class="muted">(&#xf046;)</span></li>
|
||||
<li><i class="icon-"></i> icon-move <span class="muted">(&#xf047;)</span></li>
|
||||
<li><i class="icon-"></i> icon-step-backward <span class="muted">(&#xf048;)</span></li>
|
||||
<li><i class="icon-"></i> icon-fast-backward <span class="muted">(&#xf049;)</span></li>
|
||||
<li><i class="icon-"></i> icon-backward <span class="muted">(&#xf04a;)</span></li>
|
||||
<li><i class="icon-"></i> icon-play <span class="muted">(&#xf04b;)</span></li>
|
||||
<li><i class="icon-"></i> icon-pause <span class="muted">(&#xf04c;)</span></li>
|
||||
<li><i class="icon-"></i> icon-stop <span class="muted">(&#xf04d;)</span></li>
|
||||
<li><i class="icon-"></i> icon-forward <span class="muted">(&#xf04e;)</span></li>
|
||||
<li><i class="icon-"></i> icon-fast-forward <span class="muted">(&#xf050;)</span></li>
|
||||
<li><i class="icon-"></i> icon-step-forward <span class="muted">(&#xf051;)</span></li>
|
||||
<li><i class="icon-"></i> icon-eject <span class="muted">(&#xf052;)</span></li>
|
||||
<li><i class="icon-"></i> icon-chevron-left <span class="muted">(&#xf053;)</span></li>
|
||||
<li><i class="icon-"></i> icon-chevron-right <span class="muted">(&#xf054;)</span></li>
|
||||
<li><i class="icon-"></i> icon-plus-sign <span class="muted">(&#xf055;)</span></li>
|
||||
<li><i class="icon-"></i> icon-minus-sign <span class="muted">(&#xf056;)</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="span4">
|
||||
<ul class="unstyled">
|
||||
<li><i class="icon-"></i> icon-remove-sign <span class="muted">(&#xf057;)</span></li>
|
||||
<li><i class="icon-"></i> icon-ok-sign <span class="muted">(&#xf058;)</span></li>
|
||||
<li><i class="icon-"></i> icon-question-sign <span class="muted">(&#xf059;)</span></li>
|
||||
<li><i class="icon-"></i> icon-info-sign <span class="muted">(&#xf05a;)</span></li>
|
||||
<li><i class="icon-"></i> icon-screenshot <span class="muted">(&#xf05b;)</span></li>
|
||||
<li><i class="icon-"></i> icon-remove-circle <span class="muted">(&#xf05c;)</span></li>
|
||||
<li><i class="icon-"></i> icon-ok-circle <span class="muted">(&#xf05d;)</span></li>
|
||||
<li><i class="icon-"></i> icon-ban-circle <span class="muted">(&#xf05e;)</span></li>
|
||||
<li><i class="icon-"></i> icon-arrow-left <span class="muted">(&#xf060;)</span></li>
|
||||
<li><i class="icon-"></i> icon-arrow-right <span class="muted">(&#xf061;)</span></li>
|
||||
<li><i class="icon-"></i> icon-arrow-up <span class="muted">(&#xf062;)</span></li>
|
||||
<li><i class="icon-"></i> icon-arrow-down <span class="muted">(&#xf063;)</span></li>
|
||||
<li><i class="icon-"></i> icon-share-alt <span class="muted">(&#xf064;)</span></li>
|
||||
<li><i class="icon-"></i> icon-resize-full <span class="muted">(&#xf065;)</span></li>
|
||||
<li><i class="icon-"></i> icon-resize-small <span class="muted">(&#xf066;)</span></li>
|
||||
<li><i class="icon-"></i> icon-plus <span class="muted">(&#xf067;)</span></li>
|
||||
<li><i class="icon-"></i> icon-minus <span class="muted">(&#xf068;)</span></li>
|
||||
<li><i class="icon-"></i> icon-asterisk <span class="muted">(&#xf069;)</span></li>
|
||||
<li><i class="icon-"></i> icon-exclamation-sign <span class="muted">(&#xf06a;)</span></li>
|
||||
<li><i class="icon-"></i> icon-gift <span class="muted">(&#xf06b;)</span></li>
|
||||
<li><i class="icon-"></i> icon-leaf <span class="muted">(&#xf06c;)</span></li>
|
||||
<li><i class="icon-"></i> icon-fire <span class="muted">(&#xf06d;)</span></li>
|
||||
<li><i class="icon-"></i> icon-eye-open <span class="muted">(&#xf06e;)</span></li>
|
||||
<li><i class="icon-"></i> icon-eye-close <span class="muted">(&#xf070;)</span></li>
|
||||
<li><i class="icon-"></i> icon-warning-sign <span class="muted">(&#xf071;)</span></li>
|
||||
<li><i class="icon-"></i> icon-plane <span class="muted">(&#xf072;)</span></li>
|
||||
<li><i class="icon-"></i> icon-calendar <span class="muted">(&#xf073;)</span></li>
|
||||
<li><i class="icon-"></i> icon-random <span class="muted">(&#xf074;)</span></li>
|
||||
<li><i class="icon-"></i> icon-comment <span class="muted">(&#xf075;)</span></li>
|
||||
<li><i class="icon-"></i> icon-magnet <span class="muted">(&#xf076;)</span></li>
|
||||
<li><i class="icon-"></i> icon-chevron-up <span class="muted">(&#xf077;)</span></li>
|
||||
<li><i class="icon-"></i> icon-chevron-down <span class="muted">(&#xf078;)</span></li>
|
||||
<li><i class="icon-"></i> icon-retweet <span class="muted">(&#xf079;)</span></li>
|
||||
<li><i class="icon-"></i> icon-shopping-cart <span class="muted">(&#xf07a;)</span></li>
|
||||
<li><i class="icon-"></i> icon-folder-close <span class="muted">(&#xf07b;)</span></li>
|
||||
<li><i class="icon-"></i> icon-folder-open <span class="muted">(&#xf07c;)</span></li>
|
||||
<li><i class="icon-"></i> icon-resize-vertical <span class="muted">(&#xf07d;)</span></li>
|
||||
<li><i class="icon-"></i> icon-resize-horizontal <span class="muted">(&#xf07e;)</span></li>
|
||||
<li><i class="icon-"></i> icon-bar-chart <span class="muted">(&#xf080;)</span></li>
|
||||
<li><i class="icon-"></i> icon-twitter-sign <span class="muted">(&#xf081;)</span></li>
|
||||
<li><i class="icon-"></i> icon-facebook-sign <span class="muted">(&#xf082;)</span></li>
|
||||
<li><i class="icon-"></i> icon-camera-retro <span class="muted">(&#xf083;)</span></li>
|
||||
<li><i class="icon-"></i> icon-key <span class="muted">(&#xf084;)</span></li>
|
||||
<li><i class="icon-"></i> icon-cogs <span class="muted">(&#xf085;)</span></li>
|
||||
<li><i class="icon-"></i> icon-comments <span class="muted">(&#xf086;)</span></li>
|
||||
<li><i class="icon-"></i> icon-thumbs-up <span class="muted">(&#xf087;)</span></li>
|
||||
<li><i class="icon-"></i> icon-thumbs-down <span class="muted">(&#xf088;)</span></li>
|
||||
<li><i class="icon-"></i> icon-star-half <span class="muted">(&#xf089;)</span></li>
|
||||
<li><i class="icon-"></i> icon-heart-empty <span class="muted">(&#xf08a;)</span></li>
|
||||
<li><i class="icon-"></i> icon-signout <span class="muted">(&#xf08b;)</span></li>
|
||||
<li><i class="icon-"></i> icon-linkedin-sign <span class="muted">(&#xf08c;)</span></li>
|
||||
<li><i class="icon-"></i> icon-pushpin <span class="muted">(&#xf08d;)</span></li>
|
||||
<li><i class="icon-"></i> icon-external-link <span class="muted">(&#xf08e;)</span></li>
|
||||
<li><i class="icon-"></i> icon-signin <span class="muted">(&#xf090;)</span></li>
|
||||
<li><i class="icon-"></i> icon-trophy <span class="muted">(&#xf091;)</span></li>
|
||||
<li><i class="icon-"></i> icon-github-sign <span class="muted">(&#xf092;)</span></li>
|
||||
<li><i class="icon-"></i> icon-upload-alt <span class="muted">(&#xf093;)</span></li>
|
||||
<li><i class="icon-"></i> icon-lemon <span class="muted">(&#xf094;)</span></li>
|
||||
<li><i class="icon-"></i> icon-phone <span class="muted">(&#xf095;)</span></li>
|
||||
<li><i class="icon-"></i> icon-check-empty <span class="muted">(&#xf096;)</span></li>
|
||||
<li><i class="icon-"></i> icon-bookmark-empty <span class="muted">(&#xf097;)</span></li>
|
||||
<li><i class="icon-"></i> icon-phone-sign <span class="muted">(&#xf098;)</span></li>
|
||||
<li><i class="icon-"></i> icon-twitter <span class="muted">(&#xf099;)</span></li>
|
||||
<li><i class="icon-"></i> icon-facebook <span class="muted">(&#xf09a;)</span></li>
|
||||
<li><i class="icon-"></i> icon-github <span class="muted">(&#xf09b;)</span></li>
|
||||
<li><i class="icon-"></i> icon-unlock <span class="muted">(&#xf09c;)</span></li>
|
||||
<li><i class="icon-"></i> icon-credit-card <span class="muted">(&#xf09d;)</span></li>
|
||||
<li><i class="icon-"></i> icon-rss <span class="muted">(&#xf09e;)</span></li>
|
||||
<li><i class="icon-"></i> icon-hdd <span class="muted">(&#xf0a0;)</span></li>
|
||||
<li><i class="icon-"></i> icon-bullhorn <span class="muted">(&#xf0a1;)</span></li>
|
||||
<li><i class="icon-"></i> icon-bell <span class="muted">(&#xf0a2;)</span></li>
|
||||
<li><i class="icon-"></i> icon-certificate <span class="muted">(&#xf0a3;)</span></li>
|
||||
<li><i class="icon-"></i> icon-hand-right <span class="muted">(&#xf0a4;)</span></li>
|
||||
<li><i class="icon-"></i> icon-hand-left <span class="muted">(&#xf0a5;)</span></li>
|
||||
<li><i class="icon-"></i> icon-hand-up <span class="muted">(&#xf0a6;)</span></li>
|
||||
<li><i class="icon-"></i> icon-hand-down <span class="muted">(&#xf0a7;)</span></li>
|
||||
<li><i class="icon-"></i> icon-circle-arrow-left <span class="muted">(&#xf0a8;)</span></li>
|
||||
<li><i class="icon-"></i> icon-circle-arrow-right <span class="muted">(&#xf0a9;)</span></li>
|
||||
<li><i class="icon-"></i> icon-circle-arrow-up <span class="muted">(&#xf0aa;)</span></li>
|
||||
<li><i class="icon-"></i> icon-circle-arrow-down <span class="muted">(&#xf0ab;)</span></li>
|
||||
<li><i class="icon-"></i> icon-globe <span class="muted">(&#xf0ac;)</span></li>
|
||||
<li><i class="icon-"></i> icon-wrench <span class="muted">(&#xf0ad;)</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="span4">
|
||||
<ul class="unstyled">
|
||||
<li><i class="icon-"></i> icon-tasks <span class="muted">(&#xf0ae;)</span></li>
|
||||
<li><i class="icon-"></i> icon-filter <span class="muted">(&#xf0b0;)</span></li>
|
||||
<li><i class="icon-"></i> icon-briefcase <span class="muted">(&#xf0b1;)</span></li>
|
||||
<li><i class="icon-"></i> icon-fullscreen <span class="muted">(&#xf0b2;)</span></li>
|
||||
<li><i class="icon-"></i> icon-group <span class="muted">(&#xf0c0;)</span></li>
|
||||
<li><i class="icon-"></i> icon-link <span class="muted">(&#xf0c1;)</span></li>
|
||||
<li><i class="icon-"></i> icon-cloud <span class="muted">(&#xf0c2;)</span></li>
|
||||
<li><i class="icon-"></i> icon-beaker <span class="muted">(&#xf0c3;)</span></li>
|
||||
<li><i class="icon-"></i> icon-cut <span class="muted">(&#xf0c4;)</span></li>
|
||||
<li><i class="icon-"></i> icon-copy <span class="muted">(&#xf0c5;)</span></li>
|
||||
<li><i class="icon-"></i> icon-paper-clip <span class="muted">(&#xf0c6;)</span></li>
|
||||
<li><i class="icon-"></i> icon-save <span class="muted">(&#xf0c7;)</span></li>
|
||||
<li><i class="icon-"></i> icon-sign-blank <span class="muted">(&#xf0c8;)</span></li>
|
||||
<li><i class="icon-"></i> icon-reorder <span class="muted">(&#xf0c9;)</span></li>
|
||||
<li><i class="icon-"></i> icon-list-ul <span class="muted">(&#xf0ca;)</span></li>
|
||||
<li><i class="icon-"></i> icon-list-ol <span class="muted">(&#xf0cb;)</span></li>
|
||||
<li><i class="icon-"></i> icon-strikethrough <span class="muted">(&#xf0cc;)</span></li>
|
||||
<li><i class="icon-"></i> icon-underline <span class="muted">(&#xf0cd;)</span></li>
|
||||
<li><i class="icon-"></i> icon-table <span class="muted">(&#xf0ce;)</span></li>
|
||||
<li><i class="icon-"></i> icon-magic <span class="muted">(&#xf0d0;)</span></li>
|
||||
<li><i class="icon-"></i> icon-truck <span class="muted">(&#xf0d1;)</span></li>
|
||||
<li><i class="icon-"></i> icon-pinterest <span class="muted">(&#xf0d2;)</span></li>
|
||||
<li><i class="icon-"></i> icon-pinterest-sign <span class="muted">(&#xf0d3;)</span></li>
|
||||
<li><i class="icon-"></i> icon-google-plus-sign <span class="muted">(&#xf0d4;)</span></li>
|
||||
<li><i class="icon-"></i> icon-google-plus <span class="muted">(&#xf0d5;)</span></li>
|
||||
<li><i class="icon-"></i> icon-money <span class="muted">(&#xf0d6;)</span></li>
|
||||
<li><i class="icon-"></i> icon-caret-down <span class="muted">(&#xf0d7;)</span></li>
|
||||
<li><i class="icon-"></i> icon-caret-up <span class="muted">(&#xf0d8;)</span></li>
|
||||
<li><i class="icon-"></i> icon-caret-left <span class="muted">(&#xf0d9;)</span></li>
|
||||
<li><i class="icon-"></i> icon-caret-right <span class="muted">(&#xf0da;)</span></li>
|
||||
<li><i class="icon-"></i> icon-columns <span class="muted">(&#xf0db;)</span></li>
|
||||
<li><i class="icon-"></i> icon-sort <span class="muted">(&#xf0dc;)</span></li>
|
||||
<li><i class="icon-"></i> icon-sort-down <span class="muted">(&#xf0dd;)</span></li>
|
||||
<li><i class="icon-"></i> icon-sort-up <span class="muted">(&#xf0de;)</span></li>
|
||||
<li><i class="icon-"></i> icon-envelope-alt <span class="muted">(&#xf0e0;)</span></li>
|
||||
<li><i class="icon-"></i> icon-linkedin <span class="muted">(&#xf0e1;)</span></li>
|
||||
<li><i class="icon-"></i> icon-undo <span class="muted">(&#xf0e2;)</span></li>
|
||||
<li><i class="icon-"></i> icon-legal <span class="muted">(&#xf0e3;)</span></li>
|
||||
<li><i class="icon-"></i> icon-dashboard <span class="muted">(&#xf0e4;)</span></li>
|
||||
<li><i class="icon-"></i> icon-comment-alt <span class="muted">(&#xf0e5;)</span></li>
|
||||
<li><i class="icon-"></i> icon-comments-alt <span class="muted">(&#xf0e6;)</span></li>
|
||||
<li><i class="icon-"></i> icon-bolt <span class="muted">(&#xf0e7;)</span></li>
|
||||
<li><i class="icon-"></i> icon-sitemap <span class="muted">(&#xf0e8;)</span></li>
|
||||
<li><i class="icon-"></i> icon-umbrella <span class="muted">(&#xf0e9;)</span></li>
|
||||
<li><i class="icon-"></i> icon-paste <span class="muted">(&#xf0ea;)</span></li>
|
||||
<li><i class="icon-"></i> icon-lightbulb <span class="muted">(&#xf0eb;)</span></li>
|
||||
<li><i class="icon-"></i> icon-exchange <span class="muted">(&#xf0ec;)</span></li>
|
||||
<li><i class="icon-"></i> icon-cloud-download <span class="muted">(&#xf0ed;)</span></li>
|
||||
<li><i class="icon-"></i> icon-cloud-upload <span class="muted">(&#xf0ee;)</span></li>
|
||||
<li><i class="icon-"></i> icon-user-md <span class="muted">(&#xf0f0;)</span></li>
|
||||
<li><i class="icon-"></i> icon-stethoscope <span class="muted">(&#xf0f1;)</span></li>
|
||||
<li><i class="icon-"></i> icon-suitcase <span class="muted">(&#xf0f2;)</span></li>
|
||||
<li><i class="icon-"></i> icon-bell-alt <span class="muted">(&#xf0f3;)</span></li>
|
||||
<li><i class="icon-"></i> icon-coffee <span class="muted">(&#xf0f4;)</span></li>
|
||||
<li><i class="icon-"></i> icon-food <span class="muted">(&#xf0f5;)</span></li>
|
||||
<li><i class="icon-"></i> icon-file-alt <span class="muted">(&#xf0f6;)</span></li>
|
||||
<li><i class="icon-"></i> icon-building <span class="muted">(&#xf0f7;)</span></li>
|
||||
<li><i class="icon-"></i> icon-hospital <span class="muted">(&#xf0f8;)</span></li>
|
||||
<li><i class="icon-"></i> icon-ambulance <span class="muted">(&#xf0f9;)</span></li>
|
||||
<li><i class="icon-"></i> icon-medkit <span class="muted">(&#xf0fa;)</span></li>
|
||||
<li><i class="icon-"></i> icon-fighter-jet <span class="muted">(&#xf0fb;)</span></li>
|
||||
<li><i class="icon-"></i> icon-beer <span class="muted">(&#xf0fc;)</span></li>
|
||||
<li><i class="icon-"></i> icon-h-sign <span class="muted">(&#xf0fd;)</span></li>
|
||||
<li><i class="icon-"></i> icon-plus-sign-alt <span class="muted">(&#xf0fe;)</span></li>
|
||||
<li><i class="icon-"></i> icon-double-angle-left <span class="muted">(&#xf100;)</span></li>
|
||||
<li><i class="icon-"></i> icon-double-angle-right <span class="muted">(&#xf101;)</span></li>
|
||||
<li><i class="icon-"></i> icon-double-angle-up <span class="muted">(&#xf102;)</span></li>
|
||||
<li><i class="icon-"></i> icon-double-angle-down <span class="muted">(&#xf103;)</span></li>
|
||||
<li><i class="icon-"></i> icon-angle-left <span class="muted">(&#xf104;)</span></li>
|
||||
<li><i class="icon-"></i> icon-angle-right <span class="muted">(&#xf105;)</span></li>
|
||||
<li><i class="icon-"></i> icon-angle-up <span class="muted">(&#xf106;)</span></li>
|
||||
<li><i class="icon-"></i> icon-angle-down <span class="muted">(&#xf107;)</span></li>
|
||||
<li><i class="icon-"></i> icon-desktop <span class="muted">(&#xf108;)</span></li>
|
||||
<li><i class="icon-"></i> icon-laptop <span class="muted">(&#xf109;)</span></li>
|
||||
<li><i class="icon-"></i> icon-tablet <span class="muted">(&#xf10a;)</span></li>
|
||||
<li><i class="icon-"></i> icon-mobile-phone <span class="muted">(&#xf10b;)</span></li>
|
||||
<li><i class="icon-"></i> icon-circle-blank <span class="muted">(&#xf10c;)</span></li>
|
||||
<li><i class="icon-"></i> icon-quote-left <span class="muted">(&#xf10d;)</span></li>
|
||||
<li><i class="icon-"></i> icon-quote-right <span class="muted">(&#xf10e;)</span></li>
|
||||
<li><i class="icon-"></i> icon-spinner <span class="muted">(&#xf110;)</span></li>
|
||||
<li><i class="icon-"></i> icon-circle <span class="muted">(&#xf111;)</span></li>
|
||||
<li><i class="icon-"></i> icon-reply <span class="muted">(&#xf112;)</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<script src="assets/js/jquery-1.7.1.min.js"></script>
|
||||
<script src="assets/js/bootstrap-222.min.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -68,6 +68,7 @@
|
||||
<li><a href="#integration">Integration</a></li>
|
||||
<li><a href="#code">Code</a></li>
|
||||
<li><a href="#whats-next">What's Next</a></li>
|
||||
<li><a href="#kyruus">Kyruus</a></li>
|
||||
</ul>
|
||||
<ul class="nav pull-right">
|
||||
<li><a href="mailto:dave@davegandy.com"><i class="icon-envelope"></i> Me</a></li>
|
||||
@ -155,7 +156,7 @@
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section id="why">
|
||||
<section id="why" class="clearfix">
|
||||
<div class="row">
|
||||
<div class="span4">
|
||||
<h4><i class="icon-flag icon-large"></i> One font, 236 icons</h4>
|
||||
@ -607,7 +608,7 @@
|
||||
|
||||
<section id="icons-medical" class="row">
|
||||
<div class="span12">
|
||||
<h2 class="page-header">Medical Icons <small>Want to truly make healthcare better? Join me at <a href="#">Kyruus</a>.</small></h2>
|
||||
<h2 class="page-header">Medical Icons <small>Want to truly make healthcare better? Join me at <a href="#kyruus">Kyruus</a>.</small></h2>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<ul class="the-icons">
|
||||
@ -1029,6 +1030,44 @@
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section id="kyruus">
|
||||
<h2 class="page-header"><a href="http://kyruus.com" target="_blank">Kyruus</a></h2>
|
||||
<div class="row">
|
||||
<div class="span7">
|
||||
<p>
|
||||
I'm the lead product designer at Kyruus. I wake up every single day excited about my job.
|
||||
Why? <strong>Kyruus is going to change healthcare.</strong> No exaggeration.
|
||||
</p>
|
||||
|
||||
<p>
|
||||
Kyruus is a well-funded, big data healthcare startup in Boston. We believe that the right data at the right time
|
||||
can help doctors make better decisions. <strong>We believe data can save lives.</strong>
|
||||
</p>
|
||||
|
||||
What I love about Kyruus:
|
||||
<ul class="unstyled">
|
||||
<li><i class="icon-pencil icon-2x pull-left"></i> Product design. From the top of the organization, Kyruus is committed to product design done right. It's awesome.</li>
|
||||
<li><i class="icon-globe icon-2x pull-left"></i> Purpose. Every day, I get to help make the world a better place – a little at a time.</li>
|
||||
<li><i class="icon-group icon-2x pull-left"></i> People. I work with some of the best people I've ever met. More than just smart people. Good people.</li>
|
||||
</ul>
|
||||
|
||||
<p>
|
||||
Kyruus needs good people. Designers, app developers, big data masters, & interns that get real responsibility.
|
||||
</p>
|
||||
|
||||
Interested? <a href="mailto:dave@davegandy.com">Email me.</a>
|
||||
</div>
|
||||
<div class="span5">
|
||||
<div class="border pull-right text-align-center">
|
||||
<a href="http://kyruus.com" target="_blank">
|
||||
<i class="icon-medkit"></i><br>
|
||||
Work with me at Kyruus
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!--<section id="fort-awesome">-->
|
||||
<!--<h2 class="page-header">Fort Awesome? Font Awesome?</h2>-->
|
||||
<!--<div class="row">-->
|
||||
@ -1055,7 +1094,7 @@
|
||||
<ul class="icons">
|
||||
<li><i class="icon-envelope"></i> Email: <a href="mailto:dave@davegandy.com">Dave Gandy</a></li>
|
||||
<li><i class="icon-twitter"></i> Twitter: <a href="https://twitter.com/fortaweso_me/" target="_blank">@FortAweso_me</a></li>
|
||||
<li><i class="icon-wrench"></i> Work: Lead Product Designer @ <a href="http://kyruus.com" target="_blank">Kyruus</a></li>
|
||||
<li><i class="icon-wrench"></i> Work: Lead Product Designer @ <a href="#kyruus">Kyruus</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="span8">
|
||||
|
||||
@ -79,6 +79,7 @@
|
||||
<div class="lead">
|
||||
<a href="#"><i class="icon-building"></i> Link Here</a>
|
||||
<a href="#"><i class="icon-building icon-large"></i> Link Here</a>
|
||||
<a href="#"><i class="icon-caret-down"></i> Link Here</a>
|
||||
</div>
|
||||
|
||||
|
||||
@ -107,6 +108,7 @@
|
||||
|
||||
|
||||
<h3>Plain buttons next to icon buttons <small>should be same height</small></h3>
|
||||
<h4>Buttons</h4>
|
||||
<div class="row">
|
||||
<div class="span4">
|
||||
<div style="border: solid 1px #d3d3d3; text-align: center;">
|
||||
@ -158,6 +160,58 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h4>Anchors</h4>
|
||||
<div class="row">
|
||||
<div class="span4">
|
||||
<div style="border: solid 1px #d3d3d3; text-align: center;">
|
||||
<div>
|
||||
<a class="btn btn-mini">Button</a>
|
||||
<a class="btn btn-mini"><i class="icon-building"></i> Button</a>
|
||||
<a class="btn btn-mini"><i class="icon-building"></i></a>
|
||||
</div>
|
||||
<div>
|
||||
<a class="btn btn-small">Button</a>
|
||||
<a class="btn btn-small"><i class="icon-building"></i> Button</a>
|
||||
<a class="btn btn-small"><i class="icon-building"></i></a>
|
||||
</div>
|
||||
<div>
|
||||
<a class="btn">Button</a>
|
||||
<a class="btn"><i class="icon-building"></i> Button</a>
|
||||
<a class="btn"><i class="icon-building"></i></a>
|
||||
</div>
|
||||
<div>
|
||||
<a class="btn btn-large">Button</a>
|
||||
<a class="btn btn-large"><i class="icon-building"></i> Button</a>
|
||||
<a class="btn btn-large"><i class="icon-building"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span4">
|
||||
<div style="border: solid 1px #d3d3d3; text-align: center;">
|
||||
<div>
|
||||
<a class="btn btn-mini">Button</a>
|
||||
<a class="btn btn-mini"><i class="icon-building icon-large"></i> Button</a>
|
||||
<a class="btn btn-mini"><i class="icon-building icon-large"></i></a>
|
||||
</div>
|
||||
<div>
|
||||
<a class="btn btn-small">Button</a>
|
||||
<a class="btn btn-small"><i class="icon-building icon-large"></i> Button</a>
|
||||
<a class="btn btn-small"><i class="icon-building icon-large"></i></a>
|
||||
</div>
|
||||
<div>
|
||||
<a class="btn">Button</a>
|
||||
<a class="btn"><i class="icon-building icon-large"></i> Button</a>
|
||||
<a class="btn"><i class="icon-building icon-large"></i></a>
|
||||
</div>
|
||||
<div>
|
||||
<a class="btn btn-large">Button</a>
|
||||
<a class="btn btn-large"><i class="icon-building icon-large"></i> Button</a>
|
||||
<a class="btn btn-large"><i class="icon-building icon-large"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<h3>Buttons with pulled 2x, 3x, 4x <small>should be same height, have correct line height</small></h3>
|
||||
<div class="row">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user