diff --git a/docs/assets/css/font-awesome-ie7.css b/docs/assets/css/font-awesome-ie7.css index 48d4502a5..3d944f93b 100644 --- a/docs/assets/css/font-awesome-ie7.css +++ b/docs/assets/css/font-awesome-ie7.css @@ -1,233 +1,233 @@ -[class^="ficon-"], -[class*=" ficon-"] { +[class^="icon-"], +[class*=" icon-"] { font-family: FontAwesome; font-style: normal; font-weight: normal; } -.btn.dropdown-toggle [class^="ficon-"], .btn.dropdown-toggle [class*=" ficon-"] { +.btn.dropdown-toggle [class^="icon-"], .btn.dropdown-toggle [class*=" icon-"] { /* keeps button heights with and without icons the same */ line-height: 1.4em; } -.ficon-large { +.icon-large { font-size: 1.3333em; } -.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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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 = ' '); } +.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 = ' '); } diff --git a/docs/assets/css/site.css b/docs/assets/css/site.css index 3ca6fa627..6aaf7ed03 100644 --- a/docs/assets/css/site.css +++ b/docs/assets/css/site.css @@ -3788,667 +3788,667 @@ a.badge:hover { } /* Font Awesome styles ------------------------------------------------------- */ -[class^="ficon-"]:before, -[class*=" ficon-"]:before { +[class^="icon-"]:before, +[class*=" icon-"]:before { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; } -a [class^="ficon-"], -a [class*=" ficon-"] { +a [class^="icon-"], +a [class*=" icon-"] { display: inline-block; text-decoration: inherit; } /* makes the font 33% larger relative to the icon container */ -.ficon-large:before { +.icon-large:before { vertical-align: middle; font-size: 1.3333333333333333em; } -.btn [class^="ficon-"], -.btn [class*=" ficon-"] { +.btn [class^="icon-"], +.btn [class*=" icon-"] { /* keeps button heights with and without icons the same */ line-height: .9em; } -li [class^="ficon-"], -li [class*=" ficon-"] { +li [class^="icon-"], +li [class*=" icon-"] { display: inline-block; width: 1.25em; text-align: center; } -li .ficon-large:before, -li .ficon-large:before { - /* 1.5 increased font size for ficon-large * 1.25 width */ +li .icon-large:before, +li .icon-large:before { + /* 1.5 increased font size for icon-large * 1.25 width */ width: 1.875em; } -ul.ficons { +ul.icons { list-style-type: none; margin-left: 2em; text-indent: -0.8em; } -ul.ficons li [class^="ficon-"], -ul.ficons li [class*=" ficon-"] { +ul.icons li [class^="icon-"], +ul.icons li [class*=" icon-"] { width: .8em; } -ul.ficons li .ficon-large:before, -ul.ficons li .ficon-large:before { - /* 1.5 increased font size for ficon-large * 1.25 width */ +ul.icons li .icon-large:before, +ul.icons li .icon-large:before { + /* 1.5 increased font size for icon-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 */ -.ficon-glass:before { +.icon-glass:before { content: "\f000"; } -.ficon-music:before { +.icon-music:before { content: "\f001"; } -.ficon-search:before { +.icon-search:before { content: "\f002"; } -.ficon-envelope:before { +.icon-envelope:before { content: "\f003"; } -.ficon-heart:before { +.icon-heart:before { content: "\f004"; } -.ficon-star:before { +.icon-star:before { content: "\f005"; } -.ficon-star-empty:before { +.icon-star-empty:before { content: "\f006"; } -.ficon-user:before { +.icon-user:before { content: "\f007"; } -.ficon-film:before { +.icon-film:before { content: "\f008"; } -.ficon-th-large:before { +.icon-th-large:before { content: "\f009"; } -.ficon-th:before { +.icon-th:before { content: "\f00a"; } -.ficon-th-list:before { +.icon-th-list:before { content: "\f00b"; } -.ficon-ok:before { +.icon-ok:before { content: "\f00c"; } -.ficon-remove:before { +.icon-remove:before { content: "\f00d"; } -.ficon-zoom-in:before { +.icon-zoom-in:before { content: "\f00e"; } -.ficon-zoom-out:before { +.icon-zoom-out:before { content: "\f010"; } -.ficon-off:before { +.icon-off:before { content: "\f011"; } -.ficon-signal:before { +.icon-signal:before { content: "\f012"; } -.ficon-cog:before { +.icon-cog:before { content: "\f013"; } -.ficon-trash:before { +.icon-trash:before { content: "\f014"; } -.ficon-home:before { +.icon-home:before { content: "\f015"; } -.ficon-file:before { +.icon-file:before { content: "\f016"; } -.ficon-time:before { +.icon-time:before { content: "\f017"; } -.ficon-road:before { +.icon-road:before { content: "\f018"; } -.ficon-download-alt:before { +.icon-download-alt:before { content: "\f019"; } -.ficon-download:before { +.icon-download:before { content: "\f01a"; } -.ficon-upload:before { +.icon-upload:before { content: "\f01b"; } -.ficon-inbox:before { +.icon-inbox:before { content: "\f01c"; } -.ficon-play-circle:before { +.icon-play-circle:before { content: "\f01d"; } -.ficon-repeat:before { +.icon-repeat:before { content: "\f01e"; } /* \f020 is not a valid unicode character. all shifted one down */ -.ficon-refresh:before { +.icon-refresh:before { content: "\f021"; } -.ficon-list-alt:before { +.icon-list-alt:before { content: "\f022"; } -.ficon-lock:before { +.icon-lock:before { content: "\f023"; } -.ficon-flag:before { +.icon-flag:before { content: "\f024"; } -.ficon-headphones:before { +.icon-headphones:before { content: "\f025"; } -.ficon-volume-off:before { +.icon-volume-off:before { content: "\f026"; } -.ficon-volume-down:before { +.icon-volume-down:before { content: "\f027"; } -.ficon-volume-up:before { +.icon-volume-up:before { content: "\f028"; } -.ficon-qrcode:before { +.icon-qrcode:before { content: "\f029"; } -.ficon-barcode:before { +.icon-barcode:before { content: "\f02a"; } -.ficon-tag:before { +.icon-tag:before { content: "\f02b"; } -.ficon-tags:before { +.icon-tags:before { content: "\f02c"; } -.ficon-book:before { +.icon-book:before { content: "\f02d"; } -.ficon-bookmark:before { +.icon-bookmark:before { content: "\f02e"; } -.ficon-print:before { +.icon-print:before { content: "\f02f"; } -.ficon-camera:before { +.icon-camera:before { content: "\f030"; } -.ficon-font:before { +.icon-font:before { content: "\f031"; } -.ficon-bold:before { +.icon-bold:before { content: "\f032"; } -.ficon-italic:before { +.icon-italic:before { content: "\f033"; } -.ficon-text-height:before { +.icon-text-height:before { content: "\f034"; } -.ficon-text-width:before { +.icon-text-width:before { content: "\f035"; } -.ficon-align-left:before { +.icon-align-left:before { content: "\f036"; } -.ficon-align-center:before { +.icon-align-center:before { content: "\f037"; } -.ficon-align-right:before { +.icon-align-right:before { content: "\f038"; } -.ficon-align-justify:before { +.icon-align-justify:before { content: "\f039"; } -.ficon-list:before { +.icon-list:before { content: "\f03a"; } -.ficon-indent-left:before { +.icon-indent-left:before { content: "\f03b"; } -.ficon-indent-right:before { +.icon-indent-right:before { content: "\f03c"; } -.ficon-facetime-video:before { +.icon-facetime-video:before { content: "\f03d"; } -.ficon-picture:before { +.icon-picture:before { content: "\f03e"; } -.ficon-pencil:before { +.icon-pencil:before { content: "\f040"; } -.ficon-map-marker:before { +.icon-map-marker:before { content: "\f041"; } -.ficon-adjust:before { +.icon-adjust:before { content: "\f042"; } -.ficon-tint:before { +.icon-tint:before { content: "\f043"; } -.ficon-edit:before { +.icon-edit:before { content: "\f044"; } -.ficon-share:before { +.icon-share:before { content: "\f045"; } -.ficon-check:before { +.icon-check:before { content: "\f046"; } -.ficon-move:before { +.icon-move:before { content: "\f047"; } -.ficon-step-backward:before { +.icon-step-backward:before { content: "\f048"; } -.ficon-fast-backward:before { +.icon-fast-backward:before { content: "\f049"; } -.ficon-backward:before { +.icon-backward:before { content: "\f04a"; } -.ficon-play:before { +.icon-play:before { content: "\f04b"; } -.ficon-pause:before { +.icon-pause:before { content: "\f04c"; } -.ficon-stop:before { +.icon-stop:before { content: "\f04d"; } -.ficon-forward:before { +.icon-forward:before { content: "\f04e"; } -.ficon-fast-forward:before { +.icon-fast-forward:before { content: "\f050"; } -.ficon-step-forward:before { +.icon-step-forward:before { content: "\f051"; } -.ficon-eject:before { +.icon-eject:before { content: "\f052"; } -.ficon-chevron-left:before { +.icon-chevron-left:before { content: "\f053"; } -.ficon-chevron-right:before { +.icon-chevron-right:before { content: "\f054"; } -.ficon-plus-sign:before { +.icon-plus-sign:before { content: "\f055"; } -.ficon-minus-sign:before { +.icon-minus-sign:before { content: "\f056"; } -.ficon-remove-sign:before { +.icon-remove-sign:before { content: "\f057"; } -.ficon-ok-sign:before { +.icon-ok-sign:before { content: "\f058"; } -.ficon-question-sign:before { +.icon-question-sign:before { content: "\f059"; } -.ficon-info-sign:before { +.icon-info-sign:before { content: "\f05a"; } -.ficon-screenshot:before { +.icon-screenshot:before { content: "\f05b"; } -.ficon-remove-circle:before { +.icon-remove-circle:before { content: "\f05c"; } -.ficon-ok-circle:before { +.icon-ok-circle:before { content: "\f05d"; } -.ficon-ban-circle:before { +.icon-ban-circle:before { content: "\f05e"; } -.ficon-arrow-left:before { +.icon-arrow-left:before { content: "\f060"; } -.ficon-arrow-right:before { +.icon-arrow-right:before { content: "\f061"; } -.ficon-arrow-up:before { +.icon-arrow-up:before { content: "\f062"; } -.ficon-arrow-down:before { +.icon-arrow-down:before { content: "\f063"; } -.ficon-share-alt:before { +.icon-share-alt:before { content: "\f064"; } -.ficon-resize-full:before { +.icon-resize-full:before { content: "\f065"; } -.ficon-resize-small:before { +.icon-resize-small:before { content: "\f066"; } -.ficon-plus:before { +.icon-plus:before { content: "\f067"; } -.ficon-minus:before { +.icon-minus:before { content: "\f068"; } -.ficon-asterisk:before { +.icon-asterisk:before { content: "\f069"; } -.ficon-exclamation-sign:before { +.icon-exclamation-sign:before { content: "\f06a"; } -.ficon-gift:before { +.icon-gift:before { content: "\f06b"; } -.ficon-leaf:before { +.icon-leaf:before { content: "\f06c"; } -.ficon-fire:before { +.icon-fire:before { content: "\f06d"; } -.ficon-eye-open:before { +.icon-eye-open:before { content: "\f06e"; } -.ficon-eye-close:before { +.icon-eye-close:before { content: "\f070"; } -.ficon-warning-sign:before { +.icon-warning-sign:before { content: "\f071"; } -.ficon-plane:before { +.icon-plane:before { content: "\f072"; } -.ficon-calendar:before { +.icon-calendar:before { content: "\f073"; } -.ficon-random:before { +.icon-random:before { content: "\f074"; } -.ficon-comment:before { +.icon-comment:before { content: "\f075"; } -.ficon-magnet:before { +.icon-magnet:before { content: "\f076"; } -.ficon-chevron-up:before { +.icon-chevron-up:before { content: "\f077"; } -.ficon-chevron-down:before { +.icon-chevron-down:before { content: "\f078"; } -.ficon-retweet:before { +.icon-retweet:before { content: "\f079"; } -.ficon-shopping-cart:before { +.icon-shopping-cart:before { content: "\f07a"; } -.ficon-folder-close:before { +.icon-folder-close:before { content: "\f07b"; } -.ficon-folder-open:before { +.icon-folder-open:before { content: "\f07c"; } -.ficon-resize-vertical:before { +.icon-resize-vertical:before { content: "\f07d"; } -.ficon-resize-horizontal:before { +.icon-resize-horizontal:before { content: "\f07e"; } -.ficon-bar-chart:before { +.icon-bar-chart:before { content: "\f080"; } -.ficon-twitter-sign:before { +.icon-twitter-sign:before { content: "\f081"; } -.ficon-facebook-sign:before { +.icon-facebook-sign:before { content: "\f082"; } -.ficon-camera-retro:before { +.icon-camera-retro:before { content: "\f083"; } -.ficon-key:before { +.icon-key:before { content: "\f084"; } -.ficon-cogs:before { +.icon-cogs:before { content: "\f085"; } -.ficon-comments:before { +.icon-comments:before { content: "\f086"; } -.ficon-thumbs-up:before { +.icon-thumbs-up:before { content: "\f087"; } -.ficon-thumbs-down:before { +.icon-thumbs-down:before { content: "\f088"; } -.ficon-star-half:before { +.icon-star-half:before { content: "\f089"; } -.ficon-heart-empty:before { +.icon-heart-empty:before { content: "\f08a"; } -.ficon-signout:before { +.icon-signout:before { content: "\f08b"; } -.ficon-linkedin-sign:before { +.icon-linkedin-sign:before { content: "\f08c"; } -.ficon-pushpin:before { +.icon-pushpin:before { content: "\f08d"; } -.ficon-external-link:before { +.icon-external-link:before { content: "\f08e"; } -.ficon-signin:before { +.icon-signin:before { content: "\f090"; } -.ficon-trophy:before { +.icon-trophy:before { content: "\f091"; } -.ficon-github-sign:before { +.icon-github-sign:before { content: "\f092"; } -.ficon-upload-alt:before { +.icon-upload-alt:before { content: "\f093"; } -.ficon-lemon:before { +.icon-lemon:before { content: "\f094"; } -.ficon-phone:before { +.icon-phone:before { content: "\f095"; } -.ficon-check-empty:before { +.icon-check-empty:before { content: "\f096"; } -.ficon-bookmark-empty:before { +.icon-bookmark-empty:before { content: "\f097"; } -.ficon-phone-sign:before { +.icon-phone-sign:before { content: "\f098"; } -.ficon-twitter:before { +.icon-twitter:before { content: "\f099"; } -.ficon-facebook:before { +.icon-facebook:before { content: "\f09a"; } -.ficon-github:before { +.icon-github:before { content: "\f09b"; } -.ficon-unlock:before { +.icon-unlock:before { content: "\f09c"; } -.ficon-credit-card:before { +.icon-credit-card:before { content: "\f09d"; } -.ficon-rss:before { +.icon-rss:before { content: "\f09e"; } -.ficon-hdd:before { +.icon-hdd:before { content: "\f0a0"; } -.ficon-bullhorn:before { +.icon-bullhorn:before { content: "\f0a1"; } -.ficon-bell:before { +.icon-bell:before { content: "\f0a2"; } -.ficon-certificate:before { +.icon-certificate:before { content: "\f0a3"; } -.ficon-hand-right:before { +.icon-hand-right:before { content: "\f0a4"; } -.ficon-hand-left:before { +.icon-hand-left:before { content: "\f0a5"; } -.ficon-hand-up:before { +.icon-hand-up:before { content: "\f0a6"; } -.ficon-hand-down:before { +.icon-hand-down:before { content: "\f0a7"; } -.ficon-circle-arrow-left:before { +.icon-circle-arrow-left:before { content: "\f0a8"; } -.ficon-circle-arrow-right:before { +.icon-circle-arrow-right:before { content: "\f0a9"; } -.ficon-circle-arrow-up:before { +.icon-circle-arrow-up:before { content: "\f0aa"; } -.ficon-circle-arrow-down:before { +.icon-circle-arrow-down:before { content: "\f0ab"; } -.ficon-globe:before { +.icon-globe:before { content: "\f0ac"; } -.ficon-wrench:before { +.icon-wrench:before { content: "\f0ad"; } -.ficon-tasks:before { +.icon-tasks:before { content: "\f0ae"; } -.ficon-filter:before { +.icon-filter:before { content: "\f0b0"; } -.ficon-briefcase:before { +.icon-briefcase:before { content: "\f0b1"; } -.ficon-fullscreen:before { +.icon-fullscreen:before { content: "\f0b2"; } -.ficon-group:before { +.icon-group:before { content: "\f0c0"; } -.ficon-link:before { +.icon-link:before { content: "\f0c1"; } -.ficon-cloud:before { +.icon-cloud:before { content: "\f0c2"; } -.ficon-beaker:before { +.icon-beaker:before { content: "\f0c3"; } -.ficon-cut:before { +.icon-cut:before { content: "\f0c4"; } -.ficon-copy:before { +.icon-copy:before { content: "\f0c5"; } -.ficon-paper-clip:before { +.icon-paper-clip:before { content: "\f0c6"; } -.ficon-save:before { +.icon-save:before { content: "\f0c7"; } -.ficon-sign-blank:before { +.icon-sign-blank:before { content: "\f0c8"; } -.ficon-reorder:before { +.icon-reorder:before { content: "\f0c9"; } -.ficon-ul:before { +.icon-ul:before { content: "\f0ca"; } -.ficon-ol:before { +.icon-ol:before { content: "\f0cb"; } -.ficon-strikethrough:before { +.icon-strikethrough:before { content: "\f0cc"; } -.ficon-underline:before { +.icon-underline:before { content: "\f0cd"; } -.ficon-table:before { +.icon-table:before { content: "\f0ce"; } -.ficon-magic:before { +.icon-magic:before { content: "\f0d0"; } -.ficon-truck:before { +.icon-truck:before { content: "\f0d1"; } -.ficon-pinterest:before { +.icon-pinterest:before { content: "\f0d2"; } -.ficon-pinterest-sign:before { +.icon-pinterest-sign:before { content: "\f0d3"; } -.ficon-google-plus-sign:before { +.icon-google-plus-sign:before { content: "\f0d4"; } -.ficon-google-plus:before { +.icon-google-plus:before { content: "\f0d5"; } -.ficon-money:before { +.icon-money:before { content: "\f0d6"; } -.ficon-caret-down:before { +.icon-caret-down:before { content: "\f0d7"; } -.ficon-caret-up:before { +.icon-caret-up:before { content: "\f0d8"; } -.ficon-caret-left:before { +.icon-caret-left:before { content: "\f0d9"; } -.ficon-caret-right:before { +.icon-caret-right:before { content: "\f0da"; } -.ficon-columns:before { +.icon-columns:before { content: "\f0db"; } -.ficon-sort:before { +.icon-sort:before { content: "\f0dc"; } -.ficon-sort-down:before { +.icon-sort-down:before { content: "\f0dd"; } -.ficon-sort-up:before { +.icon-sort-up:before { content: "\f0de"; } -.ficon-user-md:before { +.icon-user-md:before { content: "\f200"; } -.ficon-chart-pie-one-third:before { +.icon-chart-pie-one-third:before { content: "\f201"; } -.ficon-chart-pie-two-thirds:before { +.icon-chart-pie-two-thirds:before { content: "\f202"; } -.ficon-chart-pie-full:before { +.icon-chart-pie-full:before { content: "\f203"; } -.ficon-chart-pie-empty:before { +.icon-chart-pie-empty:before { content: "\f204"; } #overview { @@ -4502,7 +4502,7 @@ h6 { height: 23px; border-width: 3px; font-size: 17px; - line-height: 24px; + line-height: 28px; left: 94.66666666666667px; } #iconCarousel .carousel-control.right { @@ -4517,6 +4517,9 @@ a[href^='http://']:after:hover { text-decoration: none; } .hero-unit { + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + border-radius: 20px; background-color: #9d261d; text-shadow: 2px 2px 2px #333333; } @@ -4543,7 +4546,7 @@ a[href^='http://']:after:hover { line-height: 30px; text-shadow: 1px 1px 1px #333333; } -.hero-unit ul li.ficon-large:before { +.hero-unit ul li.icon-large:before { text-indent: -2em; vertical-align: baseline; } @@ -4649,41 +4652,41 @@ a[href^='http://']:after:hover { text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25); color: #333333; } -#base-icons ul.ficons > li, -#extended-icons ul.ficons > li, -#new-icons ul.ficons > li { - cursor: pointer; - font-size: 14px; - line-height: 30px; - height: 30px; +.the-icons { + list-style-type: none; + margin-left: 0; } -#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-"] { +.the-icons li { + cursor: pointer; + line-height: 42px; + height: 42px; + padding-left: 12px; + -webkit-border-radius: 12px; + -moz-border-radius: 12px; + border-radius: 12px; +} +.the-icons li [class^="icon-"], +.the-icons li [class*=" icon-"] { + width: 32px; font-size: 16px; } -#base-icons ul.ficons > li:hover, -#extended-icons ul.ficons > li:hover, -#new-icons ul.ficons > li:hover { - background-color: #f5f5f5; +.the-icons li:hover { + background-color: #fbf4f4; } -#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 { +.the-icons li:hover [class^="icon-"], +.the-icons li:hover [class*=" icon-"] { + *font-size: 24px; + *vertical-align: middle; +} +.the-icons li:hover [class^="icon-"]:before, +.the-icons li:hover [class*=" icon-"]:before { font-size: 24px; - text-indent: -4px; vertical-align: middle; } #why .row { margin-bottom: 20px; } -#why .ficon-large { +#why .icon-large { font-size: 22px; text-align: center; padding-right: 4px; diff --git a/docs/assets/js/index/index.js b/docs/assets/js/index/index.js index 3456ad10c..b700f1b11 100644 --- a/docs/assets/js/index/index.js +++ b/docs/assets/js/index/index.js @@ -5,7 +5,7 @@ $(function() { modalTemplate: _.template($("#modal-template").html()), events:{ - "click ul.ficons > li": "iconClicked" + "click ul.the-icons > li": "iconClicked" }, iconClicked: function(event) { diff --git a/docs/assets/less/font-awesome.less b/docs/assets/less/font-awesome.less index 83c007259..7c932155d 100644 --- a/docs/assets/less/font-awesome.less +++ b/docs/assets/less/font-awesome.less @@ -35,8 +35,8 @@ /* Font Awesome styles ------------------------------------------------------- */ -[class^="ficon-"]:before, -[class*=" ficon-"]:before { +[class^="icon-"]:before, +[class*=" icon-"]:before { font-family: FontAwesome; font-weight: normal; font-style: normal; @@ -44,53 +44,53 @@ text-decoration: inherit; } -a [class^="ficon-"], -a [class*=" ficon-"] { +a [class^="icon-"], +a [class*=" icon-"] { display: inline-block; text-decoration: inherit; } /* makes the font 33% larger relative to the icon container */ -.ficon-large:before { +.icon-large:before { vertical-align: middle; font-size: 4/3em; } .btn { - [class^="ficon-"], - [class*=" ficon-"] { + [class^="icon-"], + [class*=" icon-"] { /* keeps button heights with and without icons the same */ line-height: .9em; } } li { - [class^="ficon-"], - [class*=" ficon-"] { + [class^="icon-"], + [class*=" icon-"] { display: inline-block; width: 1.25em; text-align: center; } - .ficon-large:before, - .ficon-large:before { - /* 1.5 increased font size for ficon-large * 1.25 width */ + .icon-large:before, + .icon-large:before { + /* 1.5 increased font size for icon-large * 1.25 width */ width: 1.5*1.25em; } } -ul.ficons { +ul.icons { list-style-type: none; margin-left: 2em; text-indent: -.8em; li { - [class^="ficon-"], - [class*=" ficon-"] { + [class^="icon-"], + [class*=" icon-"] { width: .8em; } - .ficon-large:before, - .ficon-large:before { - /* 1.5 increased font size for ficon-large * 1.25 width */ + .icon-large:before, + .icon-large:before { + /* 1.5 increased font size for icon-large * 1.25 width */ vertical-align: initial; // width: 1.5*1.25em; } @@ -99,221 +99,221 @@ ul.ficons { /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ -.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-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-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"; } +.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"; } /* \f020 is not a valid unicode character. all shifted one down */ -.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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-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-filter:before { content: "\f0b0"; } -.ficon-briefcase:before { content: "\f0b1"; } -.ficon-fullscreen:before { content: "\f0b2"; } +.icon-filter:before { content: "\f0b0"; } +.icon-briefcase:before { content: "\f0b1"; } +.icon-fullscreen:before { content: "\f0b2"; } -.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-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-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-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-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"; } +.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"; } diff --git a/docs/assets/less/mixins.less b/docs/assets/less/mixins.less index 8135b43e6..1dcc5bcb9 100644 --- a/docs/assets/less/mixins.less +++ b/docs/assets/less/mixins.less @@ -35,7 +35,7 @@ } } -.ficon-size (@size: 12px, @width-multiplier: .9, @height-multiplier: .8) { +.icon-size (@size: 12px, @width-multiplier: .9, @height-multiplier: .8) { i { font-size: @size; } line-height: @size; height: @size * @height-multiplier; diff --git a/docs/assets/less/site.less b/docs/assets/less/site.less index 72739d467..0e45b9183 100644 --- a/docs/assets/less/site.less +++ b/docs/assets/less/site.less @@ -37,7 +37,7 @@ h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; } .square(23px); border-width: 3px; font-size: 17px; - line-height: 24px; + line-height: 28px; left: @size / 3 + 3; &.right { left: auto; @@ -57,6 +57,8 @@ a[href^='http://'] { } .hero-unit { + .border-radius(20px); +// #gradient > .radial( lighten(@red, 10%), @red); background-color: @red; &, h1 { color: @white; } h1 { @@ -74,7 +76,7 @@ a[href^='http://'] { ul { margin-left: 50px; li { - &.ficon-large:before { + &.icon-large:before { text-indent: -2em; vertical-align: baseline; } @@ -125,32 +127,29 @@ a[href^='http://'] { } } -#base-icons, #extended-icons, #new-icons { - ul.ficons { -// color: @linkColor; - > li { - cursor: pointer; - font-size: 14px; - line-height: 30px; - height: 30px; +.the-icons { + list-style-type: none; + margin-left: 0; + li { + cursor: pointer; + line-height: 42px; + height: 42px; + padding-left: 12px; + .border-radius(12px); - i[class^="ficon-"], - i[class*=" ficon-"] { -// color: @black; - font-size: 16px; - } - &:hover { - background-color: #f5f5f5; -// color: @errorText; -// text-decoration: underline; + [class^="icon-"], + [class*=" icon-"] { + width: 32px; + font-size: 16px; + } + &:hover { + background-color: lighten(@errorBackground, 6%); + [class^="icon-"], [class*=" icon-"] { *font-size: 24px; *vertical-align: middle; } - i[class^="ficon-"]:before, - i[class*=" ficon-"]:before { - font-size: 24px; - text-indent: -4px; - vertical-align: middle; -// text-decoration: underline; - } + [class^="icon-"]:before, + [class*=" icon-"]:before { + font-size: 24px; + vertical-align: middle; } } } @@ -160,7 +159,7 @@ a[href^='http://'] { .row { margin-bottom: 20px; } - .ficon-large { + .icon-large { font-size: 22px; text-align: center; padding-right: 4px; @@ -228,27 +227,27 @@ a[href^='http://'] { } .icon6 { width: 325px; - > div.thumbnail > div { .ficon-size(340px); } + > div.thumbnail > div { .icon-size(340px); } } .icon5 { width: 185px; - > div.thumbnail > div { .ficon-size(180px); } + > div.thumbnail > div { .icon-size(180px); } } .icon4 { width: 215px; - > div.thumbnail > div { .ficon-size(100px); } + > div.thumbnail > div { .icon-size(100px); } } .icon3 { width: 120px; - > div.thumbnail > div { .ficon-size(50px); } + > div.thumbnail > div { .icon-size(50px); } } .icon2 { width: 75px; - > div.thumbnail > div { .ficon-size(20px); } + > div.thumbnail > div { .icon-size(20px); } } .icon1 { width: 60px; - > div.thumbnail > div { .ficon-size(12px); } + > div.thumbnail > div { .icon-size(12px); } } } } diff --git a/docs/index.html b/docs/index.html index 2453d1ffc..70590d379 100644 --- a/docs/index.html +++ b/docs/index.html @@ -10,9 +10,9 @@ Font Awesome, the iconic font designed for use with Twitter Bootstrap - + @@ -31,516 +31,495 @@
-
-
-

Font Awesome

- - -
+
+
+

Font Awesome

+ +
+
-
- -
-

Font Awesome

-

The iconic font designed for use with Twitter Bootstrap

-
- Download
Font Awesome - View Project
on GitHub -
-
+
+ +
+

Font Awesome

+

The iconic font designed for use with Twitter Bootstrap

+
+ Download
Font Awesome + View Project
on GitHub +
+
+
-
-
-
-

One font, 200+ icons

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

Free for commercial use

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

Screen reader compatible

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

Infinite scalability

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

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

Made for Twitter Bootstrap

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

Growing set of icons

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

Follow on Twitter

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

One font, 200+ icons

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

Free for commercial use

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

Screen reader compatible

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

Infinite scalability

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

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 . +
+
+
+
+

Made for Twitter Bootstrap

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

Growing set of icons

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

Follow on Twitter

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

New Icons

-

63 shiny new icons added to Font Awesome 2.0.3. Yep. That puts us well over 200.

-
+
+
+

New Icons in 2.0.3

+

You asked, Font Awesome delivers with 63 shiny new icons in 2.0.3. This giant set of new icons was requested on the Font Awesome GitHub project and includes icon parity with Bootstrap 2.0.3.

+
-
-

Parity with Twitter Bootstrap 2.0.3

-

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
    • +
    +
      +
    • icon-beaker
      • +
    • icon-bell
      • +
    • icon-bookmark-empty
      • +
    • icon-briefcase
      • +
    • icon-bullhorn
      • +
    • icon-caret-down
      • +
    • icon-caret-left
      • +
    • icon-caret-right
      • +
    • icon-caret-up
      • +
    • icon-certificate
      • +
    • icon-chart-pie-empty
      • +
    • icon-chart-pie-full
      • +
    • icon-chart-pie-one-third
      • +
    • icon-chart-pie-two-thirds
      • +
    • icon-check-empty
      • +
    • icon-circle-arrow-down
      • +
    +
    + +
    +
      +
    • icon-circle-arrow-left
      • +
    • icon-circle-arrow-right
      • +
    • icon-circle-arrow-up
      • +
    • icon-cloud
      • +
    • icon-columns
      • +
    • icon-copy
      • +
    • icon-credit-card
      • +
    • icon-cut
      • +
    • icon-facebook
      • +
    • icon-filter
      • +
    • icon-fullscreen
      • +
    • icon-github
      • +
    • icon-globe
      • +
    • icon-google-plus-sign
      • +
    • icon-google-plus
      • +
    • icon-group
      • +
    +
    + +
    +
      +
    • icon-hand-down
      • +
    • icon-hand-left
      • +
    • icon-hand-right
      • +
    • icon-hand-up
      • +
    • icon-hdd
      • +
    • icon-link
      • +
    • icon-magic
      • +
    • icon-money
      • +
    • icon-ol
      • +
    • icon-paper-clip
      • +
    • icon-phone-sign
      • +
    • icon-phone
      • +
    • icon-pinterest-sign
      • +
    • icon-pinterest
      • +
    • icon-reorder
      • +
    • icon-rss
      • +
    +
    + +
    +
      +
    • icon-save
      • +
    • icon-sign-blank
      • +
    • icon-sort-down
      • +
    • icon-sort-up
      • +
    • icon-sort
      • +
    • icon-strikethrough
      • +
    • icon-table
      • +
    • icon-tasks
      • +
    • icon-truck
      • +
    • icon-twitter
      • +
    • icon-ul
      • +
    • icon-underline
      • +
    • icon-unlock
      • +
    • icon-user-md
      • +
    • icon-wrench
      • +
    +
    +
+ + +
+
+

Base Icons

+

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.

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

Extended Icons

+

+ But wait, there's more! Font Awesome also includes this set of ever-expanding extra-awesome pictograms. +

+
+
+
    +
  • icon-camera-retro
    • +
  • icon-bar-chart
    • +
  • icon-cogs
    • +
  • icon-external-link
    • +
  • icon-pushpin
    • +
+
+
+
    +
  • icon-facebook-sign
    • +
  • icon-twitter-sign
    • +
  • icon-linkedin-sign
    • +
  • icon-github-sign
    • +
  • icon-key
    • +
+
+
+
    +
  • icon-thumbs-down
    • +
  • icon-thumbs-up
    • +
  • icon-comments
    • +
  • icon-trophy
    • +
  • icon-upload-alt
    • +
+
+
+
    +
  • icon-signin
    • +
  • icon-signout
    • +
  • icon-star-half
    • +
  • icon-heart-empty
    • +
  • icon-lemon
    • +
+
+
+ +
+

Examples

+

Many examples re-used from the Twitter Bootstrap documentation.

+
+
+
+

Use Font Awesome icons in:

+
    +
  • Bulleted lists (like this one)
    • +
  • Buttons
    • +
  • Button groups
    • +
  • Navigation
    • +
  • Prepended form inputs
    • +
  • And many more with Custom CSS
-
-
    -
  • ficon-thumbs-down
    • -
  • ficon-hand-right
    • -
  • ficon-hand-left
    • -
  • ficon-hand-up
    • -
  • ficon-hand-down
    • +
+
+

+ Refresh + Checkout + Delete +

+

+ Comment + Settings + More Info +

+
+
-
-
    -
  • ficon-circle-arrow-left
    • -
  • ficon-circle-arrow-right
    • -
  • ficon-circle-arrow-up
    • -
  • ficon-circle-arrow-down
    • -
  • ficon-globe
    • -
+
+
+
+
+ + + + +
+
+ User + + +
-
-
    -
  • ficon-wrench
    • -
  • ficon-tasks
    • -
  • ficon-filter
    • -
  • ficon-briefcase
    • -
  • ficon-fullscreen
    • -
-
-
-

User Requested

-

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

Base Icons

-

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

Extended Icons

-

- But wait, there's more! Font Awesome also includes this set of ever-expanding extra-awesome pictograms. -

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

Examples

-

Many examples re-used from the Twitter Bootstrap documentation.

-
-
-
-

Use Font Awesome icons in:

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

- Refresh - Checkout - Delete -

-

- Comment - Settings - More Info -

-
- -
+
+
+
+
+
+ +
-
-
-
- - - - -
-
- User - - -
-
- -
-
-
- - -
-
-
-
-
-
- - -
-
-
- -
+
+
+ +
-
-
-
-
+
+
+
+ -
-

Integration

-

It's easy to integrate Font Awesome into Twitter Bootstrap, or even use it on its own.

-
-
-

Bootstrap using LESS

-

Use this method if integrating with Twitter Bootstrap using LESS

-
-
-
    -
  1. Copy the Font Awesome font directory into your project.
    2. -
  2. Copy font-awesome.less into your bootstrap/less directory.
    3. -
  3. Open bootstrap.less and replace @import "sprites.less"; with @import "font-awesome.less";
    4. -
  4. - Open your project's font-awesome.less and edit the font url to ensure it points to the right place. +
    +

    Integration

    +

    It's easy to integrate Font Awesome into Twitter Bootstrap, or even use it on its own.

    +
    +
    +

    Bootstrap using LESS

    +

    Use this method if integrating with Twitter Bootstrap using LESS

    +
    +
    +
      +
    1. Copy the Font Awesome font directory into your project.
      2. +
    2. Copy font-awesome.less into your bootstrap/less directory.
      3. +
    3. Open bootstrap.less and replace @import "sprites.less"; with @import "font-awesome.less";
      4. +
    4. + Open your project's font-awesome.less and edit the font url to ensure it points to the right place. 
       @font-face {
   font-family: 'FontAwesome';
@@ -554,370 +533,370 @@
   font-style: normal;
 }
      -
      5. -
    5. Re-compile your LESS if using a static compiler. Otherwise, you should be good to go.
      6. -
    6. Check out the examples to start using Font Awesome!
      7. -
    -
    -
    -
    -
    -

    Bootstrap using CSS

    -

    Use this method if integrating with Twitter Bootstrap using CSS.

    -
    -
    -
      -
    1. Copy the Font Awesome font directory into your project.
      2. -
    2. Copy font-awesome.css into your project.
      3. -
    3. Open your project's font-awesome.css and edit the font url to ensure it points to the right place (see above example).
      4. -
    4. - In the <head> of your html, reference the location to your font-awesome.css. +
      5. +
    5. Re-compile your LESS if using a static compiler. Otherwise, you should be good to go.
      6. +
    6. Check out the examples to start using Font Awesome!
      7. +
    +
    +
    +
    +
    +

    Bootstrap using CSS

    +

    Use this method if integrating with Twitter Bootstrap using CSS.

    +
    +
    +
      +
    1. Copy the Font Awesome font directory into your project.
      2. +
    2. Copy font-awesome.css into your project.
      3. +
    3. Open your project's font-awesome.css and edit the font url to ensure it points to the right place (see above example).
      4. +
    4. + In the <head> of your html, reference the location to your font-awesome.css. 
       <link rel="stylesheet" href="../css/bootstrap.css">
 <link rel="stylesheet" href="../css/font-awesome.css">
      -
      5. -
    5. Check out the examples to start using Font Awesome!
      6. -
    -
    -
    -
    -
    -

    Not using Bootstrap?

    -

    Font Awesome works just as well without Twitter Bootstrap.

    -
    -
    -
      -
    1. Copy the Font Awesome font directory into your project.
      2. -
    2. Copy font-awesome.less or font-awesome.css into your project.
      3. -
    3. Open your project's font-awesome.less or font-awesome.css and edit the font url to ensure it points to the right place (see above example).
      4. -
    4. Check out the examples to start using Font Awesome!
      5. -
    -
    -
    -
    +
    5. +
  5. Check out the examples to start using Font Awesome!
    6. +
+
+
+
+
+

Not using Bootstrap?

+

Font Awesome works just as well without Twitter Bootstrap.

+
+
+
    +
  1. Copy the Font Awesome font directory into your project.
    2. +
  2. Copy font-awesome.less or font-awesome.css into your project.
    3. +
  3. Open your project's font-awesome.less or font-awesome.css and edit the font url to ensure it points to the right place (see above example).
    4. +
  4. Check out the examples to start using Font Awesome!
    5. +
+
+
+
-
-

Code

-
-
-

Inline Icon

-

Place Font Awesome icons just about anywhere with the <i> tag.

-
-
-
-
- ficon-camera-retro -
-
+
+

Code

+
+
+

Inline Icon

+

Place Font Awesome icons just about anywhere with the <i> tag.

+
+
+
+
+ icon-camera-retro +
+ 
 <div style="font-size: 24px;">
-  <i class="ficon-camera-retro"></i> ficon-camera-retro
+  <i class="icon-camera-retro"></i> icon-camera-retro
 </div>
-
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.

-
-
- ficon-camera-retro -
-
+
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-camera-retro +
+ 
 <div style="font-size: 24px;">
-  <i class="ficon-camera-retro ficon-large"></i> ficon-camera-retro
+  <i class="icon-camera-retro icon-large"></i> icon-camera-retro
 </div>
-
-
-
-
-

Buttons

-

-

- - Refresh - - Checkout -

-

- - Comment - - Delete -

-

- - Settings - - More Info -

-

-
-
-

Font Awesome icons work great in buttons.

+
+
+
+
+

Buttons

+

+

+ + Refresh + + Checkout +

+

+ + Comment + + Delete +

+

+ + Settings + + More Info +

+

+
+
+

Font Awesome icons work great in buttons.

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

Button groups

-

-

- - - - -
-

-
-
+
+
+
+
+

Button groups

+

+

+ + + + +
+

+
+ 
 <div class="btn-group">
-  <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>
+  <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>
 </div>
-
-
-
-
-

Button dropdowns

-

-

- User - - - -
-
-

-
+
+
+
+
+

Button dropdowns

+

+

+ User + + + +
+
+

+ 
 <div class="btn-group">
-    <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>
+    <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-caret-down"></span></a>
     <ul class="dropdown-menu">
-        <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><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 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.
-
-
-
-
-

Lists

-

-

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

-
-
-

Easily replace individual bullets.

+
Don't forget to add the appropriate JavaScript to enable button dropdowns.
+
+
+
+
+

Lists

+

+

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

+
+
+

Easily replace individual bullets.

 <ul>
-  <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>
+  <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>
 </ul>
-
-
-
-
-

Navigation

-
- -
-
-
-

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

+
+
+
+
+

Navigation

+
+ +
+
+
+

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

 <ul class="nav nav-list">
-  <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>
+  <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>
 </ul>
-
-
-
-
-

Prepended form inputs

-

-

-
- - -
-
- - -
-
-

-
-
+
+
+
+
+

Prepended form inputs

+

+

+
+ + +
+
+ + +
+
+

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

Custom CSS

-

Anything you can do with CSS font effects, you can do with Font Awesome.

-
-
-

Star Ratings (inspired by CSS Tricks)

-
+
+
+
+
+

Custom CSS

+

Anything you can do with CSS font effects, you can do with Font Awesome.

+
+
+

Star Ratings (inspired by CSS Tricks)

+
-
-
-
-
+
+
+ +
-
-

Roadmap

-

Here's the plan for future updates.

- -
+
+

Roadmap

+

Here's the plan for future updates.

+ +
- + @@ -939,20 +918,20 @@