vendor/assets/css/font-awesome.css.erb in font_awesome-2.0.1 vs vendor/assets/css/font-awesome.css.erb in font_awesome-3.0.0
- old
+ new
@@ -1,80 +1,205 @@
-/* Font Awesome
+/* Font Awesome 3.0
the iconic font designed for use with Twitter Bootstrap
-------------------------------------------------------
The full suite of pictographic icons, examples, and documentation
can be found at: http://fortawesome.github.com/Font-Awesome/
License
-------------------------------------------------------
- The Font Awesome webfont, CSS, and LESS files are licensed under CC BY 3.0:
- http://creativecommons.org/licenses/by/3.0/ A mention of
- 'Font Awesome - http://fortawesome.github.com/Font-Awesome' in human-readable
- source code is considered acceptable attribution (most common on the web).
- If human readable source code is not available to the end user, a mention in
- an 'About' or 'Credits' screen is considered acceptable (most common in desktop
- or mobile software).
+ • The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL
+ • Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
+ http://opensource.org/licenses/mit-license.html
+ • The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/
+ • Attribution is no longer required in Font Awesome 3.0, but much appreciated:
+ "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome"
Contact
-------------------------------------------------------
Email: dave@davegandy.com
Twitter: http://twitter.com/fortaweso_me
- Work: http://lemonwi.se co-founder
+ Work: Lead Product Designer @ http://kyruus.com
*/
@font-face {
- font-family: "FontAwesome";
- src: url('<%= asset_path 'fontawesome-webfont.eot' %>');
- src: url('<%= asset_path 'fontawesome-webfont.eot?#iefix' %>') format('eot'), url('<%= asset_path 'fontawesome-webfont.woff' %>') format('woff'), url('<%= asset_path 'fontawesome-webfont.ttf' %>') format('truetype'), url('<%= asset_path 'fontawesome-webfont.svg#FontAwesome' %>') format('svg');
+ font-family: 'FontAwesome';
+ src: url("<%= asset_path 'fontawesome-webfont.eot' %>");
+ src: url("<%= asset_path 'fontawesome-webfont.eot?#iefix' %>") format('embedded-opentype'),
+ url("<%= asset_path 'fontawesome-webfont.woff' %>") format('woff'),
+ url("<%= asset_path 'fontawesome-webfont.ttf' %>") format('truetype');
font-weight: normal;
font-style: normal;
}
-
/* Font Awesome styles
------------------------------------------------------- */
-[class^="icon-"]:before, [class*=" icon-"]:before {
+/* includes sprites.less reset */
+[class^="icon-"],
+[class*=" icon-"] {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
- display: inline-block;
text-decoration: inherit;
+ display: inline;
+ width: auto;
+ height: auto;
+ line-height: normal;
+ vertical-align: baseline;
+ background-image: none !important;
+ background-position: 0% 0%;
+ background-repeat: repeat;
}
-a [class^="icon-"], a [class*=" icon-"] {
- display: inline-block;
+[class^="icon-"]:before,
+[class*=" icon-"]:before {
text-decoration: inherit;
+ display: inline-block;
+ speak: none;
}
+/* makes sure icons active on rollover in links */
+a [class^="icon-"],
+a [class*=" icon-"] {
+ display: inline-block;
+}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
- vertical-align: top;
+ vertical-align: -10%;
font-size: 1.3333333333333333em;
}
-.btn [class^="icon-"], .btn [class*=" icon-"] {
+.btn [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;
+ line-height: .6em;
}
-li [class^="icon-"], li [class*=" icon-"] {
+.btn [class^="icon-"].icon-spin,
+.nav [class^="icon-"].icon-spin,
+.btn [class*=" icon-"].icon-spin,
+.nav [class*=" icon-"].icon-spin {
display: inline-block;
+}
+li [class^="icon-"],
+li [class*=" icon-"] {
+ display: inline-block;
width: 1.25em;
text-align: center;
}
-li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] {
- /* 1.5 increased font size for icon-large * 1.25 width */
+li [class^="icon-"].icon-large,
+li [class*=" icon-"].icon-large {
+ /* increased font size for icon-large */
- width: 1.875em;
+ width: 1.5625em;
}
-li[class^="icon-"], li[class*=" icon-"] {
- margin-left: 0;
+ul.icons {
list-style-type: none;
+ text-indent: -0.75em;
}
-li[class^="icon-"]:before, li[class*=" icon-"]:before {
- text-indent: -2em;
- text-align: center;
+ul.icons li [class^="icon-"],
+ul.icons li [class*=" icon-"] {
+ width: .75em;
}
-li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before {
- text-indent: -1.3333333333333333em;
+.icon-muted {
+ color: #eeeeee;
}
+.icon-border {
+ border: solid 1px #eeeeee;
+ padding: .2em .25em .15em;
+ -webkit-border-radius: 3px;
+ -moz-border-radius: 3px;
+ border-radius: 3px;
+}
+.icon-2x {
+ font-size: 2em;
+}
+.icon-2x.icon-border {
+ border-width: 2px;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+}
+.icon-3x {
+ font-size: 3em;
+}
+.icon-3x.icon-border {
+ border-width: 3px;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ border-radius: 5px;
+}
+.icon-4x {
+ font-size: 4em;
+}
+.icon-4x.icon-border {
+ border-width: 4px;
+ -webkit-border-radius: 6px;
+ -moz-border-radius: 6px;
+ border-radius: 6px;
+}
+.pull-right {
+ float: right;
+}
+.pull-left {
+ float: left;
+}
+[class^="icon-"].pull-left,
+[class*=" icon-"].pull-left {
+ margin-right: .35em;
+}
+[class^="icon-"].pull-right,
+[class*=" icon-"].pull-right {
+ margin-left: .35em;
+}
+.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: .35em;
+}
+.btn [class^="icon-"].icon-spin.icon-large,
+.btn [class*=" icon-"].icon-spin.icon-large {
+ height: .75em;
+}
+.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: .45em;
+}
+.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: .2em;
+}
+.icon-spin {
+ display: inline-block;
+ -moz-animation: spin 2s infinite linear;
+ -o-animation: spin 2s infinite linear;
+ -webkit-animation: spin 2s infinite linear;
+ animation: spin 2s infinite linear;
+}
+@-moz-keyframes spin {
+ 0% { -moz-transform: rotate(0deg); }
+ 100% { -moz-transform: rotate(359deg); }
+}
+@-webkit-keyframes spin {
+ 0% { -webkit-transform: rotate(0deg); }
+ 100% { -webkit-transform: rotate(359deg); }
+}
+@-o-keyframes spin {
+ 0% { -o-transform: rotate(0deg); }
+ 100% { -o-transform: rotate(359deg); }
+}
+@-ms-keyframes spin {
+ 0% { -ms-transform: rotate(0deg); }
+ 100% { -ms-transform: rotate(359deg); }
+}
+@keyframes spin {
+ 0% { transform: rotate(0deg); }
+ 100% { transform: rotate(359deg); }
+}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.icon-glass:before { content: "\f000"; }
.icon-music:before { content: "\f001"; }
.icon-search:before { content: "\f002"; }
@@ -297,7 +422,48 @@
.icon-comments-alt:before { content: "\f0e6"; }
.icon-bolt:before { content: "\f0e7"; }
.icon-sitemap:before { content: "\f0e8"; }
.icon-umbrella:before { content: "\f0e9"; }
.icon-paste:before { content: "\f0ea"; }
+.icon-lightbulb:before { content: "\f0eb"; }
+.icon-exchange:before { content: "\f0ec"; }
+.icon-cloud-download:before { content: "\f0ed"; }
+.icon-cloud-upload:before { content: "\f0ee"; }
-.icon-user-md:before { content: "\f200"; }
+.icon-user-md:before { content: "\f0f0"; }
+.icon-stethoscope:before { content: "\f0f1"; }
+.icon-suitcase:before { content: "\f0f2"; }
+.icon-bell-alt:before { content: "\f0f3"; }
+.icon-coffee:before { content: "\f0f4"; }
+.icon-food:before { content: "\f0f5"; }
+.icon-file-alt:before { content: "\f0f6"; }
+.icon-building:before { content: "\f0f7"; }
+.icon-hospital:before { content: "\f0f8"; }
+.icon-ambulance:before { content: "\f0f9"; }
+.icon-medkit:before { content: "\f0fa"; }
+.icon-fighter-jet:before { content: "\f0fb"; }
+.icon-beer:before { content: "\f0fc"; }
+.icon-h-sign:before { content: "\f0fd"; }
+.icon-plus-sign-alt:before { content: "\f0fe"; }
+
+.icon-double-angle-left:before { content: "\f100"; }
+.icon-double-angle-right:before { content: "\f101"; }
+.icon-double-angle-up:before { content: "\f102"; }
+.icon-double-angle-down:before { content: "\f103"; }
+.icon-angle-left:before { content: "\f104"; }
+.icon-angle-right:before { content: "\f105"; }
+.icon-angle-up:before { content: "\f106"; }
+.icon-angle-down:before { content: "\f107"; }
+.icon-desktop:before { content: "\f108"; }
+.icon-laptop:before { content: "\f109"; }
+.icon-tablet:before { content: "\f10a"; }
+.icon-mobile-phone:before { content: "\f10b"; }
+.icon-circle-blank:before { content: "\f10c"; }
+.icon-quote-left:before { content: "\f10d"; }
+.icon-quote-right:before { content: "\f10e"; }
+
+.icon-spinner:before { content: "\f110"; }
+.icon-circle:before { content: "\f111"; }
+.icon-reply:before { content: "\f112"; }
+.icon-github-alt:before { content: "\f113"; }
+.icon-folder-close-alt:before { content: "\f114"; }
+.icon-folder-open-alt:before { content: "\f115"; }