diff --git a/docs/assets/css/font-awesome-ie7.css b/docs/assets/css/font-awesome-ie7.css index 3bef79cb7..48d4502a5 100644 --- a/docs/assets/css/font-awesome-ie7.css +++ b/docs/assets/css/font-awesome-ie7.css @@ -1,228 +1,233 @@ -[class^="icon-"], -[class*=" icon-"] { +[class^="ficon-"], +[class*=" ficon-"] { font-family: FontAwesome; font-style: normal; font-weight: normal; } -.icon-large { +.btn.dropdown-toggle [class^="ficon-"], .btn.dropdown-toggle [class*=" ficon-"] { + /* keeps button heights with and without icons the same */ + line-height: 1.4em; +} + +.ficon-large { font-size: 1.3333em; } -.icon-glass { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-music { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-search { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-envelope { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-heart { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-star { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-star-empty { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-user { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-film { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-th-large { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-th { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-th-list { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-ok { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-remove { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-zoom-in { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-glass { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-music { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-search { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-envelope { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-heart { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-star { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-star-empty { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-user { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-film { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-th-large { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-th { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-th-list { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-ok { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-remove { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-zoom-in { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-zoom-out { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-off { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-signal { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-cog { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-trash { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-home { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-file { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-time { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-road { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-download-alt { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-download { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-upload { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-inbox { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-play-circle { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-repeat { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-zoom-out { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-off { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-signal { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-cog { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-trash { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-home { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-file { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-time { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-road { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-download-alt { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-download { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-upload { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-inbox { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-play-circle { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-repeat { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-refresh { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-list-alt { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-lock { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-flag { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-headphones { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-volume-off { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-volume-down { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-volume-up { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-qrcode { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-barcode { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-tag { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-tags { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-book { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-bookmark { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-print { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-refresh { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-list-alt { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-lock { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-flag { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-headphones { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-volume-off { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-volume-down { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-volume-up { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-qrcode { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-barcode { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-tag { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-tags { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-book { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-bookmark { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-print { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-camera { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-font { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-bold { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-italic { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-text-height { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-text-width { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-align-left { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-align-center { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-align-right { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-align-justify { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-list { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-indent-left { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-indent-right { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-facetime-video { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-picture { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-camera { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-font { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-bold { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-italic { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-text-height { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-text-width { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-align-left { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-align-center { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-align-right { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-align-justify { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-list { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-indent-left { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-indent-right { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-facetime-video { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-picture { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-pencil { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-map-marker { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-adjust { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-tint { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-edit { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-share { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-check { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-move { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-step-backward { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-fast-backward { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-backward { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-play { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-pause { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-stop { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-forward { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-pencil { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-map-marker { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-adjust { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-tint { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-edit { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-share { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-check { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-move { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-step-backward { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-fast-backward { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-backward { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-play { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-pause { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-stop { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-forward { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-fast-forward { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-step-forward { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-eject { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-chevron-left { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-chevron-right { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-plus-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-minus-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-remove-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-ok-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-question-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-info-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-screenshot { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-remove-circle { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-ok-circle { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-ban-circle { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-fast-forward { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-step-forward { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-eject { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-chevron-left { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-chevron-right { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-plus-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-minus-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-remove-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-ok-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-question-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-info-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-screenshot { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-remove-circle { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-ok-circle { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-ban-circle { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-arrow-left { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-arrow-right { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-arrow-up { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-arrow-down { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-share-alt { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-resize-full { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-resize-small { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-plus { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-minus { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-asterisk { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-exclamation-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-gift { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-leaf { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-fire { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-eye-open { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-arrow-left { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-arrow-right { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-arrow-up { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-arrow-down { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-share-alt { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-resize-full { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-resize-small { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-plus { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-minus { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-asterisk { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-exclamation-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-gift { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-leaf { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-fire { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-eye-open { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-eye-close { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-warning-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-plane { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-calendar { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-random { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-comment { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-magnet { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-chevron-up { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-chevron-down { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-retweet { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-shopping-cart { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-folder-close { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-folder-open { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-resize-vertical { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-resize-horizontal { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-eye-close { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-warning-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-plane { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-calendar { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-random { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-comment { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-magnet { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-chevron-up { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-chevron-down { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-retweet { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-shopping-cart { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-folder-close { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-folder-open { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-resize-vertical { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-resize-horizontal { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-bar-chart { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-twitter-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-facebook-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-camera-retro { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-key { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-cogs { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-comments { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-thumbs-up { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-thumbs-down { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-star-half { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-heart-empty { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-signout { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-linkedin-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-pushpin { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-external-link { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-bar-chart { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-twitter-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-facebook-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-camera-retro { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-key { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-cogs { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-comments { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-thumbs-up { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-thumbs-down { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-star-half { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-heart-empty { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-signout { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-linkedin-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-pushpin { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-external-link { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-signin { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-trophy { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-github-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-upload-alt { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-lemon { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-phone { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-check-empty { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-bookmark-empty { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-phone-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-twitter { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-facebook { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-github { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-unlock { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-credit-card { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-rss { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-signin { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-trophy { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-github-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-upload-alt { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-lemon { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-phone { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-check-empty { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-bookmark-empty { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-phone-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-twitter { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-facebook { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-github { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-unlock { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-credit-card { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-rss { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-hdd { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-bullhorn { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-bell { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-certificate { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-hand-right { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-hand-left { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-hand-up { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-hand-down { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-circle-arrow-left { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-circle-arrow-right { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-circle-arrow-up { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-circle-arrow-down { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-globe { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-wrench { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-tasks { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-hdd { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-bullhorn { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-bell { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-certificate { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-hand-right { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-hand-left { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-hand-up { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-hand-down { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-circle-arrow-left { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-circle-arrow-right { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-circle-arrow-up { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-circle-arrow-down { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-globe { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-wrench { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-tasks { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-filter { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-briefcase { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-fullscreen { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-filter { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-briefcase { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-fullscreen { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-group { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-link { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-cloud { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-beaker { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-cut { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-copy { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-paper-clip { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-save { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-sign-blank { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-reorder { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-ul { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-ol { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-strikethrough { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-underline { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-table { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-group { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-link { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-cloud { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-beaker { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-cut { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-copy { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-paper-clip { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-save { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-sign-blank { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-reorder { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-ul { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-ol { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-strikethrough { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-underline { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-table { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-magic { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-truck { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-pinterest { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-pinterest-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-google-plus-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-google-plus { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-money { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-caret-down { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-caret-up { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-caret-left { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-caret-right { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-columns { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-sort { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-sort-down { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-sort-up { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-magic { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-truck { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-pinterest { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-pinterest-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-google-plus-sign { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-google-plus { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-money { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-caret-down { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-caret-up { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-caret-left { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-caret-right { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-columns { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-sort { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-sort-down { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-sort-up { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-user-md { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-chart-pie-one-third { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-chart-pie-two-thirds { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-chart-pie-full { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } -.icon-chart-pie-empty { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-user-md { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-chart-pie-one-third { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-chart-pie-two-thirds { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-chart-pie-full { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } +.ficon-chart-pie-empty { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); } diff --git a/docs/assets/css/site.css b/docs/assets/css/site.css index 7e2ccbb2e..3ca6fa627 100644 --- a/docs/assets/css/site.css +++ b/docs/assets/css/site.css @@ -130,7 +130,7 @@ textarea { } body { margin: 0; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px; color: #333333; @@ -340,7 +340,7 @@ a:hover { } p { margin: 0 0 10.5px; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px; } @@ -627,7 +627,7 @@ input, button, select, textarea { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; } label { display: block; @@ -2623,7 +2623,7 @@ input[type="submit"].btn.btn-mini { } .navbar-search .search-query { padding: 4px 9px; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; + font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; font-weight: normal; line-height: 1; @@ -3736,19 +3736,26 @@ a.badge:hover { visibility: hidden; } @font-face { - font-family: 'MuseoSlab'; + font-family: 'museo-slab'; src: url('../font/museo_slab_300-webfont.eot'); src: url('../font/museo_slab_300-webfont.eot?#iefix') format('embedded-opentype'), url('../font/museo_slab_300-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { - font-family: 'MuseoSlab'; + font-family: 'museo-slab'; src: url('../font/museo_slab_500-webfont.eot'); src: url('../font/museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'), url('../font/museo_slab_500-webfont.ttf') format('truetype'); font-weight: bold; font-style: normal; } +@font-face { + font-family: 'proxima-nova'; + src: url('../font/proximanova-webfont.eot'); + src: url('../font/proximanova-webfont.eot?#iefix') format('embedded-opentype'), url('../font/proximanova-webfont.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} /* Font Awesome the iconic font designed for use with Twitter Bootstrap ------------------------------------------------------- @@ -3775,672 +3782,673 @@ a.badge:hover { @font-face { font-family: 'FontAwesome'; src: url('../font/fontawesome-webfont.eot'); - src: url('../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesomeRegular') format('svg'); + src: url('../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ -[class^="icon-"]:before, -[class*=" icon-"]:before { +[class^="ficon-"]:before, +[class*=" ficon-"]:before { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; } -a [class^="icon-"], -a [class*=" icon-"] { +a [class^="ficon-"], +a [class*=" ficon-"] { display: inline-block; text-decoration: inherit; } /* makes the font 33% larger relative to the icon container */ -.icon-large:before { +.ficon-large:before { vertical-align: middle; font-size: 1.3333333333333333em; } -.btn [class^="icon-"], -.btn [class*=" icon-"] { +.btn [class^="ficon-"], +.btn [class*=" ficon-"] { /* keeps button heights with and without icons the same */ line-height: .9em; } -li [class^="icon-"], -li [class*=" icon-"] { +li [class^="ficon-"], +li [class*=" ficon-"] { 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 .ficon-large:before, +li .ficon-large:before { + /* 1.5 increased font size for ficon-large * 1.25 width */ width: 1.875em; } -li[class^="icon-"], -li[class*=" icon-"] { - margin-left: 0; +ul.ficons { list-style-type: none; + margin-left: 2em; + text-indent: -0.8em; } -li[class^="icon-"]:before, -li[class*=" icon-"]:before { - text-indent: -2em; - text-align: center; +ul.ficons li [class^="ficon-"], +ul.ficons li [class*=" ficon-"] { + width: .8em; } -li[class^="icon-"].icon-large:before, -li[class*=" icon-"].icon-large:before { - text-indent: -1.3333333333333333em; +ul.ficons li .ficon-large:before, +ul.ficons li .ficon-large:before { + /* 1.5 increased font size for ficon-large * 1.25 width */ + + vertical-align: initial; } /* 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 { +.ficon-glass:before { content: "\f000"; } -.icon-music:before { +.ficon-music:before { content: "\f001"; } -.icon-search:before { +.ficon-search:before { content: "\f002"; } -.icon-envelope:before { +.ficon-envelope:before { content: "\f003"; } -.icon-heart:before { +.ficon-heart:before { content: "\f004"; } -.icon-star:before { +.ficon-star:before { content: "\f005"; } -.icon-star-empty:before { +.ficon-star-empty:before { content: "\f006"; } -.icon-user:before { +.ficon-user:before { content: "\f007"; } -.icon-film:before { +.ficon-film:before { content: "\f008"; } -.icon-th-large:before { +.ficon-th-large:before { content: "\f009"; } -.icon-th:before { +.ficon-th:before { content: "\f00a"; } -.icon-th-list:before { +.ficon-th-list:before { content: "\f00b"; } -.icon-ok:before { +.ficon-ok:before { content: "\f00c"; } -.icon-remove:before { +.ficon-remove:before { content: "\f00d"; } -.icon-zoom-in:before { +.ficon-zoom-in:before { content: "\f00e"; } -.icon-zoom-out:before { +.ficon-zoom-out:before { content: "\f010"; } -.icon-off:before { +.ficon-off:before { content: "\f011"; } -.icon-signal:before { +.ficon-signal:before { content: "\f012"; } -.icon-cog:before { +.ficon-cog:before { content: "\f013"; } -.icon-trash:before { +.ficon-trash:before { content: "\f014"; } -.icon-home:before { +.ficon-home:before { content: "\f015"; } -.icon-file:before { +.ficon-file:before { content: "\f016"; } -.icon-time:before { +.ficon-time:before { content: "\f017"; } -.icon-road:before { +.ficon-road:before { content: "\f018"; } -.icon-download-alt:before { +.ficon-download-alt:before { content: "\f019"; } -.icon-download:before { +.ficon-download:before { content: "\f01a"; } -.icon-upload:before { +.ficon-upload:before { content: "\f01b"; } -.icon-inbox:before { +.ficon-inbox:before { content: "\f01c"; } -.icon-play-circle:before { +.ficon-play-circle:before { content: "\f01d"; } -.icon-repeat:before { +.ficon-repeat:before { content: "\f01e"; } /* \f020 is not a valid unicode character. all shifted one down */ -.icon-refresh:before { +.ficon-refresh:before { content: "\f021"; } -.icon-list-alt:before { +.ficon-list-alt:before { content: "\f022"; } -.icon-lock:before { +.ficon-lock:before { content: "\f023"; } -.icon-flag:before { +.ficon-flag:before { content: "\f024"; } -.icon-headphones:before { +.ficon-headphones:before { content: "\f025"; } -.icon-volume-off:before { +.ficon-volume-off:before { content: "\f026"; } -.icon-volume-down:before { +.ficon-volume-down:before { content: "\f027"; } -.icon-volume-up:before { +.ficon-volume-up:before { content: "\f028"; } -.icon-qrcode:before { +.ficon-qrcode:before { content: "\f029"; } -.icon-barcode:before { +.ficon-barcode:before { content: "\f02a"; } -.icon-tag:before { +.ficon-tag:before { content: "\f02b"; } -.icon-tags:before { +.ficon-tags:before { content: "\f02c"; } -.icon-book:before { +.ficon-book:before { content: "\f02d"; } -.icon-bookmark:before { +.ficon-bookmark:before { content: "\f02e"; } -.icon-print:before { +.ficon-print:before { content: "\f02f"; } -.icon-camera:before { +.ficon-camera:before { content: "\f030"; } -.icon-font:before { +.ficon-font:before { content: "\f031"; } -.icon-bold:before { +.ficon-bold:before { content: "\f032"; } -.icon-italic:before { +.ficon-italic:before { content: "\f033"; } -.icon-text-height:before { +.ficon-text-height:before { content: "\f034"; } -.icon-text-width:before { +.ficon-text-width:before { content: "\f035"; } -.icon-align-left:before { +.ficon-align-left:before { content: "\f036"; } -.icon-align-center:before { +.ficon-align-center:before { content: "\f037"; } -.icon-align-right:before { +.ficon-align-right:before { content: "\f038"; } -.icon-align-justify:before { +.ficon-align-justify:before { content: "\f039"; } -.icon-list:before { +.ficon-list:before { content: "\f03a"; } -.icon-indent-left:before { +.ficon-indent-left:before { content: "\f03b"; } -.icon-indent-right:before { +.ficon-indent-right:before { content: "\f03c"; } -.icon-facetime-video:before { +.ficon-facetime-video:before { content: "\f03d"; } -.icon-picture:before { +.ficon-picture:before { content: "\f03e"; } -.icon-pencil:before { +.ficon-pencil:before { content: "\f040"; } -.icon-map-marker:before { +.ficon-map-marker:before { content: "\f041"; } -.icon-adjust:before { +.ficon-adjust:before { content: "\f042"; } -.icon-tint:before { +.ficon-tint:before { content: "\f043"; } -.icon-edit:before { +.ficon-edit:before { content: "\f044"; } -.icon-share:before { +.ficon-share:before { content: "\f045"; } -.icon-check:before { +.ficon-check:before { content: "\f046"; } -.icon-move:before { +.ficon-move:before { content: "\f047"; } -.icon-step-backward:before { +.ficon-step-backward:before { content: "\f048"; } -.icon-fast-backward:before { +.ficon-fast-backward:before { content: "\f049"; } -.icon-backward:before { +.ficon-backward:before { content: "\f04a"; } -.icon-play:before { +.ficon-play:before { content: "\f04b"; } -.icon-pause:before { +.ficon-pause:before { content: "\f04c"; } -.icon-stop:before { +.ficon-stop:before { content: "\f04d"; } -.icon-forward:before { +.ficon-forward:before { content: "\f04e"; } -.icon-fast-forward:before { +.ficon-fast-forward:before { content: "\f050"; } -.icon-step-forward:before { +.ficon-step-forward:before { content: "\f051"; } -.icon-eject:before { +.ficon-eject:before { content: "\f052"; } -.icon-chevron-left:before { +.ficon-chevron-left:before { content: "\f053"; } -.icon-chevron-right:before { +.ficon-chevron-right:before { content: "\f054"; } -.icon-plus-sign:before { +.ficon-plus-sign:before { content: "\f055"; } -.icon-minus-sign:before { +.ficon-minus-sign:before { content: "\f056"; } -.icon-remove-sign:before { +.ficon-remove-sign:before { content: "\f057"; } -.icon-ok-sign:before { +.ficon-ok-sign:before { content: "\f058"; } -.icon-question-sign:before { +.ficon-question-sign:before { content: "\f059"; } -.icon-info-sign:before { +.ficon-info-sign:before { content: "\f05a"; } -.icon-screenshot:before { +.ficon-screenshot:before { content: "\f05b"; } -.icon-remove-circle:before { +.ficon-remove-circle:before { content: "\f05c"; } -.icon-ok-circle:before { +.ficon-ok-circle:before { content: "\f05d"; } -.icon-ban-circle:before { +.ficon-ban-circle:before { content: "\f05e"; } -.icon-arrow-left:before { +.ficon-arrow-left:before { content: "\f060"; } -.icon-arrow-right:before { +.ficon-arrow-right:before { content: "\f061"; } -.icon-arrow-up:before { +.ficon-arrow-up:before { content: "\f062"; } -.icon-arrow-down:before { +.ficon-arrow-down:before { content: "\f063"; } -.icon-share-alt:before { +.ficon-share-alt:before { content: "\f064"; } -.icon-resize-full:before { +.ficon-resize-full:before { content: "\f065"; } -.icon-resize-small:before { +.ficon-resize-small:before { content: "\f066"; } -.icon-plus:before { +.ficon-plus:before { content: "\f067"; } -.icon-minus:before { +.ficon-minus:before { content: "\f068"; } -.icon-asterisk:before { +.ficon-asterisk:before { content: "\f069"; } -.icon-exclamation-sign:before { +.ficon-exclamation-sign:before { content: "\f06a"; } -.icon-gift:before { +.ficon-gift:before { content: "\f06b"; } -.icon-leaf:before { +.ficon-leaf:before { content: "\f06c"; } -.icon-fire:before { +.ficon-fire:before { content: "\f06d"; } -.icon-eye-open:before { +.ficon-eye-open:before { content: "\f06e"; } -.icon-eye-close:before { +.ficon-eye-close:before { content: "\f070"; } -.icon-warning-sign:before { +.ficon-warning-sign:before { content: "\f071"; } -.icon-plane:before { +.ficon-plane:before { content: "\f072"; } -.icon-calendar:before { +.ficon-calendar:before { content: "\f073"; } -.icon-random:before { +.ficon-random:before { content: "\f074"; } -.icon-comment:before { +.ficon-comment:before { content: "\f075"; } -.icon-magnet:before { +.ficon-magnet:before { content: "\f076"; } -.icon-chevron-up:before { +.ficon-chevron-up:before { content: "\f077"; } -.icon-chevron-down:before { +.ficon-chevron-down:before { content: "\f078"; } -.icon-retweet:before { +.ficon-retweet:before { content: "\f079"; } -.icon-shopping-cart:before { +.ficon-shopping-cart:before { content: "\f07a"; } -.icon-folder-close:before { +.ficon-folder-close:before { content: "\f07b"; } -.icon-folder-open:before { +.ficon-folder-open:before { content: "\f07c"; } -.icon-resize-vertical:before { +.ficon-resize-vertical:before { content: "\f07d"; } -.icon-resize-horizontal:before { +.ficon-resize-horizontal:before { content: "\f07e"; } -.icon-bar-chart:before { +.ficon-bar-chart:before { content: "\f080"; } -.icon-twitter-sign:before { +.ficon-twitter-sign:before { content: "\f081"; } -.icon-facebook-sign:before { +.ficon-facebook-sign:before { content: "\f082"; } -.icon-camera-retro:before { +.ficon-camera-retro:before { content: "\f083"; } -.icon-key:before { +.ficon-key:before { content: "\f084"; } -.icon-cogs:before { +.ficon-cogs:before { content: "\f085"; } -.icon-comments:before { +.ficon-comments:before { content: "\f086"; } -.icon-thumbs-up:before { +.ficon-thumbs-up:before { content: "\f087"; } -.icon-thumbs-down:before { +.ficon-thumbs-down:before { content: "\f088"; } -.icon-star-half:before { +.ficon-star-half:before { content: "\f089"; } -.icon-heart-empty:before { +.ficon-heart-empty:before { content: "\f08a"; } -.icon-signout:before { +.ficon-signout:before { content: "\f08b"; } -.icon-linkedin-sign:before { +.ficon-linkedin-sign:before { content: "\f08c"; } -.icon-pushpin:before { +.ficon-pushpin:before { content: "\f08d"; } -.icon-external-link:before { +.ficon-external-link:before { content: "\f08e"; } -.icon-signin:before { +.ficon-signin:before { content: "\f090"; } -.icon-trophy:before { +.ficon-trophy:before { content: "\f091"; } -.icon-github-sign:before { +.ficon-github-sign:before { content: "\f092"; } -.icon-upload-alt:before { +.ficon-upload-alt:before { content: "\f093"; } -.icon-lemon:before { +.ficon-lemon:before { content: "\f094"; } -.icon-phone:before { +.ficon-phone:before { content: "\f095"; } -.icon-check-empty:before { +.ficon-check-empty:before { content: "\f096"; } -.icon-bookmark-empty:before { +.ficon-bookmark-empty:before { content: "\f097"; } -.icon-phone-sign:before { +.ficon-phone-sign:before { content: "\f098"; } -.icon-twitter:before { +.ficon-twitter:before { content: "\f099"; } -.icon-facebook:before { +.ficon-facebook:before { content: "\f09a"; } -.icon-github:before { +.ficon-github:before { content: "\f09b"; } -.icon-unlock:before { +.ficon-unlock:before { content: "\f09c"; } -.icon-credit-card:before { +.ficon-credit-card:before { content: "\f09d"; } -.icon-rss:before { +.ficon-rss:before { content: "\f09e"; } -.icon-hdd:before { +.ficon-hdd:before { content: "\f0a0"; } -.icon-bullhorn:before { +.ficon-bullhorn:before { content: "\f0a1"; } -.icon-bell:before { +.ficon-bell:before { content: "\f0a2"; } -.icon-certificate:before { +.ficon-certificate:before { content: "\f0a3"; } -.icon-hand-right:before { +.ficon-hand-right:before { content: "\f0a4"; } -.icon-hand-left:before { +.ficon-hand-left:before { content: "\f0a5"; } -.icon-hand-up:before { +.ficon-hand-up:before { content: "\f0a6"; } -.icon-hand-down:before { +.ficon-hand-down:before { content: "\f0a7"; } -.icon-circle-arrow-left:before { +.ficon-circle-arrow-left:before { content: "\f0a8"; } -.icon-circle-arrow-right:before { +.ficon-circle-arrow-right:before { content: "\f0a9"; } -.icon-circle-arrow-up:before { +.ficon-circle-arrow-up:before { content: "\f0aa"; } -.icon-circle-arrow-down:before { +.ficon-circle-arrow-down:before { content: "\f0ab"; } -.icon-globe:before { +.ficon-globe:before { content: "\f0ac"; } -.icon-wrench:before { +.ficon-wrench:before { content: "\f0ad"; } -.icon-tasks:before { +.ficon-tasks:before { content: "\f0ae"; } -.icon-filter:before { +.ficon-filter:before { content: "\f0b0"; } -.icon-briefcase:before { +.ficon-briefcase:before { content: "\f0b1"; } -.icon-fullscreen:before { +.ficon-fullscreen:before { content: "\f0b2"; } -.icon-group:before { +.ficon-group:before { content: "\f0c0"; } -.icon-link:before { +.ficon-link:before { content: "\f0c1"; } -.icon-cloud:before { +.ficon-cloud:before { content: "\f0c2"; } -.icon-beaker:before { +.ficon-beaker:before { content: "\f0c3"; } -.icon-cut:before { +.ficon-cut:before { content: "\f0c4"; } -.icon-copy:before { +.ficon-copy:before { content: "\f0c5"; } -.icon-paper-clip:before { +.ficon-paper-clip:before { content: "\f0c6"; } -.icon-save:before { +.ficon-save:before { content: "\f0c7"; } -.icon-sign-blank:before { +.ficon-sign-blank:before { content: "\f0c8"; } -.icon-reorder:before { +.ficon-reorder:before { content: "\f0c9"; } -.icon-ul:before { +.ficon-ul:before { content: "\f0ca"; } -.icon-ol:before { +.ficon-ol:before { content: "\f0cb"; } -.icon-strikethrough:before { +.ficon-strikethrough:before { content: "\f0cc"; } -.icon-underline:before { +.ficon-underline:before { content: "\f0cd"; } -.icon-table:before { +.ficon-table:before { content: "\f0ce"; } -.icon-magic:before { +.ficon-magic:before { content: "\f0d0"; } -.icon-truck:before { +.ficon-truck:before { content: "\f0d1"; } -.icon-pinterest:before { +.ficon-pinterest:before { content: "\f0d2"; } -.icon-pinterest-sign:before { +.ficon-pinterest-sign:before { content: "\f0d3"; } -.icon-google-plus-sign:before { +.ficon-google-plus-sign:before { content: "\f0d4"; } -.icon-google-plus:before { +.ficon-google-plus:before { content: "\f0d5"; } -.icon-money:before { +.ficon-money:before { content: "\f0d6"; } -.icon-caret-down:before { +.ficon-caret-down:before { content: "\f0d7"; } -.icon-caret-up:before { +.ficon-caret-up:before { content: "\f0d8"; } -.icon-caret-left:before { +.ficon-caret-left:before { content: "\f0d9"; } -.icon-caret-right:before { +.ficon-caret-right:before { content: "\f0da"; } -.icon-columns:before { +.ficon-columns:before { content: "\f0db"; } -.icon-sort:before { +.ficon-sort:before { content: "\f0dc"; } -.icon-sort-down:before { +.ficon-sort-down:before { content: "\f0dd"; } -.icon-sort-up:before { +.ficon-sort-up:before { content: "\f0de"; } -.icon-user-md:before { +.ficon-user-md:before { content: "\f200"; } -.icon-chart-pie-one-third:before { +.ficon-chart-pie-one-third:before { content: "\f201"; } -.icon-chart-pie-two-thirds:before { +.ficon-chart-pie-two-thirds:before { content: "\f202"; } -.icon-chart-pie-full:before { +.ficon-chart-pie-full:before { content: "\f203"; } -.icon-chart-pie-empty:before { +.ficon-chart-pie-empty:before { content: "\f204"; } #overview { @@ -4473,7 +4481,7 @@ h3, h4, h5, h6 { - font-family: MuseoSlab, "Helvetica Neue", Helvetica, Arial, sans-serif; + font-family: museo-slab, "Helvetica Neue", Helvetica, Arial, sans-serif; } #iconCarousel { float: right; @@ -4501,9 +4509,6 @@ h6 { left: auto; right: 94.66666666666667px; } -a[href^='http://'] { - display: inline-block; -} a[href^='http://']:after { font-family: FontAwesome; content: "\0020 \f08e"; @@ -4538,7 +4543,7 @@ a[href^='http://']:after:hover { line-height: 30px; text-shadow: 1px 1px 1px #333333; } -.hero-unit ul li.icon-large:before { +.hero-unit ul li.ficon-large:before { text-indent: -2em; vertical-align: baseline; } @@ -4561,7 +4566,7 @@ a[href^='http://']:after:hover { /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); - font-family: MuseoSlab, "Helvetica Neue", Helvetica, Arial, sans-serif; + font-family: museo-slab, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333333; margin-top: 15px; font-weight: bold; @@ -4589,7 +4594,6 @@ a[href^='http://']:after:hover { } .hero-unit .btn-large i { position: absolute; - top: 13px; left: 22px; font-size: 46px; } @@ -4617,6 +4621,7 @@ a[href^='http://']:after:hover { /* Darken IE7 buttons by default so they stand out more given they won't have borders */ filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); + *background-color: #e7d785; color: #333333; text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25); } @@ -4644,30 +4649,41 @@ a[href^='http://']:after:hover { text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25); color: #333333; } -.the-icons li[class^="icon-"], -.the-icons li[class*=" icon-"] { +#base-icons ul.ficons > li, +#extended-icons ul.ficons > li, +#new-icons ul.ficons > li { cursor: pointer; - margin-top: -3px; font-size: 14px; - line-height: 24px; - height: 24px; + line-height: 30px; + height: 30px; } -.the-icons li[class^="icon-"]:after, -.the-icons li[class*=" icon-"]:after { - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-style: normal; - content: attr(class); +#base-icons ul.ficons > li i[class^="ficon-"], +#extended-icons ul.ficons > li i[class^="ficon-"], +#new-icons ul.ficons > li i[class^="ficon-"], +#base-icons ul.ficons > li i[class*=" ficon-"], +#extended-icons ul.ficons > li i[class*=" ficon-"], +#new-icons ul.ficons > li i[class*=" ficon-"] { + font-size: 16px; } -.the-icons li[class^="icon-"]:hover:before, -.the-icons li[class*=" icon-"]:hover:before { +#base-icons ul.ficons > li:hover, +#extended-icons ul.ficons > li:hover, +#new-icons ul.ficons > li:hover { + background-color: #f5f5f5; +} +#base-icons ul.ficons > li:hover i[class^="ficon-"]:before, +#extended-icons ul.ficons > li:hover i[class^="ficon-"]:before, +#new-icons ul.ficons > li:hover i[class^="ficon-"]:before, +#base-icons ul.ficons > li:hover i[class*=" ficon-"]:before, +#extended-icons ul.ficons > li:hover i[class*=" ficon-"]:before, +#new-icons ul.ficons > li:hover i[class*=" ficon-"]:before { font-size: 24px; - text-indent: -1.3333333333333333em; + text-indent: -4px; vertical-align: middle; } #why .row { margin-bottom: 20px; } -#why .icon-large { +#why .ficon-large { font-size: 22px; text-align: center; padding-right: 4px; @@ -4719,9 +4735,10 @@ a[href^='http://']:after:hover { } .modal { width: 560px; - max-height: 510px; + max-height: 520px; } .modal .modal-body { + *overflow: hidden; max-height: none; padding-bottom: 0; } @@ -4738,87 +4755,75 @@ a[href^='http://']:after:hover { width: 325px; } .modal .modal-body .icon6 > div.thumbnail > div { - line-height: 272px; + line-height: 340px; height: 272px; + text-align: center; } .modal .modal-body .icon6 > div.thumbnail > div i { font-size: 340px; } -.modal .modal-body .icon6 > div.thumbnail > div [class^="icon-"] { - height: 272px; -} .modal .modal-body .icon5 { width: 185px; } .modal .modal-body .icon5 > div.thumbnail > div { - line-height: 144px; + line-height: 180px; height: 144px; + text-align: center; } .modal .modal-body .icon5 > div.thumbnail > div i { font-size: 180px; } -.modal .modal-body .icon5 > div.thumbnail > div [class^="icon-"] { - height: 144px; -} .modal .modal-body .icon4 { width: 215px; } .modal .modal-body .icon4 > div.thumbnail > div { - line-height: 80px; + line-height: 100px; height: 80px; + text-align: center; } .modal .modal-body .icon4 > div.thumbnail > div i { font-size: 100px; } -.modal .modal-body .icon4 > div.thumbnail > div [class^="icon-"] { - height: 80px; -} .modal .modal-body .icon3 { width: 120px; } .modal .modal-body .icon3 > div.thumbnail > div { - line-height: 40px; + line-height: 50px; height: 40px; + text-align: center; } .modal .modal-body .icon3 > div.thumbnail > div i { font-size: 50px; } -.modal .modal-body .icon3 > div.thumbnail > div [class^="icon-"] { - height: 40px; -} .modal .modal-body .icon2 { width: 75px; } .modal .modal-body .icon2 > div.thumbnail > div { - line-height: 16px; + line-height: 20px; height: 16px; + text-align: center; } .modal .modal-body .icon2 > div.thumbnail > div i { font-size: 20px; } -.modal .modal-body .icon2 > div.thumbnail > div [class^="icon-"] { - height: 16px; -} .modal .modal-body .icon1 { width: 60px; } .modal .modal-body .icon1 > div.thumbnail > div { - line-height: 9.600000000000001px; + line-height: 12px; height: 9.600000000000001px; + text-align: center; } .modal .modal-body .icon1 > div.thumbnail > div i { font-size: 12px; } -.modal .modal-body .icon1 > div.thumbnail > div [class^="icon-"] { - height: 9.600000000000001px; -} footer { color: #555555; - margin-top: 20px; border-top: 1px solid #eeeeee; margin-top: 60px; padding-top: 20px; padding-bottom: 60px; + *zoom: 1; } footer ul { margin-left: 30px; diff --git a/docs/assets/font/fontawesome-webfont.eot b/docs/assets/font/fontawesome-webfont.eot index 69f31d2f0..e01dc1ca8 100755 Binary files a/docs/assets/font/fontawesome-webfont.eot and b/docs/assets/font/fontawesome-webfont.eot differ diff --git a/docs/assets/font/fontawesome-webfont.svg b/docs/assets/font/fontawesome-webfont.svg index a45c0c91c..63d4fd1ab 100755 --- a/docs/assets/font/fontawesome-webfont.svg +++ b/docs/assets/font/fontawesome-webfont.svg @@ -8,7 +8,6 @@ - @@ -30,8 +29,10 @@ + + @@ -46,7 +47,7 @@ - + @@ -171,7 +172,7 @@ - + @@ -180,7 +181,7 @@ - + @@ -196,7 +197,7 @@ - + @@ -212,20 +213,20 @@ - - - - + + + + - + - - + + diff --git a/docs/assets/font/fontawesome-webfont.ttf b/docs/assets/font/fontawesome-webfont.ttf index 49206391c..2c519bfe1 100755 Binary files a/docs/assets/font/fontawesome-webfont.ttf and b/docs/assets/font/fontawesome-webfont.ttf differ diff --git a/docs/assets/font/fontawesome-webfont.woff b/docs/assets/font/fontawesome-webfont.woff index a52b1f584..8bec43e4e 100755 Binary files a/docs/assets/font/fontawesome-webfont.woff and b/docs/assets/font/fontawesome-webfont.woff differ diff --git a/docs/assets/font/proximanova-webfont.eot b/docs/assets/font/proximanova-webfont.eot new file mode 100755 index 000000000..1f28b415c Binary files /dev/null and b/docs/assets/font/proximanova-webfont.eot differ diff --git a/docs/assets/font/proximanova-webfont.ttf b/docs/assets/font/proximanova-webfont.ttf new file mode 100755 index 000000000..e9aa413bb Binary files /dev/null and b/docs/assets/font/proximanova-webfont.ttf differ diff --git a/docs/assets/js/index/index.js b/docs/assets/js/index/index.js index 0858f0cf6..3456ad10c 100644 --- a/docs/assets/js/index/index.js +++ b/docs/assets/js/index/index.js @@ -5,14 +5,14 @@ $(function() { modalTemplate: _.template($("#modal-template").html()), events:{ - "click ul.the-icons > li": "iconClicked" + "click ul.ficons > li": "iconClicked" }, iconClicked: function(event) { event.preventDefault(); var $item = $(event.currentTarget); - var $modal = $(this.modalTemplate({"style": $item.attr("class")})); + var $modal = $(this.modalTemplate({"style": $item.find("i").attr("class")})); $modal.modal("show"); $modal.on('hidden', function () { diff --git a/docs/assets/less/font-awesome.less b/docs/assets/less/font-awesome.less index a53dd4c25..83c007259 100644 --- a/docs/assets/less/font-awesome.less +++ b/docs/assets/less/font-awesome.less @@ -28,16 +28,15 @@ src: url('../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), - url('../font/fontawesome-webfont.svg#FontAwesomeRegular') format('svg'); + url('../font/fontawesome-webfont.svg#FontAwesome') format('svg'); font-weight: normal; font-style: normal; } - /* Font Awesome styles ------------------------------------------------------- */ -[class^="icon-"]:before, -[class*=" icon-"]:before { +[class^="ficon-"]:before, +[class*=" ficon-"]:before { font-family: FontAwesome; font-weight: normal; font-style: normal; @@ -45,271 +44,276 @@ text-decoration: inherit; } -a [class^="icon-"], -a [class*=" icon-"] { +a [class^="ficon-"], +a [class*=" ficon-"] { display: inline-block; text-decoration: inherit; } /* makes the font 33% larger relative to the icon container */ -.icon-large:before { +.ficon-large:before { vertical-align: middle; font-size: 4/3em; } .btn { - [class^="icon-"], - [class*=" icon-"] { + [class^="ficon-"], + [class*=" ficon-"] { /* keeps button heights with and without icons the same */ line-height: .9em; } } li { - [class^="icon-"], - [class*=" icon-"] { + [class^="ficon-"], + [class*=" ficon-"] { display: inline-block; width: 1.25em; text-align: center; } - .icon-large[class^="icon-"], - .icon-large[class*=" icon-"] { - /* 1.5 increased font size for icon-large * 1.25 width */ + .ficon-large:before, + .ficon-large:before { + /* 1.5 increased font size for ficon-large * 1.25 width */ width: 1.5*1.25em; } } -li[class^="icon-"], -li[class*=" icon-"] { - margin-left: 0; +ul.ficons { list-style-type: none; + margin-left: 2em; + text-indent: -.8em; - &:before { - text-indent: -2em; - text-align: center; - } - &.icon-large:before { - text-indent: -4/3em; + li { + [class^="ficon-"], + [class*=" ficon-"] { + width: .8em; + } + .ficon-large:before, + .ficon-large:before { + /* 1.5 increased font size for ficon-large * 1.25 width */ + vertical-align: initial; +// width: 1.5*1.25em; + } } } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ -.icon-glass:before { content: "\f000"; } -.icon-music:before { content: "\f001"; } -.icon-search:before { content: "\f002"; } -.icon-envelope:before { content: "\f003"; } -.icon-heart:before { content: "\f004"; } -.icon-star:before { content: "\f005"; } -.icon-star-empty:before { content: "\f006"; } -.icon-user:before { content: "\f007"; } -.icon-film:before { content: "\f008"; } -.icon-th-large:before { content: "\f009"; } -.icon-th:before { content: "\f00a"; } -.icon-th-list:before { content: "\f00b"; } -.icon-ok:before { content: "\f00c"; } -.icon-remove:before { content: "\f00d"; } -.icon-zoom-in:before { content: "\f00e"; } +.ficon-glass:before { content: "\f000"; } +.ficon-music:before { content: "\f001"; } +.ficon-search:before { content: "\f002"; } +.ficon-envelope:before { content: "\f003"; } +.ficon-heart:before { content: "\f004"; } +.ficon-star:before { content: "\f005"; } +.ficon-star-empty:before { content: "\f006"; } +.ficon-user:before { content: "\f007"; } +.ficon-film:before { content: "\f008"; } +.ficon-th-large:before { content: "\f009"; } +.ficon-th:before { content: "\f00a"; } +.ficon-th-list:before { content: "\f00b"; } +.ficon-ok:before { content: "\f00c"; } +.ficon-remove:before { content: "\f00d"; } +.ficon-zoom-in:before { content: "\f00e"; } -.icon-zoom-out:before { content: "\f010"; } -.icon-off:before { content: "\f011"; } -.icon-signal:before { content: "\f012"; } -.icon-cog:before { content: "\f013"; } -.icon-trash:before { content: "\f014"; } -.icon-home:before { content: "\f015"; } -.icon-file:before { content: "\f016"; } -.icon-time:before { content: "\f017"; } -.icon-road:before { content: "\f018"; } -.icon-download-alt:before { content: "\f019"; } -.icon-download:before { content: "\f01a"; } -.icon-upload:before { content: "\f01b"; } -.icon-inbox:before { content: "\f01c"; } -.icon-play-circle:before { content: "\f01d"; } -.icon-repeat:before { content: "\f01e"; } +.ficon-zoom-out:before { content: "\f010"; } +.ficon-off:before { content: "\f011"; } +.ficon-signal:before { content: "\f012"; } +.ficon-cog:before { content: "\f013"; } +.ficon-trash:before { content: "\f014"; } +.ficon-home:before { content: "\f015"; } +.ficon-file:before { content: "\f016"; } +.ficon-time:before { content: "\f017"; } +.ficon-road:before { content: "\f018"; } +.ficon-download-alt:before { content: "\f019"; } +.ficon-download:before { content: "\f01a"; } +.ficon-upload:before { content: "\f01b"; } +.ficon-inbox:before { content: "\f01c"; } +.ficon-play-circle:before { content: "\f01d"; } +.ficon-repeat:before { content: "\f01e"; } /* \f020 is not a valid unicode character. all shifted one down */ -.icon-refresh:before { content: "\f021"; } -.icon-list-alt:before { content: "\f022"; } -.icon-lock:before { content: "\f023"; } -.icon-flag:before { content: "\f024"; } -.icon-headphones:before { content: "\f025"; } -.icon-volume-off:before { content: "\f026"; } -.icon-volume-down:before { content: "\f027"; } -.icon-volume-up:before { content: "\f028"; } -.icon-qrcode:before { content: "\f029"; } -.icon-barcode:before { content: "\f02a"; } -.icon-tag:before { content: "\f02b"; } -.icon-tags:before { content: "\f02c"; } -.icon-book:before { content: "\f02d"; } -.icon-bookmark:before { content: "\f02e"; } -.icon-print:before { content: "\f02f"; } +.ficon-refresh:before { content: "\f021"; } +.ficon-list-alt:before { content: "\f022"; } +.ficon-lock:before { content: "\f023"; } +.ficon-flag:before { content: "\f024"; } +.ficon-headphones:before { content: "\f025"; } +.ficon-volume-off:before { content: "\f026"; } +.ficon-volume-down:before { content: "\f027"; } +.ficon-volume-up:before { content: "\f028"; } +.ficon-qrcode:before { content: "\f029"; } +.ficon-barcode:before { content: "\f02a"; } +.ficon-tag:before { content: "\f02b"; } +.ficon-tags:before { content: "\f02c"; } +.ficon-book:before { content: "\f02d"; } +.ficon-bookmark:before { content: "\f02e"; } +.ficon-print:before { content: "\f02f"; } -.icon-camera:before { content: "\f030"; } -.icon-font:before { content: "\f031"; } -.icon-bold:before { content: "\f032"; } -.icon-italic:before { content: "\f033"; } -.icon-text-height:before { content: "\f034"; } -.icon-text-width:before { content: "\f035"; } -.icon-align-left:before { content: "\f036"; } -.icon-align-center:before { content: "\f037"; } -.icon-align-right:before { content: "\f038"; } -.icon-align-justify:before { content: "\f039"; } -.icon-list:before { content: "\f03a"; } -.icon-indent-left:before { content: "\f03b"; } -.icon-indent-right:before { content: "\f03c"; } -.icon-facetime-video:before { content: "\f03d"; } -.icon-picture:before { content: "\f03e"; } +.ficon-camera:before { content: "\f030"; } +.ficon-font:before { content: "\f031"; } +.ficon-bold:before { content: "\f032"; } +.ficon-italic:before { content: "\f033"; } +.ficon-text-height:before { content: "\f034"; } +.ficon-text-width:before { content: "\f035"; } +.ficon-align-left:before { content: "\f036"; } +.ficon-align-center:before { content: "\f037"; } +.ficon-align-right:before { content: "\f038"; } +.ficon-align-justify:before { content: "\f039"; } +.ficon-list:before { content: "\f03a"; } +.ficon-indent-left:before { content: "\f03b"; } +.ficon-indent-right:before { content: "\f03c"; } +.ficon-facetime-video:before { content: "\f03d"; } +.ficon-picture:before { content: "\f03e"; } -.icon-pencil:before { content: "\f040"; } -.icon-map-marker:before { content: "\f041"; } -.icon-adjust:before { content: "\f042"; } -.icon-tint:before { content: "\f043"; } -.icon-edit:before { content: "\f044"; } -.icon-share:before { content: "\f045"; } -.icon-check:before { content: "\f046"; } -.icon-move:before { content: "\f047"; } -.icon-step-backward:before { content: "\f048"; } -.icon-fast-backward:before { content: "\f049"; } -.icon-backward:before { content: "\f04a"; } -.icon-play:before { content: "\f04b"; } -.icon-pause:before { content: "\f04c"; } -.icon-stop:before { content: "\f04d"; } -.icon-forward:before { content: "\f04e"; } +.ficon-pencil:before { content: "\f040"; } +.ficon-map-marker:before { content: "\f041"; } +.ficon-adjust:before { content: "\f042"; } +.ficon-tint:before { content: "\f043"; } +.ficon-edit:before { content: "\f044"; } +.ficon-share:before { content: "\f045"; } +.ficon-check:before { content: "\f046"; } +.ficon-move:before { content: "\f047"; } +.ficon-step-backward:before { content: "\f048"; } +.ficon-fast-backward:before { content: "\f049"; } +.ficon-backward:before { content: "\f04a"; } +.ficon-play:before { content: "\f04b"; } +.ficon-pause:before { content: "\f04c"; } +.ficon-stop:before { content: "\f04d"; } +.ficon-forward:before { content: "\f04e"; } -.icon-fast-forward:before { content: "\f050"; } -.icon-step-forward:before { content: "\f051"; } -.icon-eject:before { content: "\f052"; } -.icon-chevron-left:before { content: "\f053"; } -.icon-chevron-right:before { content: "\f054"; } -.icon-plus-sign:before { content: "\f055"; } -.icon-minus-sign:before { content: "\f056"; } -.icon-remove-sign:before { content: "\f057"; } -.icon-ok-sign:before { content: "\f058"; } -.icon-question-sign:before { content: "\f059"; } -.icon-info-sign:before { content: "\f05a"; } -.icon-screenshot:before { content: "\f05b"; } -.icon-remove-circle:before { content: "\f05c"; } -.icon-ok-circle:before { content: "\f05d"; } -.icon-ban-circle:before { content: "\f05e"; } +.ficon-fast-forward:before { content: "\f050"; } +.ficon-step-forward:before { content: "\f051"; } +.ficon-eject:before { content: "\f052"; } +.ficon-chevron-left:before { content: "\f053"; } +.ficon-chevron-right:before { content: "\f054"; } +.ficon-plus-sign:before { content: "\f055"; } +.ficon-minus-sign:before { content: "\f056"; } +.ficon-remove-sign:before { content: "\f057"; } +.ficon-ok-sign:before { content: "\f058"; } +.ficon-question-sign:before { content: "\f059"; } +.ficon-info-sign:before { content: "\f05a"; } +.ficon-screenshot:before { content: "\f05b"; } +.ficon-remove-circle:before { content: "\f05c"; } +.ficon-ok-circle:before { content: "\f05d"; } +.ficon-ban-circle:before { content: "\f05e"; } -.icon-arrow-left:before { content: "\f060"; } -.icon-arrow-right:before { content: "\f061"; } -.icon-arrow-up:before { content: "\f062"; } -.icon-arrow-down:before { content: "\f063"; } -.icon-share-alt:before { content: "\f064"; } -.icon-resize-full:before { content: "\f065"; } -.icon-resize-small:before { content: "\f066"; } -.icon-plus:before { content: "\f067"; } -.icon-minus:before { content: "\f068"; } -.icon-asterisk:before { content: "\f069"; } -.icon-exclamation-sign:before { content: "\f06a"; } -.icon-gift:before { content: "\f06b"; } -.icon-leaf:before { content: "\f06c"; } -.icon-fire:before { content: "\f06d"; } -.icon-eye-open:before { content: "\f06e"; } +.ficon-arrow-left:before { content: "\f060"; } +.ficon-arrow-right:before { content: "\f061"; } +.ficon-arrow-up:before { content: "\f062"; } +.ficon-arrow-down:before { content: "\f063"; } +.ficon-share-alt:before { content: "\f064"; } +.ficon-resize-full:before { content: "\f065"; } +.ficon-resize-small:before { content: "\f066"; } +.ficon-plus:before { content: "\f067"; } +.ficon-minus:before { content: "\f068"; } +.ficon-asterisk:before { content: "\f069"; } +.ficon-exclamation-sign:before { content: "\f06a"; } +.ficon-gift:before { content: "\f06b"; } +.ficon-leaf:before { content: "\f06c"; } +.ficon-fire:before { content: "\f06d"; } +.ficon-eye-open:before { content: "\f06e"; } -.icon-eye-close:before { content: "\f070"; } -.icon-warning-sign:before { content: "\f071"; } -.icon-plane:before { content: "\f072"; } -.icon-calendar:before { content: "\f073"; } -.icon-random:before { content: "\f074"; } -.icon-comment:before { content: "\f075"; } -.icon-magnet:before { content: "\f076"; } -.icon-chevron-up:before { content: "\f077"; } -.icon-chevron-down:before { content: "\f078"; } -.icon-retweet:before { content: "\f079"; } -.icon-shopping-cart:before { content: "\f07a"; } -.icon-folder-close:before { content: "\f07b"; } -.icon-folder-open:before { content: "\f07c"; } -.icon-resize-vertical:before { content: "\f07d"; } -.icon-resize-horizontal:before { content: "\f07e"; } +.ficon-eye-close:before { content: "\f070"; } +.ficon-warning-sign:before { content: "\f071"; } +.ficon-plane:before { content: "\f072"; } +.ficon-calendar:before { content: "\f073"; } +.ficon-random:before { content: "\f074"; } +.ficon-comment:before { content: "\f075"; } +.ficon-magnet:before { content: "\f076"; } +.ficon-chevron-up:before { content: "\f077"; } +.ficon-chevron-down:before { content: "\f078"; } +.ficon-retweet:before { content: "\f079"; } +.ficon-shopping-cart:before { content: "\f07a"; } +.ficon-folder-close:before { content: "\f07b"; } +.ficon-folder-open:before { content: "\f07c"; } +.ficon-resize-vertical:before { content: "\f07d"; } +.ficon-resize-horizontal:before { content: "\f07e"; } -.icon-bar-chart:before { content: "\f080"; } -.icon-twitter-sign:before { content: "\f081"; } -.icon-facebook-sign:before { content: "\f082"; } -.icon-camera-retro:before { content: "\f083"; } -.icon-key:before { content: "\f084"; } -.icon-cogs:before { content: "\f085"; } -.icon-comments:before { content: "\f086"; } -.icon-thumbs-up:before { content: "\f087"; } -.icon-thumbs-down:before { content: "\f088"; } -.icon-star-half:before { content: "\f089"; } -.icon-heart-empty:before { content: "\f08a"; } -.icon-signout:before { content: "\f08b"; } -.icon-linkedin-sign:before { content: "\f08c"; } -.icon-pushpin:before { content: "\f08d"; } -.icon-external-link:before { content: "\f08e"; } +.ficon-bar-chart:before { content: "\f080"; } +.ficon-twitter-sign:before { content: "\f081"; } +.ficon-facebook-sign:before { content: "\f082"; } +.ficon-camera-retro:before { content: "\f083"; } +.ficon-key:before { content: "\f084"; } +.ficon-cogs:before { content: "\f085"; } +.ficon-comments:before { content: "\f086"; } +.ficon-thumbs-up:before { content: "\f087"; } +.ficon-thumbs-down:before { content: "\f088"; } +.ficon-star-half:before { content: "\f089"; } +.ficon-heart-empty:before { content: "\f08a"; } +.ficon-signout:before { content: "\f08b"; } +.ficon-linkedin-sign:before { content: "\f08c"; } +.ficon-pushpin:before { content: "\f08d"; } +.ficon-external-link:before { content: "\f08e"; } -.icon-signin:before { content: "\f090"; } -.icon-trophy:before { content: "\f091"; } -.icon-github-sign:before { content: "\f092"; } -.icon-upload-alt:before { content: "\f093"; } -.icon-lemon:before { content: "\f094"; } -.icon-phone:before { content: "\f095"; } -.icon-check-empty:before { content: "\f096"; } -.icon-bookmark-empty:before { content: "\f097"; } -.icon-phone-sign:before { content: "\f098"; } -.icon-twitter:before { content: "\f099"; } -.icon-facebook:before { content: "\f09a"; } -.icon-github:before { content: "\f09b"; } -.icon-unlock:before { content: "\f09c"; } -.icon-credit-card:before { content: "\f09d"; } -.icon-rss:before { content: "\f09e"; } +.ficon-signin:before { content: "\f090"; } +.ficon-trophy:before { content: "\f091"; } +.ficon-github-sign:before { content: "\f092"; } +.ficon-upload-alt:before { content: "\f093"; } +.ficon-lemon:before { content: "\f094"; } +.ficon-phone:before { content: "\f095"; } +.ficon-check-empty:before { content: "\f096"; } +.ficon-bookmark-empty:before { content: "\f097"; } +.ficon-phone-sign:before { content: "\f098"; } +.ficon-twitter:before { content: "\f099"; } +.ficon-facebook:before { content: "\f09a"; } +.ficon-github:before { content: "\f09b"; } +.ficon-unlock:before { content: "\f09c"; } +.ficon-credit-card:before { content: "\f09d"; } +.ficon-rss:before { content: "\f09e"; } -.icon-hdd:before { content: "\f0a0"; } -.icon-bullhorn:before { content: "\f0a1"; } -.icon-bell:before { content: "\f0a2"; } -.icon-certificate:before { content: "\f0a3"; } -.icon-hand-right:before { content: "\f0a4"; } -.icon-hand-left:before { content: "\f0a5"; } -.icon-hand-up:before { content: "\f0a6"; } -.icon-hand-down:before { content: "\f0a7"; } -.icon-circle-arrow-left:before { content: "\f0a8"; } -.icon-circle-arrow-right:before { content: "\f0a9"; } -.icon-circle-arrow-up:before { content: "\f0aa"; } -.icon-circle-arrow-down:before { content: "\f0ab"; } -.icon-globe:before { content: "\f0ac"; } -.icon-wrench:before { content: "\f0ad"; } -.icon-tasks:before { content: "\f0ae"; } +.ficon-hdd:before { content: "\f0a0"; } +.ficon-bullhorn:before { content: "\f0a1"; } +.ficon-bell:before { content: "\f0a2"; } +.ficon-certificate:before { content: "\f0a3"; } +.ficon-hand-right:before { content: "\f0a4"; } +.ficon-hand-left:before { content: "\f0a5"; } +.ficon-hand-up:before { content: "\f0a6"; } +.ficon-hand-down:before { content: "\f0a7"; } +.ficon-circle-arrow-left:before { content: "\f0a8"; } +.ficon-circle-arrow-right:before { content: "\f0a9"; } +.ficon-circle-arrow-up:before { content: "\f0aa"; } +.ficon-circle-arrow-down:before { content: "\f0ab"; } +.ficon-globe:before { content: "\f0ac"; } +.ficon-wrench:before { content: "\f0ad"; } +.ficon-tasks:before { content: "\f0ae"; } -.icon-filter:before { content: "\f0b0"; } -.icon-briefcase:before { content: "\f0b1"; } -.icon-fullscreen:before { content: "\f0b2"; } +.ficon-filter:before { content: "\f0b0"; } +.ficon-briefcase:before { content: "\f0b1"; } +.ficon-fullscreen:before { content: "\f0b2"; } -.icon-group:before { content: "\f0c0"; } -.icon-link:before { content: "\f0c1"; } -.icon-cloud:before { content: "\f0c2"; } -.icon-beaker:before { content: "\f0c3"; } -.icon-cut:before { content: "\f0c4"; } -.icon-copy:before { content: "\f0c5"; } -.icon-paper-clip:before { content: "\f0c6"; } -.icon-save:before { content: "\f0c7"; } -.icon-sign-blank:before { content: "\f0c8"; } -.icon-reorder:before { content: "\f0c9"; } -.icon-ul:before { content: "\f0ca"; } -.icon-ol:before { content: "\f0cb"; } -.icon-strikethrough:before { content: "\f0cc"; } -.icon-underline:before { content: "\f0cd"; } -.icon-table:before { content: "\f0ce"; } +.ficon-group:before { content: "\f0c0"; } +.ficon-link:before { content: "\f0c1"; } +.ficon-cloud:before { content: "\f0c2"; } +.ficon-beaker:before { content: "\f0c3"; } +.ficon-cut:before { content: "\f0c4"; } +.ficon-copy:before { content: "\f0c5"; } +.ficon-paper-clip:before { content: "\f0c6"; } +.ficon-save:before { content: "\f0c7"; } +.ficon-sign-blank:before { content: "\f0c8"; } +.ficon-reorder:before { content: "\f0c9"; } +.ficon-ul:before { content: "\f0ca"; } +.ficon-ol:before { content: "\f0cb"; } +.ficon-strikethrough:before { content: "\f0cc"; } +.ficon-underline:before { content: "\f0cd"; } +.ficon-table:before { content: "\f0ce"; } -.icon-magic:before { content: "\f0d0"; } -.icon-truck:before { content: "\f0d1"; } -.icon-pinterest:before { content: "\f0d2"; } -.icon-pinterest-sign:before { content: "\f0d3"; } -.icon-google-plus-sign:before { content: "\f0d4"; } -.icon-google-plus:before { content: "\f0d5"; } -.icon-money:before { content: "\f0d6"; } -.icon-caret-down:before { content: "\f0d7"; } -.icon-caret-up:before { content: "\f0d8"; } -.icon-caret-left:before { content: "\f0d9"; } -.icon-caret-right:before { content: "\f0da"; } -.icon-columns:before { content: "\f0db"; } -.icon-sort:before { content: "\f0dc"; } -.icon-sort-down:before { content: "\f0dd"; } -.icon-sort-up:before { content: "\f0de"; } +.ficon-magic:before { content: "\f0d0"; } +.ficon-truck:before { content: "\f0d1"; } +.ficon-pinterest:before { content: "\f0d2"; } +.ficon-pinterest-sign:before { content: "\f0d3"; } +.ficon-google-plus-sign:before { content: "\f0d4"; } +.ficon-google-plus:before { content: "\f0d5"; } +.ficon-money:before { content: "\f0d6"; } +.ficon-caret-down:before { content: "\f0d7"; } +.ficon-caret-up:before { content: "\f0d8"; } +.ficon-caret-left:before { content: "\f0d9"; } +.ficon-caret-right:before { content: "\f0da"; } +.ficon-columns:before { content: "\f0db"; } +.ficon-sort:before { content: "\f0dc"; } +.ficon-sort-down:before { content: "\f0dd"; } +.ficon-sort-up:before { content: "\f0de"; } -.icon-user-md:before { content: "\f200"; } -.icon-chart-pie-one-third:before { content: "\f201"; } -.icon-chart-pie-two-thirds:before { content: "\f202"; } -.icon-chart-pie-full:before { content: "\f203"; } -.icon-chart-pie-empty:before { content: "\f204"; } +.ficon-user-md:before { content: "\f200"; } +.ficon-chart-pie-one-third:before { content: "\f201"; } +.ficon-chart-pie-two-thirds:before { content: "\f202"; } +.ficon-chart-pie-full:before { content: "\f203"; } +.ficon-chart-pie-empty:before { content: "\f204"; } diff --git a/docs/assets/less/font-museo.less b/docs/assets/less/font-site.less similarity index 61% rename from docs/assets/less/font-museo.less rename to docs/assets/less/font-site.less index 1eb17b998..c2e786f88 100644 --- a/docs/assets/less/font-museo.less +++ b/docs/assets/less/font-site.less @@ -1,5 +1,5 @@ @font-face { - font-family: 'MuseoSlab'; + font-family: 'museo-slab'; src: url('../font/museo_slab_300-webfont.eot'); src: url('../font/museo_slab_300-webfont.eot?#iefix') format('embedded-opentype'), url('../font/museo_slab_300-webfont.ttf') format('truetype'); @@ -8,10 +8,19 @@ } @font-face { - font-family: 'MuseoSlab'; + font-family: 'museo-slab'; src: url('../font/museo_slab_500-webfont.eot'); src: url('../font/museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'), url('../font/museo_slab_500-webfont.ttf') format('truetype'); font-weight: bold; font-style: normal; } + +@font-face { + font-family: 'proxima-nova'; + src: url('../font/proximanova-webfont.eot'); + src: url('../font/proximanova-webfont.eot?#iefix') format('embedded-opentype'), + url('../font/proximanova-webfont.ttf') format('truetype'); + font-weight: normal; + font-style: normal; +} diff --git a/docs/assets/less/mixins.less b/docs/assets/less/mixins.less index fb7a8d7b7..8135b43e6 100644 --- a/docs/assets/less/mixins.less +++ b/docs/assets/less/mixins.less @@ -35,9 +35,9 @@ } } -.icon-size (@size: 12px, @width-multiplier: .9, @height-multiplier: .8) { - i { font-size: @size; } - line-height: @size * @height-multiplier; - height: @size * @height-multiplier; - [class^="icon-"] { height: @size * @height-multiplier; } +.ficon-size (@size: 12px, @width-multiplier: .9, @height-multiplier: .8) { + i { font-size: @size; } + line-height: @size; + height: @size * @height-multiplier; + text-align: center; } \ No newline at end of file diff --git a/docs/assets/less/site.less b/docs/assets/less/site.less index 496f41a22..72739d467 100644 --- a/docs/assets/less/site.less +++ b/docs/assets/less/site.less @@ -2,13 +2,13 @@ @import "mixins.less"; @import "variables.less"; -@import "font-museo.less"; +@import "font-site.less"; @import "font-awesome.less"; // These accomodate navbar-fixed-top #overview { padding-top: 60px; } #new-icons, #base-icons, #extended-icons, #examples, #integration, #code, #roadmap { - padding-top: 40px; + padding-top: 40px; } .navbar .brand { padding: 11px 20px 9px; @@ -19,238 +19,249 @@ .navbar .nav > li > a { padding: 12px 10px 9px; } -h1, h2, h3, h4, h5, h6 { font-family: @baseHeaderFontFamily; } +h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; } #iconCarousel { - a { color: @white; } - @size: 275px; - float: right; - width: @size * .9 + 8; - height: @size * .75; - margin-right: 10px; - margin-top: -20px; - font-size: @size; - text-align: center; - text-shadow: 2px 2px 3px @grayDarker; - .carousel-control { - top: @size + 5; - .square(23px); - border-width: 3px; - font-size: 17px; - line-height: 24px; - left: @size / 3 + 3; - &.right { - left: auto; - right: @size / 3 + 3; - } + a { color: @white; } + @size: 275px; + float: right; + width: @size * .9 + 8; + height: @size * .75; + margin-right: 10px; + margin-top: -20px; + font-size: @size; + text-align: center; + text-shadow: 2px 2px 3px @grayDarker; + .carousel-control { + top: @size + 5; + .square(23px); + border-width: 3px; + font-size: 17px; + line-height: 24px; + left: @size / 3 + 3; + &.right { + left: auto; + right: @size / 3 + 3; } + } } a[href^='http://'] { - display: inline-block; - &:after { - font-family: FontAwesome; - content: "\0020 \f08e"; - &:hover { - text-decoration: none; - } + &:after { + font-family: FontAwesome; + content: "\0020 \f08e"; + &:hover { + text-decoration: none; } + } } .hero-unit { - background-color: @red; - &, h1 { color: @white; } - h1 { - font-size: 70px; - letter-spacing: -1px; - line-height: 1.2; + background-color: @red; + &, h1 { color: @white; } + h1 { + font-size: 70px; + letter-spacing: -1px; + line-height: 1.2; + } + p { + margin-top: 10px; + margin-bottom: 15px; + font-size: 28px; + line-height: 34px; + } + text-shadow: 2px 2px 2px @grayDark; + ul { + margin-left: 50px; + li { + &.ficon-large:before { + text-indent: -2em; + vertical-align: baseline; + } + font-size: 15px; + line-height: 30px; + text-shadow: 1px 1px 1px @grayDark; } - p { - margin-top: 10px; - margin-bottom: 15px; - font-size: 28px; - line-height: 34px; + } + a { color: #fffeb8; } + .btn-large { + .buttonBackground(@white, #bbb); + font-family: @serifFontFamily; + color: @grayDark; + margin-top: 15px; + font-weight: bold; + font-size: 18px; + padding: 13px 22px; + padding-left: 24px + 44; + margin-right: 10px; + .border-radius(6px); + position: relative; + text-align: left; + i { + position: absolute; +// top: 13px; + left: 22px; + font-size: 46px; } - text-shadow: 2px 2px 2px @grayDark; - ul { - margin-left: 50px; - li { - &.icon-large:before { - text-indent: -2em; - vertical-align: baseline; - } - font-size: 15px; - line-height: 30px; - text-shadow: 1px 1px 1px @grayDark; - } - } - a { color: #fffeb8; } - .btn-large { - .buttonBackground(@white, #bbb); - font-family: @baseHeaderFontFamily; - color: @grayDark; - margin-top: 15px; - font-weight: bold; - font-size: 18px; - padding: 13px 22px; - padding-left: 24px + 44; - margin-right: 10px; - .border-radius(6px); - position: relative; - text-align: left; - i { - position: absolute; - top: 13px; - left: 22px; - font-size: 46px; - } - &.btn-github { - padding-left: 30px + 44; + &.btn-github { + padding-left: 30px + 44; - } - } - .hero-content { - width: 500px; - text-align: center; } + } + .hero-content { + width: 500px; + text-align: center; + } } .btn-primary, .hero-unit .btn-primary { - .buttonBackground(#fffeb8, #c49c38); - color: @grayDark; + .buttonBackground(#fffeb8, #c49c38); + *background-color: #e7d785; + color: @grayDark; + text-shadow: 0 -1px 0 rgba(255,255,255,.25); + &:hover { text-shadow: 0 -1px 0 rgba(255,255,255,.25); - &:hover { - text-shadow: 0 -1px 0 rgba(255,255,255,.25); - color: @grayDark; - } + color: @grayDark; + } } -.the-icons { - li[class^="icon-"], - li[class*=" icon-"] { - cursor: pointer; - margin-top: -3px; - font-size: 14px; - line-height: 24px; - height: 24px; - &:after { - font-family: @baseFontFamily; - font-style: normal; - content: attr(class); - } - &:hover:before { - font-size: 24px; - text-indent: -4/3em; - vertical-align: middle; +#base-icons, #extended-icons, #new-icons { + ul.ficons { +// color: @linkColor; + > li { + cursor: pointer; + font-size: 14px; + line-height: 30px; + height: 30px; + + i[class^="ficon-"], + i[class*=" ficon-"] { +// color: @black; + font-size: 16px; + } + &:hover { + background-color: #f5f5f5; +// color: @errorText; +// text-decoration: underline; + + i[class^="ficon-"]:before, + i[class*=" ficon-"]:before { + font-size: 24px; + text-indent: -4px; + vertical-align: middle; +// text-decoration: underline; } + } } + } } #why { - .row { - margin-bottom: 20px; - } - .icon-large { - font-size: 22px; - text-align: center; - padding-right: 4px; - } + .row { + margin-bottom: 20px; + } + .ficon-large { + font-size: 22px; + text-align: center; + padding-right: 4px; + } } #examples { - .btn-toolbar { - margin-top: 0; - margin-bottom: 20px; - } + .btn-toolbar { + margin-top: 0; + margin-bottom: 20px; + } } #integration { - .row { margin-bottom: 40px; } + .row { margin-bottom: 40px; } } #examples, #code { - form { - margin-bottom: 10px; - input { - line-height: 1; // fixes a safari placeholder alignment issue - } + form { + margin-bottom: 10px; + input { + line-height: 1; // fixes a safari placeholder alignment issue + } + } + + .rating { + unicode-bidi: bidi-override; + direction: rtl; + + font-size: 30px; + span.star { + font-family: FontAwesome; + font-weight: normal; + font-style: normal; + display: inline-block; + &:hover { + cursor: pointer; + } + } + span.star:before { + content: "\f006"; // empty star + padding-right: 5px; + color: @grayLight; } - .rating { - unicode-bidi: bidi-override; - direction: rtl; - - font-size: 30px; - span.star { - font-family: FontAwesome; - font-weight: normal; - font-style: normal; - display: inline-block; - &:hover { - cursor: pointer; - } - } - span.star:before { - content: "\f006"; // empty star - padding-right: 5px; - color: @grayLight; - } - - span.star:hover:before, span.star:hover ~ span.star:before { - content: "\f005"; // solid star - color: #e3cf7a; - } + span.star:hover:before, span.star:hover ~ span.star:before { + content: "\f005"; // solid star + color: #e3cf7a; } + } } .modal { - width: 560px; - max-height: 510px; - .modal-body { - max-height: none; - padding-bottom: 0; - .row { margin-bottom: 15px; } - div.thumbnail { - text-align: center; - div { margin-bottom: 5px; } - } - .icon6 { - width: 325px; - > div.thumbnail > div { .icon-size(340px); } - } - .icon5 { - width: 185px; - > div.thumbnail > div { .icon-size(180px); } - } - .icon4 { - width: 215px; - > div.thumbnail > div { .icon-size(100px); } - } - .icon3 { - width: 120px; - > div.thumbnail > div { .icon-size(50px); } - } - .icon2 { - width: 75px; - > div.thumbnail > div { .icon-size(20px); } - } - .icon1 { - width: 60px; - > div.thumbnail > div { .icon-size(12px); } - } + width: 560px; + max-height: 520px; + .modal-body { + *overflow: hidden; // ie7 fix + max-height: none; + padding-bottom: 0; + .row { margin-bottom: 15px; } + div.thumbnail { + text-align: center; + div { margin-bottom: 5px; } } + .icon6 { + width: 325px; + > div.thumbnail > div { .ficon-size(340px); } + } + .icon5 { + width: 185px; + > div.thumbnail > div { .ficon-size(180px); } + } + .icon4 { + width: 215px; + > div.thumbnail > div { .ficon-size(100px); } + } + .icon3 { + width: 120px; + > div.thumbnail > div { .ficon-size(50px); } + } + .icon2 { + width: 75px; + > div.thumbnail > div { .ficon-size(20px); } + } + .icon1 { + width: 60px; + > div.thumbnail > div { .ficon-size(12px); } + } + } } footer { - color: @gray; - margin-top: 20px; - border-top: 1px solid @grayLighter; - margin-top: 60px; - padding-top: 20px; - padding-bottom: 60px; - ul { - margin-left: 30px; - line-height: 25px; - } + color: @gray; + border-top: 1px solid @grayLighter; + margin-top: 60px; + padding-top: 20px; + padding-bottom: 60px; + *zoom: 1; // ie7 hack + ul { + margin-left: 30px; + line-height: 25px; + } } diff --git a/docs/assets/less/variables.less b/docs/assets/less/variables.less old mode 100644 new mode 100755 index cdeefce6e..8fa8a3f84 --- a/docs/assets/less/variables.less +++ b/docs/assets/less/variables.less @@ -7,11 +7,9 @@ // GLOBAL VALUES // -------------------------------------------------- -// Links -@linkColor: @red; -@linkColorHover: darken(@linkColor, 15%); // Grays +// ------------------------- @black: #000; @grayDarker: #222; @grayDark: #333; @@ -20,7 +18,9 @@ @grayLighter: #eee; @white: #fff; + // Accent colors +// ------------------------- @blue: #049cdb; @blueDark: #0064cd; @green: #46a546; @@ -30,17 +30,85 @@ @pink: #c3325f; @purple: #7a43b6; -// Typography -@baseFontSize: 14px; -//@baseFontFamily: MuseoSans, "Helvetica Neue", Helvetica, Arial, sans-serif; -@baseFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif; -@baseLineHeight: 21px; + +// Scaffolding +// ------------------------- +@bodyBackground: @white; @textColor: @grayDark; -@baseHeaderFontFamily: MuseoSlab, "Helvetica Neue", Helvetica, Arial, sans-serif; + +// Links +// ------------------------- +@linkColor: @red; +@linkColorHover: darken(@linkColor, 15%); + + +// Typography +// ------------------------- +//@sansFontFamily: "Helvetica Neue", Helvetica, Arial, sans-serif; +@sansFontFamily: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif; +@serifFontFamily: museo-slab, "Helvetica Neue", Helvetica, Arial, sans-serif; +@monoFontFamily: Menlo, Monaco, Consolas, "Courier New", monospace; + +@baseFontSize: 14px; +@baseFontFamily: @sansFontFamily; +@baseLineHeight: 21px; +@altFontFamily: @serifFontFamily; + +@headingsFontFamily: inherit; // empty to use BS default, @baseFontFamily +@headingsFontWeight: bold; // instead of browser default, bold +@headingsColor: inherit; // empty to use BS default, @textColor + + +// Tables +// ------------------------- +@tableBackground: transparent; // overall background-color +@tableBackgroundAccent: #f9f9f9; // for striping +@tableBackgroundHover: #f5f5f5; // for hover +@tableBorder: #ddd; // table and cell border + // Buttons -@primaryButtonBackground: @linkColor; +// ------------------------- +@btnBackground: @white; +@btnBackgroundHighlight: darken(@white, 10%); +@btnBorder: #ccc; + +@btnPrimaryBackground: @linkColor; +@btnPrimaryBackgroundHighlight: spin(@btnPrimaryBackground, 15%); + +@btnInfoBackground: #5bc0de; +@btnInfoBackgroundHighlight: #2f96b4; + +@btnSuccessBackground: #62c462; +@btnSuccessBackgroundHighlight: #51a351; + +@btnWarningBackground: lighten(@orange, 15%); +@btnWarningBackgroundHighlight: @orange; + +@btnDangerBackground: #ee5f5b; +@btnDangerBackgroundHighlight: #bd362f; + +@btnInverseBackground: @gray; +@btnInverseBackgroundHighlight: @grayDarker; + + +// Forms +// ------------------------- +@inputBackground: @white; +@inputBorder: #ccc; +@inputBorderRadius: 3px; +@inputDisabledBackground: @grayLighter; +@formActionsBackground: #f5f5f5; + +// Dropdowns +// ------------------------- +@dropdownBackground: @white; +@dropdownBorder: rgba(0,0,0,.2); +@dropdownLinkColor: @grayDark; +@dropdownLinkColorHover: @white; +@dropdownLinkBackgroundHover: @linkColor; + @@ -48,6 +116,7 @@ // -------------------------------------------------- // Z-index master list +// ------------------------- // Used for a bird's eye view of components dependent on the z-axis // Try to avoid customizing these :) @zindexDropdown: 1000; @@ -57,27 +126,52 @@ @zindexModalBackdrop: 1040; @zindexModal: 1050; + // Sprite icons path +// ------------------------- @iconSpritePath: "../img/glyphicons-halflings.png"; @iconWhiteSpritePath: "../img/glyphicons-halflings-white.png"; + // Input placeholder text color +// ------------------------- @placeholderText: @grayLight; + // Hr border color +// ------------------------- @hrBorder: @grayLighter; + // Navbar +// ------------------------- @navbarHeight: 40px; @navbarBackground: @grayDarker; @navbarBackgroundHighlight: @grayDark; -@navbarLinkBackgroundHover: transparent; @navbarText: @grayLight; @navbarLinkColor: @grayLight; @navbarLinkColorHover: @white; +@navbarLinkColorActive: @navbarLinkColorHover; +@navbarLinkBackgroundHover: transparent; +@navbarLinkBackgroundActive: @navbarBackground; + +@navbarSearchBackground: lighten(@navbarBackground, 25%); +@navbarSearchBackgroundFocus: @white; +@navbarSearchBorder: darken(@navbarSearchBackground, 30%); +@navbarSearchPlaceholderColor: #ccc; +@navbarBrandColor: @navbarLinkColor; + + +// Hero unit +// ------------------------- +@heroUnitBackground: @grayLighter; +@heroUnitHeadingColor: inherit; +@heroUnitLeadColor: inherit; + // Form states and alerts +// ------------------------- @warningText: #c09853; @warningBackground: #fcf8e3; @warningBorder: darken(spin(@warningBackground, -10), 3%); @@ -100,11 +194,13 @@ // -------------------------------------------------- // Default 940px grid +// ------------------------- @gridColumns: 12; @gridColumnWidth: 60px; @gridGutterWidth: 20px; @gridRowWidth: (@gridColumns * @gridColumnWidth) + (@gridGutterWidth * (@gridColumns - 1)); // Fluid grid +// ------------------------- @fluidGridColumnWidth: 6.382978723%; @fluidGridGutterWidth: 2.127659574%; diff --git a/docs/index.html b/docs/index.html index 705ee56e8..2453d1ffc 100644 --- a/docs/index.html +++ b/docs/index.html @@ -33,7 +33,7 @@
-

Font Awesome

+

Font Awesome

@@ -52,40 +52,40 @@
- @@ -93,43 +93,43 @@
-

One font, 200+ icons

+

One font, 200+ icons

In a single collection, Font Awesome is a pictographic language of web-related actions.
-

Free for commercial use

+

Free for commercial use

The Font Awesome webfont and CSS libraries are completely free for commercial use.
-

Screen reader compatible

+

Screen reader compatible

Font Awesome won't trip up screen readers, unlike most icon fonts.
-

Infinite scalability

+

Infinite scalability

Scalable vector graphics means icons look awesome at any size.
-

CSS control

+

CSS control

Easily style icon color, size, shadow, and anything that's possible with CSS.
-

Broad compatibility

- Wide @font-face support means Font Awesome works in modern browsers . +

Broad compatibility

+ Wide @font-face support means Font Awesome works in modern browsers .
-

Made for Twitter Bootstrap

+

Made for Twitter Bootstrap

Designed from scratch to be fully backwards compatible with Twitter Bootstrap 2.0.
-

Growing set of icons

+

Growing set of icons

Ever expanding to support a wider array of web-related actions.
-

Follow on Twitter

+

Follow on Twitter

Follow @fortaweso_me on Twitter for icon updates and styling tricks.
@@ -146,39 +146,39 @@

Twitter Bootstrap 2.0.3 added several new icons, which we have redesigned from scratch and added to Font Awesome 2.0.3

-
    -
  • -
  • -
  • -
  • -
  • +
      +
    • ficon-hdd
      • +
    • ficon-bullhorn
      • +
    • ficon-bell
      • +
    • ficon-certificate
      • +
    • ficon-thumbs-up
-
    -
  • -
  • -
  • -
  • -
  • +
      +
    • ficon-thumbs-down
      • +
    • ficon-hand-right
      • +
    • ficon-hand-left
      • +
    • ficon-hand-up
      • +
    • ficon-hand-down
-
    -
  • -
  • -
  • -
  • -
  • +
      +
    • ficon-circle-arrow-left
      • +
    • ficon-circle-arrow-right
      • +
    • ficon-circle-arrow-up
      • +
    • ficon-circle-arrow-down
      • +
    • ficon-globe
-
    -
  • -
  • -
  • -
  • -
  • +
      +
    • ficon-wrench
      • +
    • ficon-tasks
      • +
    • ficon-filter
      • +
    • ficon-briefcase
      • +
    • ficon-fullscreen
@@ -186,64 +186,64 @@

You asked, Font Awesome delivered. Here's a giant new set of icons requested on the Font Awesome GitHub project.

-
    -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • +
      +
    • ficon-magic
      • +
    • ficon-phone
      • +
    • ficon-check-empty
      • +
    • ficon-bookmark-empty
      • +
    • ficon-phone-sign
      • +
    • ficon-twitter
      • +
    • ficon-facebook
      • +
    • ficon-github
      • +
    • ficon-unlock
      • +
    • ficon-credit-card
      • +
    • ficon-rss
      • +
    • ficon-group
-
    -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • +
      +
    • ficon-link
      • +
    • ficon-cloud
      • +
    • ficon-beaker
      • +
    • ficon-cut
      • +
    • ficon-copy
      • +
    • ficon-paper-clip
      • +
    • ficon-save
      • +
    • ficon-sign-blank
      • +
    • ficon-reorder
      • +
    • ficon-ul
      • +
    • ficon-ol
-
    -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • +
      +
    • ficon-strikethrough
      • +
    • ficon-underline
      • +
    • ficon-table
      • +
    • ficon-columns
      • +
    • ficon-truck
      • +
    • ficon-pinterest
      • +
    • ficon-pinterest-sign
      • +
    • ficon-google-plus-sign
      • +
    • ficon-google-plus
      • +
    • ficon-money
      • +
    • ficon-user-md
-
    -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • +
      +
    • ficon-caret-down
      • +
    • ficon-caret-up
      • +
    • ficon-caret-left
      • +
    • ficon-caret-right
      • +
    • ficon-sort
      • +
    • ficon-sort-down
      • +
    • ficon-sort-up
      • +
    • ficon-chart-pie-empty
      • +
    • ficon-chart-pie-one-third
      • +
    • ficon-chart-pie-two-thirds
      • +
    • ficon-chart-pie-full
@@ -255,146 +255,146 @@

Inspired by the Glyphicon set that comes with Twitter Bootstrap 2.0, Font Awesome is designed from scratch for a full array of web-related actions.

-
    -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • +
      +
    • ficon-glass
      • +
    • ficon-music
      • +
    • ficon-search
      • +
    • ficon-envelope
      • +
    • ficon-heart
      • +
    • ficon-star
      • +
    • ficon-star-empty
      • +
    • ficon-user
      • +
    • ficon-film
      • +
    • ficon-th-large
      • +
    • ficon-th
      • +
    • ficon-th-list
      • +
    • ficon-ok
      • +
    • ficon-remove
      • +
    • ficon-zoom-in
      • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • +
    • ficon-zoom-out
      • +
    • ficon-off
      • +
    • ficon-signal
      • +
    • ficon-cog
      • +
    • ficon-trash
      • +
    • ficon-home
      • +
    • ficon-file
      • +
    • ficon-time
      • +
    • ficon-road
      • +
    • ficon-download-alt
      • +
    • ficon-download
      • +
    • ficon-upload
      • +
    • ficon-inbox
      • +
    • ficon-play-circle
      • +
    • ficon-repeat
-
    -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • +
      +
    • ficon-refresh
      • +
    • ficon-list-alt
      • +
    • ficon-lock
      • +
    • ficon-flag
      • +
    • ficon-headphones
      • +
    • ficon-volume-off
      • +
    • ficon-volume-down
      • +
    • ficon-volume-up
      • +
    • ficon-qrcode
      • +
    • ficon-barcode
      • +
    • ficon-tag
      • +
    • ficon-tags
      • +
    • ficon-book
      • +
    • ficon-bookmark
      • +
    • ficon-print
      • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • +
    • ficon-camera
      • +
    • ficon-font
      • +
    • ficon-bold
      • +
    • ficon-italic
      • +
    • ficon-text-height
      • +
    • ficon-text-width
      • +
    • ficon-align-left
      • +
    • ficon-align-center
      • +
    • ficon-align-right
      • +
    • ficon-align-justify
      • +
    • ficon-list
      • +
    • ficon-indent-left
      • +
    • ficon-indent-right
      • +
    • ficon-facetime-video
      • +
    • ficon-picture
-
    -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • +
      +
    • ficon-pencil
      • +
    • ficon-map-marker
      • +
    • ficon-adjust
      • +
    • ficon-tint
      • +
    • ficon-edit
      • +
    • ficon-share
      • +
    • ficon-check
      • +
    • ficon-move
      • +
    • ficon-step-backward
      • +
    • ficon-fast-backward
      • +
    • ficon-backward
      • +
    • ficon-play
      • +
    • ficon-pause
      • +
    • ficon-stop
      • +
    • ficon-forward
      • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • +
    • ficon-fast-forward
      • +
    • ficon-step-forward
      • +
    • ficon-eject
      • +
    • ficon-chevron-left
      • +
    • ficon-chevron-right
      • +
    • ficon-plus-sign
      • +
    • ficon-minus-sign
      • +
    • ficon-remove-sign
      • +
    • ficon-ok-sign
      • +
    • ficon-question-sign
      • +
    • ficon-info-sign
      • +
    • ficon-screenshot
      • +
    • ficon-remove-circle
      • +
    • ficon-ok-circle
      • +
    • ficon-ban-circle
-
    -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • -
  • +
      +
    • ficon-arrow-left
      • +
    • ficon-arrow-right
      • +
    • ficon-arrow-up
      • +
    • ficon-arrow-down
      • +
    • ficon-share-alt
      • +
    • ficon-resize-full
      • +
    • ficon-resize-small
      • +
    • ficon-plus
      • +
    • ficon-minus
      • +
    • ficon-asterisk
      • +
    • ficon-exclamation-sign
      • +
    • ficon-gift
      • +
    • ficon-leaf
      • +
    • ficon-fire
      • +
    • ficon-eye-open
      • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • -
    • +
    • ficon-eye-close
      • +
    • ficon-warning-sign
      • +
    • ficon-plane
      • +
    • ficon-calendar
      • +
    • ficon-random
      • +
    • ficon-comment
      • +
    • ficon-magnet
      • +
    • ficon-chevron-up
      • +
    • ficon-chevron-down
      • +
    • ficon-retweet
      • +
    • ficon-shopping-cart
      • +
    • ficon-folder-close
      • +
    • ficon-folder-open
      • +
    • ficon-resize-vertical
      • +
    • ficon-resize-horizontal
@@ -407,37 +407,37 @@

-
    -
  • -
  • -
  • -
  • -
  • +
      +
    • ficon-camera-retro
      • +
    • ficon-bar-chart
      • +
    • ficon-cogs
      • +
    • ficon-external-link
      • +
    • ficon-pushpin
-
    -
  • -
  • -
  • -
  • -
  • +
      +
    • ficon-facebook-sign
      • +
    • ficon-twitter-sign
      • +
    • ficon-linkedin-sign
      • +
    • ficon-github-sign
      • +
    • ficon-key
-
    -
  • -
  • -
  • +
      +
    • ficon-comments
      • +
    • ficon-trophy
      • +
    • ficon-upload-alt
-
    - -
  • -
  • -
  • -
  • +
      +
    • ficon-signin
      • +
    • ficon-signout
      • +
    • ficon-star-half
      • +
    • ficon-heart-empty
      • +
    • ficon-lemon
@@ -449,51 +449,51 @@

Use Font Awesome icons in:

-
    -
  • Bulleted lists (like this one)
    • -
  • Buttons
    • -
  • Button groups
    • -
  • Navigation
    • -
  • Prepended form inputs
    • -
  • And many more with Custom CSS
    • +
      +
    • Bulleted lists (like this one)
      • +
    • Buttons
      • +
    • Button groups
      • +
    • Navigation
      • +
    • Prepended form inputs
      • +
    • And many more with Custom CSS

- Refresh - Checkout - Delete + Refresh + Checkout + Delete

- Comment - Settings - More Info + Comment + Settings + More Info

- - - - + + + +
- User - + User + @@ -503,7 +503,7 @@
- +
@@ -511,7 +511,7 @@
- +
@@ -607,24 +607,24 @@
- icon-camera-retro + ficon-camera-retro 
 <div style="font-size: 24px;">
-  <i class="icon-camera-retro"></i> icon-camera-retro
+  <i class="ficon-camera-retro"></i> ficon-camera-retro
 </div>
-
Icon classes are echoed via CSS :before.
-

Increase the icon size by using the icon-large class. This increases the size by 33% relative to the font-size of the container.

+
Icon classes are echoed via CSS :before.
+

Increase the icon size by using the ficon-large class. This increases the size by 33% relative to the font-size of the container.

- icon-camera-retro + ficon-camera-retro 
 <div style="font-size: 24px;">
-  <i class="icon-camera-retro icon-large"></i> icon-camera-retro
+  <i class="ficon-camera-retro ficon-large"></i> ficon-camera-retro
 </div>
@@ -635,21 +635,21 @@

- Refresh + Refresh - Checkout + Checkout

- Comment + Comment - Delete + Delete

- Settings + Settings - More Info + More Info

@@ -657,17 +657,17 @@

Font Awesome icons work great in buttons.

 <a class="btn" href="#">
-  <i class="icon-refresh"></i> Refresh</a>
+  <i class="ficon-refresh"></i> Refresh</a>
 <a class="btn btn-success" href="#">
-  <i class="icon-shopping-cart icon-large"></i> Checkout</a>
+  <i class="ficon-shopping-cart ficon-large"></i> Checkout</a>
 <a class="btn btn-large btn-primary" href="#">
-  <i class="icon-comment"></i> Comment</a>
+  <i class="ficon-comment"></i> Comment</a>
 <a class="btn btn-danger" href="#">
-  <i class="icon-trash icon-large"></i> Delete</a>
+  <i class="ficon-trash ficon-large"></i> Delete</a>
 <a class="btn btn-small" href="#">
-  <i class="icon-cog"></i> Settings</a>
+  <i class="ficon-cog"></i> Settings</a>
 <a class="btn btn-small btn-info" href="#">
-  <i class="icon-info-sign"></i> More Info</a>
+  <i class="ficon-info-sign"></i> More Info</a>
@@ -676,20 +676,20 @@

Button groups

- - - - + + + + 

 <div class="btn-group">
-  <a class="btn" href="#"><i class="icon-align-left"></i></a>
-  <a class="btn" href="#"><i class="icon-align-center"></i></a>
-  <a class="btn" href="#"><i class="icon-align-right"></i></a>
-  <a class="btn" href="#"><i class="icon-align-justify"></i></a>
+  <a class="btn" href="#"><i class="ficon-align-left"></i></a>
+  <a class="btn" href="#"><i class="ficon-align-center"></i></a>
+  <a class="btn" href="#"><i class="ficon-align-right"></i></a>
+  <a class="btn" href="#"><i class="ficon-align-justify"></i></a>
 </div>
@@ -699,13 +699,13 @@

Button dropdowns

- User + User - + @@ -715,30 +715,30 @@ 
 <div class="btn-group">
-    <a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a>
-    <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="icon-chevron-down"></span></a>
+    <a class="btn btn-primary" href="#"><i class="ficon-user"></i> User</a>
+    <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#"><span class="ficon-caret-down"></span></a>
     <ul class="dropdown-menu">
-        <li><a href="#"><i class="icon-pencil"></i> Edit</a></li>
-        <li><a href="#"><i class="icon-trash"></i> Delete</a></li>
-        <li><a href="#"><i class="icon-ban-circle"></i> Ban</a></li>
+        <li><a href="#"><i class="ficon-pencil"></i> Edit</a></li>
+        <li><a href="#"><i class="ficon-trash"></i> Delete</a></li>
+        <li><a href="#"><i class="ficon-ban-circle"></i> Ban</a></li>
         <li class="divider"></li>
         <li><a href="#"><i class="i"></i> Make admin</a></li>
     </ul>
 </div>
-
Don't forget to add the appropriate JavaScript to enable button dropdowns.
+
Don't forget to add the appropriate JavaScript to enable button dropdowns.

Lists

-

    -
  • Lists
    • -
  • Buttons
    • -
  • Button groups
    • -
  • Navigation
    • -
  • Prepended form inputs
    • +
      +
    • Lists
      • +
    • Buttons
      • +
    • Button groups
      • +
    • Navigation
      • +
    • Prepended form inputs

@@ -746,11 +746,11 @@

Easily replace individual bullets.

 <ul>
-  <li class="icon-ok">Lists</li>
-  <li class="icon-ok">Buttons</li>
-  <li class="icon-ok">Button groups</li>
-  <li class="icon-ok">Navigation</li>
-  <li class="icon-ok">Prepended form inputs</li>
+  <li class="ficon-ok">Lists</li>
+  <li class="ficon-ok">Buttons</li>
+  <li class="ficon-ok">Button groups</li>
+  <li class="ficon-ok">Navigation</li>
+  <li class="ficon-ok">Prepended form inputs</li>
 </ul>
@@ -760,10 +760,10 @@

Navigation

@@ -771,10 +771,10 @@

Use Font Awesome icons in navigation to provide helpful visual cues.

 <ul class="nav nav-list">
-  <li class="active"><a href="#"><i class="icon-home"></i> Home</a></li>
-  <li><a href="#"><i class="icon-book"></i> Library</a></li>
-  <li><a href="#"><i class="icon-pencil"></i> Applications</a></li>
-  <li><a href="#"><i class="icon-cogs"></i> Settings</a></li>
+  <li class="active"><a href="#"><i class="ficon-home"></i> Home</a></li>
+  <li><a href="#"><i class="ficon-book"></i> Library</a></li>
+  <li><a href="#"><i class="ficon-pencil"></i> Applications</a></li>
+  <li><a href="#"><i class="ficon-cogs"></i> Settings</a></li>
 </ul>
@@ -785,11 +785,11 @@

- +
- +
@@ -799,11 +799,11 @@ 
 <form>
   <div class="input-prepend">
-    <span class="add-on"><i class="icon-envelope"></i></span>
+    <span class="add-on"><i class="ficon-envelope"></i></span>
     <input class="span2" type="text" placeholder="Email address">
   </div>
   <div class="input-prepend">
-    <span class="add-on"><i class="icon-key"></i></span>
+    <span class="add-on"><i class="ficon-key"></i></span>
     <input class="span2" type="password" placeholder="Password">
   </div>
 </form>
@@ -829,12 +829,12 @@
     

         
Roadmap

         
Here's the plan for future updates.

-        
    
-            
  • Support for IE7.
    • 
-            
  • Better hinting for smaller font sizes.
    • 
-            
  • More icons. Have any requests? Open an issue in the Font Awesome GitHub project.
    • 
-            
  • More complete Twitter Bootstrap compatibility.
    • 
-            
  • Tricks and tips for super-awesome creative CSS methods, like the star example above.
    • 
+        
      
+            
    •  Support for IE7.
      • 
+            
    •  Better hinting for smaller font sizes.
      • 
+            
    •  More icons. Have any requests? Open an issue in the Font Awesome GitHub project.
      • 
+            
    •  More complete Twitter Bootstrap compatibility.
      • 
+            
    •  Tricks and tips for super-awesome creative CSS methods, like the star example above.
      • 
         
    
     

 
@@ -842,10 +842,10 @@
         

             

                 
Contact

-                

             

@@ -857,12 +857,12 @@
                 the end user, a mention in an 'About' or 'Credits' screen is considered acceptable (most common in desktop or
                 mobile software).
             

-            

-                
Special Thanks

-                Special thanks to @robmadole and
-                @supercodepoet for icon design
-                review, advice, and some backbone.js help.
-            

+        

+        

+            
Special Thanks

+            Special thanks to @robmadole and
+            @supercodepoet for icon design
+            review, advice, and some backbone.js help.
         

     
 
@@ -872,7 +872,7 @@