removing IE7, rewrote most CSS with all visual tests passing, removing no longer necessary bootstrap specific css

This commit is contained in:
davegandy 2013-10-01 20:58:36 -04:00
parent e32be98c31
commit 95eed3562a
20 changed files with 242 additions and 6090 deletions

File diff suppressed because it is too large Load Diff

View File

@ -1,383 +0,0 @@
.icon-large{padding-top:3px;padding-bottom:3px;margin-top:-4px;margin-bottom:-4px;font-size:1.3333333333333333em;vertical-align:middle;}
.nav [class^="icon-"],.nav [class*=" icon-"]{padding-top:3px;padding-bottom:3px;margin-top:-4px;margin-bottom:-4px;vertical-align:inherit;}.nav [class^="icon-"].icon-large,.nav [class*=" icon-"].icon-large{vertical-align:-25%;}
.nav-pills [class^="icon-"].icon-large,.nav-tabs [class^="icon-"].icon-large,.nav-pills [class*=" icon-"].icon-large,.nav-tabs [class*=" icon-"].icon-large{padding-top:5px;padding-bottom:4px;margin-top:-7px;margin-bottom:-5px;line-height:.75em;}
.btn [class^="icon-"].pull-left,.btn [class*=" icon-"].pull-left,.btn [class^="icon-"].pull-right,.btn [class*=" icon-"].pull-right{vertical-align:inherit;}
.btn [class^="icon-"].icon-large,.btn [class*=" icon-"].icon-large{margin-top:-0.5em;}
a [class^="icon-"],a [class*=" icon-"]{cursor:pointer;}
.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-alt{*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 = '');}
.icon-zoom-out{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-off{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-power-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-gear{*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-alt{*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 = '');}
.icon-rotate-right{*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 = '');}
.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 = '');}
.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 = '');}
.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 = '');}
.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-mail-forward{*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 = '');}
.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 = '');}
.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-gears{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-comments{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-thumbs-up-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-thumbs-down-alt{*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-log-out{*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 = '');}
.icon-log-in{*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-earphone{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-unchecked{*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 = '');}
.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 = '');}
.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 = '');}
.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-paperclip{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-floppy-disk{*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-list-ul{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-list-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 = '');}
.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 = '');}
.icon-envelope{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-linkedin{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-undo{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-rotate-left{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-legal{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-dashboard{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-comment-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-comments-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-flash{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-sitemap{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-umbrella{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-paste{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-lightbulb{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-exchange{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-cloud-download{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-cloud-upload{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-user-md{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-stethoscope{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-suitcase{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-bell-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-coffee{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-cutlery{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-file-text-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-building{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-hospital{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-ambulance{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-medkit{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-fighter-jet{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-beer{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-h-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-plus-sign-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-double-angle-left{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-double-angle-right{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-double-angle-up{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-double-angle-down{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-angle-left{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-angle-right{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-angle-up{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-angle-down{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-desktop{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-laptop{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-tablet{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-phone{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-circle-blank{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-quote-left{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-quote-right{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-spinner{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-circle{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-reply{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-mail-reply{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-github-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-folder-close-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-folder-open-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-expand-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-collapse-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-smile{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-frown{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-meh{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-gamepad{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-keyboard{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-flag-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-flag-checkered{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-terminal{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-code{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-reply-all{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-mail-reply-all{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-star-half-empty{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-star-half-full{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-location-arrow{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-crop{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-code-fork{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-unlink{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-question{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-info{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-exclamation{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-superscript{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-subscript{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-eraser{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-puzzle-piece{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-microphone{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-microphone-off{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-shield{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-calendar-empty{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-fire-extinguisher{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-rocket{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-maxcdn{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-chevron-sign-left{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-chevron-sign-right{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-chevron-sign-up{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-chevron-sign-down{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-html5{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-css3{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-anchor{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-unlock-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-bullseye{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-ellipsis-horizontal{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-ellipsis-vertical{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-rss-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-play-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-ticket{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-minus-sign-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-check-minus{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-level-up{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-level-down{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-check-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-edit-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-external-link-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-share-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-compass{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-collapse-down{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-collapse-up{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-expand{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-eur{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-euro{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-gbp{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-usd{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-dollar{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-inr{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-rupee{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-jpy{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-cny{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-rmb{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-yen{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-krw{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-won{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-btc{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-bitcoin{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-file{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-file-text{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-sort-by-alphabet{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-sort-by-alphabet-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-sort-by-attributes{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-sort-by-attributes-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-sort-by-order{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-sort-by-order-alt{*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-youtube-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-youtube{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-xing{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-xing-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-youtube-play{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-dropbox{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-stackoverflow{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-instagram{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-flickr{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-adn{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-bitbucket{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-bitbucket-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-tumblr{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-tumblr-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-long-arrow-down{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-long-arrow-up{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-long-arrow-left{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-long-arrow-right{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-apple{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-windows{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-android{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-linux{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-dribbble{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-skype{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-foursquare{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-trello{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-female{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-male{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-gittip{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-sun{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-moon{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-archive{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-bug{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-vk{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-weibo{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-renren{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}
.icon-pagelines{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');}

104
css/font-awesome.css vendored
View File

@ -35,28 +35,19 @@
/* FONT AWESOME CORE /* FONT AWESOME CORE
* -------------------------- */ * -------------------------- */
.fa { .fa {
*margin-right: .3em; display: inline-block;
font-family: FontAwesome; font-family: FontAwesome;
-webkit-font-smoothing: antialiased;
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
text-decoration: inherit; line-height: 1;
text-rendering: auto; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }
.fa:before {
display: inline-block;
text-decoration: inherit;
speak: none;
}
/* makes the font 33% larger relative to the icon container */ /* makes the font 33% larger relative to the icon container */
.fa-lg:before { .fa-lg {
font-size: 1.3333333333333333em; font-size: 1.3333333333333333em;
vertical-align: -10%; vertical-align: -10%;
} line-height: 0.75em;
/* makes sure icons active on rollover in links */
a .fa {
display: inline;
} }
/* increased font size for icon-lg */ /* increased font size for icon-lg */
.fa.fa-fixed-width { .fa.fa-fixed-width {
@ -76,7 +67,7 @@ a .fa {
.fa-ul > li { .fa-ul > li {
position: relative; position: relative;
} }
.fa-ul .fa-li { .fa-li {
position: absolute; position: absolute;
left: -2.142857142857143em; left: -2.142857142857143em;
width: 2.142857142857143em; width: 2.142857142857143em;
@ -150,63 +141,6 @@ a .fa {
.fa.pull-right { .fa.pull-right {
margin-left: .3em; margin-left: .3em;
} }
/* BOOTSTRAP SPECIFIC CLASSES
* -------------------------- */
/* Bootstrap 2.0 sprites.less reset */
.fa {
display: inline;
width: auto;
height: auto;
margin-top: 0;
line-height: normal;
vertical-align: baseline;
background-image: none;
background-position: 0 0;
background-repeat: repeat;
}
/* keeps Bootstrap styles with and without icons the same */
.btn .fa.fa-lg,
.nav .fa.fa-lg {
line-height: .9em;
}
.btn .fa.fa-spin,
.nav .fa.fa-spin {
display: inline-block;
}
.nav-tabs .fa,
.nav-pills .fa,
.nav-tabs .fa.fa-lg,
.nav-pills .fa.fa-lg {
line-height: .9em;
}
.btn .fa.pull-left.fa-2x,
.btn .fa.pull-right.fa-2x {
margin-top: .18em;
}
.btn .fa.fa-spin.fa-lg {
line-height: .8em;
}
.btn.btn-small .fa.pull-left.fa-2x,
.btn.btn-small .fa.pull-right.fa-2x {
margin-top: .25em;
}
.btn.btn-large .fa {
margin-top: 0;
}
.btn.btn-large .fa.pull-left.fa-2x,
.btn.btn-large .fa.pull-right.fa-2x {
margin-top: .05em;
}
.btn.btn-large .fa.pull-left.fa-2x {
margin-right: .2em;
}
.btn.btn-large .fa.pull-right.fa-2x {
margin-left: .2em;
}
/* Fixes alignment in nav lists */
.nav-list .fa {
line-height: inherit;
}
/* EXTRAS /* EXTRAS
* -------------------------- */ * -------------------------- */
/* Stacked and layered icon */ /* Stacked and layered icon */
@ -234,18 +168,11 @@ a .fa {
} }
/* Animated rotating icon */ /* Animated rotating icon */
.fa-spin { .fa-spin {
display: inline-block;
-webkit-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear;
-moz-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear;
animation: spin 2s infinite linear; animation: spin 2s infinite linear;
} }
/* Prevent stack and spinners from being taken inline when inside a link */
a .fa-stack,
a .fa-spin {
display: inline-block;
text-decoration: none;
}
@-moz-keyframes spin { @-moz-keyframes spin {
0% { 0% {
-moz-transform: rotate(0deg); -moz-transform: rotate(0deg);
@ -286,8 +213,7 @@ a .fa-spin {
transform: rotate(359deg); transform: rotate(359deg);
} }
} }
/* Icon rotations and mirroring */ .fa-rotate-90 {
.fa-rotate-90:before {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg); -webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg); -moz-transform: rotate(90deg);
@ -295,7 +221,7 @@ a .fa-spin {
-o-transform: rotate(90deg); -o-transform: rotate(90deg);
transform: rotate(90deg); transform: rotate(90deg);
} }
.fa-rotate-180:before { .fa-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg); -webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg); -moz-transform: rotate(180deg);
@ -303,7 +229,7 @@ a .fa-spin {
-o-transform: rotate(180deg); -o-transform: rotate(180deg);
transform: rotate(180deg); transform: rotate(180deg);
} }
.fa-rotate-270:before { .fa-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(270deg); -webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg); -moz-transform: rotate(270deg);
@ -311,28 +237,20 @@ a .fa-spin {
-o-transform: rotate(270deg); -o-transform: rotate(270deg);
transform: rotate(270deg); transform: rotate(270deg);
} }
.fa-flip-horizontal:before { .fa-flip-horizontal {
-webkit-transform: scale(-1, 1); -webkit-transform: scale(-1, 1);
-moz-transform: scale(-1, 1); -moz-transform: scale(-1, 1);
-ms-transform: scale(-1, 1); -ms-transform: scale(-1, 1);
-o-transform: scale(-1, 1); -o-transform: scale(-1, 1);
transform: scale(-1, 1); transform: scale(-1, 1);
} }
.fa-flip-vertical:before { .fa-flip-vertical {
-webkit-transform: scale(1, -1); -webkit-transform: scale(1, -1);
-moz-transform: scale(1, -1); -moz-transform: scale(1, -1);
-ms-transform: scale(1, -1); -ms-transform: scale(1, -1);
-o-transform: scale(1, -1); -o-transform: scale(1, -1);
transform: scale(1, -1); transform: scale(1, -1);
} }
/* ensure rotation occurs inside anchor tags */
a .fa-rotate-90:before,
a .fa-rotate-180:before,
a .fa-rotate-270:before,
a .fa-flip-horizontal:before,
a .fa-flip-vertical:before {
display: inline-block;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */ readers do not read off random characters that represent icons */
.fa-glass:before { .fa-glass:before {

View File

@ -1,10 +1,8 @@
@font-face{font-family:'FontAwesome';src:url('../font/fontawesome-webfont.eot?v=4.0.0');src:url('../font/fontawesome-webfont.eot?#iefix&v=4.0.0') format('embedded-opentype'),url('../font/fontawesome-webfont.woff?v=4.0.0') format('woff'),url('../font/fontawesome-webfont.ttf?v=4.0.0') format('truetype'),url('../font/fontawesome-webfont.svg?v=4.0.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal;}.fa{*margin-right:.3em;font-family:FontAwesome;-webkit-font-smoothing:antialiased;font-style:normal;font-weight:normal;text-decoration:inherit;text-rendering:auto;-moz-osx-font-smoothing:grayscale;} @font-face{font-family:'FontAwesome';src:url('../font/fontawesome-webfont.eot?v=4.0.0');src:url('../font/fontawesome-webfont.eot?#iefix&v=4.0.0') format('embedded-opentype'),url('../font/fontawesome-webfont.woff?v=4.0.0') format('woff'),url('../font/fontawesome-webfont.ttf?v=4.0.0') format('truetype'),url('../font/fontawesome-webfont.svg?v=4.0.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal;}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.fa:before{display:inline-block;text-decoration:inherit;speak:none;} .fa-lg{font-size:1.3333333333333333em;vertical-align:-10%;line-height:0.75em;}
.fa-lg:before{font-size:1.3333333333333333em;vertical-align:-10%;}
a .fa{display:inline;}
.fa.fa-fixed-width{display:inline-block;width:1.1428571428571428em;padding-right:0.2857142857142857em;text-align:right;}.fa.fa-fixed-width.fa-lg{width:1.4285714285714286em;} .fa.fa-fixed-width{display:inline-block;width:1.1428571428571428em;padding-right:0.2857142857142857em;text-align:right;}.fa.fa-fixed-width.fa-lg{width:1.4285714285714286em;}
.fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none;}.fa-ul>li{position:relative;} .fa-ul{padding-left:0;margin-left:2.142857142857143em;list-style-type:none;}.fa-ul>li{position:relative;}
.fa-ul .fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;line-height:inherit;text-align:center;} .fa-li{position:absolute;left:-2.142857142857143em;width:2.142857142857143em;line-height:inherit;text-align:center;}
.fa.hide{display:none;} .fa.hide{display:none;}
.fa-muted{color:#eeeeee;} .fa-muted{color:#eeeeee;}
.fa-light{color:#ffffff;} .fa-light{color:#ffffff;}
@ -18,27 +16,14 @@ a .fa{display:inline;}
.pull-left{float:left;} .pull-left{float:left;}
.fa.pull-left{margin-right:.3em;} .fa.pull-left{margin-right:.3em;}
.fa.pull-right{margin-left:.3em;} .fa.pull-right{margin-left:.3em;}
.fa{display:inline;width:auto;height:auto;margin-top:0;line-height:normal;vertical-align:baseline;background-image:none;background-position:0 0;background-repeat:repeat;}
.btn .fa.fa-lg,.nav .fa.fa-lg{line-height:.9em;}
.btn .fa.fa-spin,.nav .fa.fa-spin{display:inline-block;}
.nav-tabs .fa,.nav-pills .fa,.nav-tabs .fa.fa-lg,.nav-pills .fa.fa-lg{line-height:.9em;}
.btn .fa.pull-left.fa-2x,.btn .fa.pull-right.fa-2x{margin-top:.18em;}
.btn .fa.fa-spin.fa-lg{line-height:.8em;}
.btn.btn-small .fa.pull-left.fa-2x,.btn.btn-small .fa.pull-right.fa-2x{margin-top:.25em;}
.btn.btn-large .fa{margin-top:0;}.btn.btn-large .fa.pull-left.fa-2x,.btn.btn-large .fa.pull-right.fa-2x{margin-top:.05em;}
.btn.btn-large .fa.pull-left.fa-2x{margin-right:.2em;}
.btn.btn-large .fa.pull-right.fa-2x{margin-left:.2em;}
.nav-list .fa{line-height:inherit;}
.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%;}.fa-stack .fa{position:absolute;display:block;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;text-align:center;} .fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:-35%;}.fa-stack .fa{position:absolute;display:block;width:100%;height:100%;font-size:1em;line-height:inherit;*line-height:2em;text-align:center;}
.fa-stack .fa-stack-base{font-size:2em;*line-height:1em;} .fa-stack .fa-stack-base{font-size:2em;*line-height:1em;}
.fa-spin{display:inline-block;-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear;} .fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear;}
a .fa-stack,a .fa-spin{display:inline-block;text-decoration:none;} @-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}.fa-rotate-90:before{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);} .fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);}
.fa-rotate-180:before{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);} .fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);}
.fa-rotate-270:before{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg);} .fa-flip-horizontal{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);}
.fa-flip-horizontal:before{-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1);} .fa-flip-vertical{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1);}
.fa-flip-vertical:before{-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1);}
a .fa-rotate-90:before,a .fa-rotate-180:before,a .fa-rotate-270:before,a .fa-flip-horizontal:before,a .fa-flip-vertical:before{display:inline-block;}
.fa-glass:before{content:"\f000";} .fa-glass:before{content:"\f000";}
.fa-music:before{content:"\f001";} .fa-music:before{content:"\f001";}
.fa-search:before{content:"\f002";} .fa-search:before{content:"\f002";}

22
less/bootstrap.less vendored
View File

@ -2,17 +2,17 @@
* -------------------------- */ * -------------------------- */
/* Bootstrap 2.0 sprites.less reset */ /* Bootstrap 2.0 sprites.less reset */
.fa { //.fa {
display: inline; // display: inline;
width: auto; // width: auto;
height: auto; // height: auto;
margin-top: 0; // margin-top: 0;
line-height: normal; // line-height: normal;
vertical-align: baseline; // vertical-align: baseline;
background-image: none; // background-image: none;
background-position: 0 0; // background-position: 0 0;
background-repeat: repeat; // background-repeat: repeat;
} //}
/* keeps Bootstrap styles with and without icons the same */ /* keeps Bootstrap styles with and without icons the same */

View File

@ -5,25 +5,13 @@
.icon-FontAwesome(); .icon-FontAwesome();
} }
.fa:before {
display: inline-block;
text-decoration: inherit;
speak: none;
}
/* makes the font 33% larger relative to the icon container */ /* makes the font 33% larger relative to the icon container */
.fa-lg:before { .fa-lg {
font-size: (4em / 3); font-size: (4em / 3);
vertical-align: -10%; vertical-align: -10%;
line-height: (3em / 4);
} }
/* makes sure icons active on rollover in links */
a {
.fa {
display: inline;
}
}
/* increased font size for icon-lg */ /* increased font size for icon-lg */
.fa { .fa {
&.fa-fixed-width { &.fa-fixed-width {
@ -37,13 +25,17 @@ a {
} }
} }
// Icon UL & LI
// -------------------------
.fa-ul { .fa-ul {
padding-left: 0; padding-left: 0;
margin-left: @icons-li-width; margin-left: @icons-li-width;
list-style-type: none; list-style-type: none;
> li { position: relative; } > li { position: relative; }
}
.fa-li { .fa-li {
position: absolute; position: absolute;
left: -@icons-li-width; left: -@icons-li-width;
@ -51,19 +43,15 @@ a {
line-height: inherit; line-height: inherit;
text-align: center; text-align: center;
} }
}
// allows usage of the hide class directly on font awesome icons // allows usage of the hide class directly on font awesome icons
.fa { .fa.hide { display: none; }
&.hide {
display: none;
}
}
.fa-muted { color: @iconMuted; } .fa-muted { color: @iconMuted; }
.fa-light { color: @iconLight; } .fa-light { color: @iconLight; }
.fa-dark { color: @iconDark; } .fa-dark { color: @iconDark; }
// Icon Borders // Icon Borders
// ------------------------- // -------------------------
@ -115,10 +103,6 @@ a {
.pull-left { float: left; } .pull-left { float: left; }
.fa { .fa {
&.pull-left { &.pull-left { margin-right: .3em; }
margin-right: .3em; &.pull-right { margin-left: .3em; }
}
&.pull-right {
margin-left: .3em;
}
} }

View File

@ -6,20 +6,12 @@
/* Animated rotating icon */ /* Animated rotating icon */
.fa-spin { .fa-spin {
display: inline-block;
-webkit-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear;
-moz-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear;
animation: spin 2s infinite linear; animation: spin 2s infinite linear;
} }
/* Prevent stack and spinners from being taken inline when inside a link */
a .fa-stack,
a .fa-spin {
display: inline-block;
text-decoration: none;
}
@-moz-keyframes spin { @-moz-keyframes spin {
0% { -moz-transform: rotate(0deg); } 0% { -moz-transform: rotate(0deg); }
100% { -moz-transform: rotate(359deg); } 100% { -moz-transform: rotate(359deg); }
@ -41,53 +33,13 @@ a .fa-spin {
100% { transform: rotate(359deg); } 100% { transform: rotate(359deg); }
} }
/* Icon rotations and mirroring */
.fa-rotate-90:before {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180:before { // Icon rotations & flipping
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); // -------------------------
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270:before { .fa-rotate-90 { .rotate(90deg, 1); }
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); .fa-rotate-180 { .rotate(180deg, 2); }
-webkit-transform: rotate(270deg); .fa-rotate-270 { .rotate(270deg, 3); }
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal:before { .fa-flip-horizontal { .flip(-1, 1); }
-webkit-transform: scale(-1, 1); .fa-flip-vertical { .flip(1, -1); }
-moz-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical:before {
-webkit-transform: scale(1, -1);
-moz-transform: scale(1, -1);
-ms-transform: scale(1, -1);
-o-transform: scale(1, -1);
transform: scale(1, -1);
}
/* ensure rotation occurs inside anchor tags */
a {
.fa-rotate-90, .fa-rotate-180, .fa-rotate-270, .fa-flip-horizontal, .fa-flip-vertical {
&:before { display: inline-block; }
}
}

File diff suppressed because it is too large Load Diff

View File

@ -28,6 +28,5 @@
@import "mixins.less"; @import "mixins.less";
@import "path.less"; @import "path.less";
@import "core.less"; @import "core.less";
@import "bootstrap.less";
@import "extras.less"; @import "extras.less";
@import "icons.less"; @import "icons.less";

View File

@ -7,14 +7,21 @@
} }
.icon-FontAwesome() { .icon-FontAwesome() {
*margin-right: .3em; // fixes ie7 issues // position: relative;
// top: 0;
display: inline-block;
font-family: FontAwesome; font-family: FontAwesome;
-webkit-font-smoothing: antialiased;
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
text-decoration: inherit; line-height: 1;
text-rendering: auto; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
// from bootstrap, throws off rendering
// &:empty { width: 1em; }
// text-decoration: inherit;
// text-rendering: auto;
} }
.border-radius(@radius) { .border-radius(@radius) {
@ -23,6 +30,23 @@
border-radius: @radius; border-radius: @radius;
} }
.rotate(@degrees, @rotation) {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation);
-webkit-transform: rotate(@degrees);
-moz-transform: rotate(@degrees);
-ms-transform: rotate(@degrees);
-o-transform: rotate(@degrees);
transform: rotate(@degrees);
}
.flip(@horiz, @vert) {
-webkit-transform: scale(@horiz, @vert);
-moz-transform: scale(@horiz, @vert);
-ms-transform: scale(@horiz, @vert);
-o-transform: scale(@horiz, @vert);
transform: scale(@horiz, @vert);
}
.icon-stack(@width: 2em, @height: 2em, @top-font-size: 1em, @base-font-size: 2em) { .icon-stack(@width: 2em, @height: 2em, @top-font-size: 1em, @base-font-size: 2em) {
.fa-stack { .fa-stack {
position: relative; position: relative;

File diff suppressed because it is too large Load Diff

View File

@ -5,12 +5,9 @@ FA_LESS_DIRECTORY = assets/font-awesome/less
FA_CSS_DIRECTORY = assets/font-awesome/css FA_CSS_DIRECTORY = assets/font-awesome/css
FA_LESS_MODERN = ${FA_LESS_DIRECTORY}/font-awesome.less FA_LESS_MODERN = ${FA_LESS_DIRECTORY}/font-awesome.less
FA_LESS_IE7 = ${FA_LESS_DIRECTORY}/font-awesome-ie7.less
FA_CSS_MODERN = ${FA_CSS_DIRECTORY}/font-awesome.css FA_CSS_MODERN = ${FA_CSS_DIRECTORY}/font-awesome.css
FA_CSS_MODERN_MIN = ${FA_CSS_DIRECTORY}/font-awesome.min.css FA_CSS_MODERN_MIN = ${FA_CSS_DIRECTORY}/font-awesome.min.css
FA_CSS_IE7 = ${FA_CSS_DIRECTORY}/font-awesome-ie7.css
FA_CSS_IE7_MIN = ${FA_CSS_DIRECTORY}/font-awesome-ie7.min.css
SITE_LESS_DIRECTORY = assets/less SITE_LESS_DIRECTORY = assets/less
SITE_CSS_DIRECTORY = assets/css SITE_CSS_DIRECTORY = assets/css
@ -23,8 +20,6 @@ build:
@mkdir -p ${FA_CSS_DIRECTORY} @mkdir -p ${FA_CSS_DIRECTORY}
lessc ${FA_LESS_MODERN} > ${FA_CSS_MODERN} lessc ${FA_LESS_MODERN} > ${FA_CSS_MODERN}
lessc --compress ${FA_LESS_MODERN} > ${FA_CSS_MODERN_MIN} lessc --compress ${FA_LESS_MODERN} > ${FA_CSS_MODERN_MIN}
lessc ${FA_LESS_IE7} > ${FA_CSS_IE7}
lessc --compress ${FA_LESS_IE7} > ${FA_CSS_IE7_MIN}
lessc --compress ${SITE_LESS} > ${SITE_CSS_MIN} lessc --compress ${SITE_LESS} > ${SITE_CSS_MIN}
cp -r ${FA_ROOT_DIRECTORY}/* ../ cp -r ${FA_ROOT_DIRECTORY}/* ../
cd assets && zip -r9 font-awesome.zip font-awesome cd assets && zip -r9 font-awesome.zip font-awesome

View File

@ -1,62 +0,0 @@
---
---
/* BOOTSTRAP SPECIFIC CLASSES
* -------------------------- */
/* Bootstrap 2.0 sprites.less reset */
.{{ site.fontawesome.css_prefix }} {
display: inline;
width: auto;
height: auto;
margin-top: 0;
line-height: normal;
vertical-align: baseline;
background-image: none;
background-position: 0 0;
background-repeat: repeat;
}
/* keeps Bootstrap styles with and without icons the same */
.btn, .nav {
.{{ site.fontawesome.css_prefix }} {
// display: inline;
&.{{ site.fontawesome.css_prefix }}-lg { line-height: .9em; }
&.{{ site.fontawesome.css_prefix }}-spin { display: inline-block; }
}
}
.nav-tabs, .nav-pills {
.{{ site.fontawesome.css_prefix }} {
&, &.{{ site.fontawesome.css_prefix }}-lg { line-height: .9em; }
}
}
.btn {
.{{ site.fontawesome.css_prefix }} {
&.pull-left, &.pull-right {
&.{{ site.fontawesome.css_prefix }}-2x { margin-top: .18em; }
}
&.{{ site.fontawesome.css_prefix }}-spin.{{ site.fontawesome.css_prefix }}-lg { line-height: .8em; }
}
}
.btn.btn-small {
.{{ site.fontawesome.css_prefix }} {
&.pull-left, &.pull-right {
&.{{ site.fontawesome.css_prefix }}-2x { margin-top: .25em; }
}
}
}
.btn.btn-large {
.{{ site.fontawesome.css_prefix }} {
margin-top: 0; // overrides bootstrap default
&.pull-left, &.pull-right {
&.fa-2x { margin-top: .05em; }
}
&.pull-left.fa-2x { margin-right: .2em; }
&.pull-right.fa-2x { margin-left: .2em; }
}
}
/* Fixes alignment in nav lists */
.nav-list .fa {
line-height: inherit;
}

View File

@ -7,25 +7,13 @@
.icon-FontAwesome(); .icon-FontAwesome();
} }
.{{ site.fontawesome.css_prefix }}:before {
display: inline-block;
text-decoration: inherit;
speak: none;
}
/* makes the font 33% larger relative to the icon container */ /* makes the font 33% larger relative to the icon container */
.{{ site.fontawesome.css_prefix }}-lg:before { .{{ site.fontawesome.css_prefix }}-lg {
font-size: (4em / 3); font-size: (4em / 3);
vertical-align: -10%; vertical-align: -10%;
line-height: (3em / 4);
} }
/* makes sure icons active on rollover in links */
a {
.{{ site.fontawesome.css_prefix }} {
display: inline;
}
}
/* increased font size for icon-lg */ /* increased font size for icon-lg */
.{{ site.fontawesome.css_prefix }} { .{{ site.fontawesome.css_prefix }} {
&.{{ site.fontawesome.css_prefix }}-fixed-width { &.{{ site.fontawesome.css_prefix }}-fixed-width {
@ -39,13 +27,17 @@ a {
} }
} }
// Icon UL & LI
// -------------------------
.{{ site.fontawesome.css_prefix }}-ul { .{{ site.fontawesome.css_prefix }}-ul {
padding-left: 0; padding-left: 0;
margin-left: @icons-li-width; margin-left: @icons-li-width;
list-style-type: none; list-style-type: none;
> li { position: relative; } > li { position: relative; }
}
.{{ site.fontawesome.css_prefix }}-li { .{{ site.fontawesome.css_prefix }}-li {
position: absolute; position: absolute;
left: -@icons-li-width; left: -@icons-li-width;
@ -53,19 +45,15 @@ a {
line-height: inherit; line-height: inherit;
text-align: center; text-align: center;
} }
}
// allows usage of the hide class directly on font awesome icons // allows usage of the hide class directly on font awesome icons
.{{ site.fontawesome.css_prefix }} { .{{ site.fontawesome.css_prefix }}.hide { display: none; }
&.hide {
display: none;
}
}
.{{ site.fontawesome.css_prefix }}-muted { color: @iconMuted; } .{{ site.fontawesome.css_prefix }}-muted { color: @iconMuted; }
.{{ site.fontawesome.css_prefix }}-light { color: @iconLight; } .{{ site.fontawesome.css_prefix }}-light { color: @iconLight; }
.{{ site.fontawesome.css_prefix }}-dark { color: @iconDark; } .{{ site.fontawesome.css_prefix }}-dark { color: @iconDark; }
// Icon Borders // Icon Borders
// ------------------------- // -------------------------
@ -117,10 +105,6 @@ a {
.pull-left { float: left; } .pull-left { float: left; }
.{{ site.fontawesome.css_prefix }} { .{{ site.fontawesome.css_prefix }} {
&.pull-left { &.pull-left { margin-right: .3em; }
margin-right: .3em; &.pull-right { margin-left: .3em; }
}
&.pull-right {
margin-left: .3em;
}
} }

View File

@ -1,3 +1,5 @@
---
---
/* EXTRAS /* EXTRAS
* -------------------------- */ * -------------------------- */
@ -5,21 +7,13 @@
.icon-stack(); .icon-stack();
/* Animated rotating icon */ /* Animated rotating icon */
.fa-spin { .{{ site.fontawesome.css_prefix }}-spin {
display: inline-block;
-webkit-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear;
-moz-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear;
animation: spin 2s infinite linear; animation: spin 2s infinite linear;
} }
/* Prevent stack and spinners from being taken inline when inside a link */
a .fa-stack,
a .fa-spin {
display: inline-block;
text-decoration: none;
}
@-moz-keyframes spin { @-moz-keyframes spin {
0% { -moz-transform: rotate(0deg); } 0% { -moz-transform: rotate(0deg); }
100% { -moz-transform: rotate(359deg); } 100% { -moz-transform: rotate(359deg); }
@ -41,53 +35,13 @@ a .fa-spin {
100% { transform: rotate(359deg); } 100% { transform: rotate(359deg); }
} }
/* Icon rotations and mirroring */
.fa-rotate-90:before {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180:before { // Icon rotations & flipping
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); // -------------------------
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270:before { .{{ site.fontawesome.css_prefix }}-rotate-90 { .rotate(90deg, 1); }
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); .{{ site.fontawesome.css_prefix }}-rotate-180 { .rotate(180deg, 2); }
-webkit-transform: rotate(270deg); .{{ site.fontawesome.css_prefix }}-rotate-270 { .rotate(270deg, 3); }
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal:before { .{{ site.fontawesome.css_prefix }}-flip-horizontal { .flip(-1, 1); }
-webkit-transform: scale(-1, 1); .{{ site.fontawesome.css_prefix }}-flip-vertical { .flip(1, -1); }
-moz-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical:before {
-webkit-transform: scale(1, -1);
-moz-transform: scale(1, -1);
-ms-transform: scale(1, -1);
-o-transform: scale(1, -1);
transform: scale(1, -1);
}
/* ensure rotation occurs inside anchor tags */
a {
.fa-rotate-90, .fa-rotate-180, .fa-rotate-270, .fa-flip-horizontal, .fa-flip-vertical {
&:before { display: inline-block; }
}
}

View File

@ -1,67 +0,0 @@
---
---
{% include license-code.less %}
.icon-large {
padding-top: 3px;
padding-bottom: 3px;
margin-top: -4px;
margin-bottom: -4px;
font-size: (4em / 3);
vertical-align: middle;
}
.nav {
[class^="icon-"],
[class*=" icon-"] {
padding-top: 3px;
padding-bottom: 3px;
margin-top: -4px;
margin-bottom: -4px;
vertical-align: inherit;
&.icon-large {
vertical-align: -25%;
}
}
}
.nav-pills, .nav-tabs {
[class^="icon-"],
[class*=" icon-"] {
&.icon-large {
padding-top: 5px;
padding-bottom: 4px;
margin-top: -7px;
margin-bottom: -5px;
line-height: .75em;
}
}
}
.btn {
[class^="icon-"],
[class*=" icon-"] {
&.pull-left, &.pull-right { vertical-align: inherit; }
&.icon-large {
margin-top: -.5em;
}
}
}
a [class^="icon-"],
a [class*=" icon-"] {
cursor: pointer;
}
.ie7icon(@inner) { *zoom: ~"expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '@{inner}')"; }
{% for icon in icons %}
.icon-{{ icon.id }} {
.ie7icon('&#x{{ icon.unicode }};');
}
{% for alias in icon.aliases %}
.icon-{{ alias }} {
.ie7icon('&#x{{ icon.unicode }};');
}
{% endfor %}
{% endfor %}

View File

@ -6,6 +6,5 @@
@import "mixins.less"; @import "mixins.less";
@import "path.less"; @import "path.less";
@import "core.less"; @import "core.less";
@import "bootstrap.less";
@import "extras.less"; @import "extras.less";
@import "icons.less"; @import "icons.less";

View File

@ -9,14 +9,21 @@
} }
.icon-FontAwesome() { .icon-FontAwesome() {
*margin-right: .3em; // fixes ie7 issues // position: relative;
// top: 0;
display: inline-block;
font-family: FontAwesome; font-family: FontAwesome;
-webkit-font-smoothing: antialiased;
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
text-decoration: inherit; line-height: 1;
text-rendering: auto; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
// from bootstrap, throws off rendering
// &:empty { width: 1em; }
// text-decoration: inherit;
// text-rendering: auto;
} }
.border-radius(@radius) { .border-radius(@radius) {
@ -25,6 +32,23 @@
border-radius: @radius; border-radius: @radius;
} }
.rotate(@degrees, @rotation) {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=@rotation);
-webkit-transform: rotate(@degrees);
-moz-transform: rotate(@degrees);
-ms-transform: rotate(@degrees);
-o-transform: rotate(@degrees);
transform: rotate(@degrees);
}
.flip(@horiz, @vert) {
-webkit-transform: scale(@horiz, @vert);
-moz-transform: scale(@horiz, @vert);
-ms-transform: scale(@horiz, @vert);
-o-transform: scale(@horiz, @vert);
transform: scale(@horiz, @vert);
}
.icon-stack(@width: 2em, @height: 2em, @top-font-size: 1em, @base-font-size: 2em) { .icon-stack(@width: 2em, @height: 2em, @top-font-size: 1em, @base-font-size: 2em) {
.{{ site.fontawesome.css_prefix }}-stack { .{{ site.fontawesome.css_prefix }}-stack {
position: relative; position: relative;

View File

@ -1,67 +0,0 @@
---
---
{% include license-code.less %}
.icon-large {
padding-top: 3px;
padding-bottom: 3px;
margin-top: -4px;
margin-bottom: -4px;
font-size: (4em/3);
vertical-align: middle;
}
.nav {
[class^="icon-"],
[class*=" icon-"] {
padding-top: 3px;
padding-bottom: 3px;
margin-top: -4px;
margin-bottom: -4px;
vertical-align: inherit;
&.icon-large {
vertical-align: -25%;
}
}
}
.nav-pills, .nav-tabs {
[class^="icon-"],
[class*=" icon-"] {
&.icon-large {
padding-top: 5px;
padding-bottom: 4px;
margin-top: -7px;
margin-bottom: -5px;
line-height: .75em;
}
}
}
.btn {
[class^="icon-"],
[class*=" icon-"] {
&.pull-left, &.pull-right { vertical-align: inherit; }
&.icon-large {
margin-top: -.5em;
}
}
}
a [class^="icon-"],
a [class*=" icon-"] {
cursor: pointer;
}
@mixin ie7icon($inner) { *zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '#{$inner}'); }
{% for icon in icons %}
.icon-{{ icon.id }} {
@include ie7icon('&#x{{ icon.unicode }};');
}
{% for alias in icon.aliases %}
.icon-{{ alias }} {
@include ie7icon('&#x{{ icon.unicode }};');
}
{% endfor %}
{% endfor %}

View File

@ -16,14 +16,14 @@ relative_path: ../
</div> </div>
<div class="span3"> <div class="span3">
<div class="well"> <div class="well">
<i class="fa fa-building fa-large"></i> Building Large <i class="fa fa-building fa-lg"></i> Building Large
</div> </div>
</div> </div>
<div class="span3"> <div class="span3">
<i class="fa fa-building"></i> Building <i class="fa fa-building"></i> Building
</div> </div>
<div class="span3"> <div class="span3">
<i class="fa fa-building fa-large"></i> Building Large <i class="fa fa-building fa-lg"></i> Building Large
</div> </div>
</div> </div>
<div class="row" style="font-size: 24px; line-height: 1.5em;"> <div class="row" style="font-size: 24px; line-height: 1.5em;">
@ -34,11 +34,11 @@ relative_path: ../
</div> </div>
<div class="span4"> <div class="span4">
<div class="well"> <div class="well">
<i class="fa fa-building fa-large"></i> Building Large <i class="fa fa-building fa-lg"></i> Building Large
</div> </div>
</div> </div>
<div class="span4"> <div class="span4">
<i class="fa fa-building fa-large"></i> Building Large <i class="fa fa-building fa-lg"></i> Building Large
</div> </div>
</div> </div>
<div class="row"> <div class="row">
@ -49,14 +49,14 @@ relative_path: ../
</div> </div>
<div class="span3"> <div class="span3">
<div class="well"> <div class="well">
<i class="fa fa-circle fa-large"></i> Circle Large <i class="fa fa-circle fa-lg"></i> Circle Large
</div> </div>
</div> </div>
<div class="span3"> <div class="span3">
<i class="fa fa-circle"></i> Circle <i class="fa fa-circle"></i> Circle
</div> </div>
<div class="span3"> <div class="span3">
<i class="fa fa-circle fa-large"></i> Circle Large <i class="fa fa-circle fa-lg"></i> Circle Large
</div> </div>
</div> </div>
<div class="row" style="font-size: 24px; line-height: 1.5em;"> <div class="row" style="font-size: 24px; line-height: 1.5em;">
@ -67,11 +67,11 @@ relative_path: ../
</div> </div>
<div class="span4"> <div class="span4">
<div class="well"> <div class="well">
<i class="fa fa-circle fa-large"></i> Circle Large <i class="fa fa-circle fa-lg"></i> Circle Large
</div> </div>
</div> </div>
<div class="span4"> <div class="span4">
<i class="fa fa-circle fa-large"></i> Circle Large <i class="fa fa-circle fa-lg"></i> Circle Large
</div> </div>
</div> </div>
@ -82,7 +82,7 @@ relative_path: ../
<a href="#"><i class="fa fa-building"></i> Link Here</a> <a href="#"><i class="fa fa-building"></i> Link Here</a>
</div> </div>
<div class="span2"> <div class="span2">
<a href="#"><i class="fa fa-building fa-large"></i> Link Here</a> <a href="#"><i class="fa fa-building fa-lg"></i> Link Here</a>
</div> </div>
<div class="span2"> <div class="span2">
<a href="#"><i class="fa fa-caret-down"></i> Link Here</a> <a href="#"><i class="fa fa-caret-down"></i> Link Here</a>
@ -91,7 +91,7 @@ relative_path: ../
<a href="#">Link Here <i class="fa fa-double-angle-right"></i></a> <a href="#">Link Here <i class="fa fa-double-angle-right"></i></a>
</div> </div>
<div class="span2"> <div class="span2">
<a href="#">Link Here <i class="fa fa-double-angle-right fa-large"></i></a> <a href="#">Link Here <i class="fa fa-double-angle-right fa-lg"></i></a>
</div> </div>
<div class="span2"> <div class="span2">
<a href="#">Link Here <i class="fa fa-caret-down"></i></a> <a href="#">Link Here <i class="fa fa-caret-down"></i></a>
@ -102,7 +102,7 @@ relative_path: ../
<a href="#"><i class="fa fa-building"></i> Link Here</a> <a href="#"><i class="fa fa-building"></i> Link Here</a>
</div> </div>
<div class="span2"> <div class="span2">
<a href="#"><i class="fa fa-building fa-large"></i> Link Here</a> <a href="#"><i class="fa fa-building fa-lg"></i> Link Here</a>
</div> </div>
<div class="span2"> <div class="span2">
<a href="#"><i class="fa fa-caret-down"></i> Link Here</a> <a href="#"><i class="fa fa-caret-down"></i> Link Here</a>
@ -111,7 +111,7 @@ relative_path: ../
<a href="#">Link Here <i class="fa fa-double-angle-right"></i></a> <a href="#">Link Here <i class="fa fa-double-angle-right"></i></a>
</div> </div>
<div class="span2"> <div class="span2">
<a href="#">Link Here <i class="fa fa-double-angle-right fa-large"></i></a> <a href="#">Link Here <i class="fa fa-double-angle-right fa-lg"></i></a>
</div> </div>
<div class="span2"> <div class="span2">
<a href="#">Link Here <i class="fa fa-caret-down"></i></a> <a href="#">Link Here <i class="fa fa-caret-down"></i></a>
@ -133,12 +133,12 @@ relative_path: ../
</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li><a href="#"><i class="fa fa-building"></i> Menu Item 1</a></li> <li><a href="#"><i class="fa fa-building"></i> Menu Item 1</a></li>
<li><a href="#"><i class="fa fa-building fa-large"></i> Menu Item 2</a></li> <li><a href="#"><i class="fa fa-building fa-lg"></i> Menu Item 2</a></li>
</ul> </ul>
</li> </li>
<li style="border: solid 1px white;"><a href="#examples"><i class="fa fa-building fa-large"></i> Nav Item 3</a></li> <li style="border: solid 1px white;"><a href="#examples"><i class="fa fa-building fa-lg"></i> Nav Item 3</a></li>
<li style="border: solid 1px white;"><a href="#examples"><i class="fa fa-envelope"></i> Nav Item 4</a></li> <li style="border: solid 1px white;"><a href="#examples"><i class="fa fa-envelope"></i> Nav Item 4</a></li>
<li style="border: solid 1px white;"><a href="#examples"><i class="fa fa-circle fa-large"></i> Nav Item 5</a></li> <li style="border: solid 1px white;"><a href="#examples"><i class="fa fa-circle fa-lg"></i> Nav Item 5</a></li>
<li style="border: solid 1px white;"><a href="#examples"><i class="fa fa-circle"></i> Nav Item 6</a></li> <li style="border: solid 1px white;"><a href="#examples"><i class="fa fa-circle"></i> Nav Item 6</a></li>
</ul> </ul>
</div> </div>
@ -177,23 +177,23 @@ relative_path: ../
<div style="border: solid 1px #d3d3d3; text-align: center;"> <div style="border: solid 1px #d3d3d3; text-align: center;">
<div> <div>
<button class="btn btn-mini">Button</button> <button class="btn btn-mini">Button</button>
<button class="btn btn-mini"><i class="fa fa-building fa-large"></i> Button</button> <button class="btn btn-mini"><i class="fa fa-building fa-lg"></i> Button</button>
<button class="btn btn-mini"><i class="fa fa-building fa-large"></i></button> <button class="btn btn-mini"><i class="fa fa-building fa-lg"></i></button>
</div> </div>
<div> <div>
<button class="btn btn-small">Button</button> <button class="btn btn-small">Button</button>
<button class="btn btn-small"><i class="fa fa-building fa-large"></i> Button</button> <button class="btn btn-small"><i class="fa fa-building fa-lg"></i> Button</button>
<button class="btn btn-small"><i class="fa fa-building fa-large"></i></button> <button class="btn btn-small"><i class="fa fa-building fa-lg"></i></button>
</div> </div>
<div> <div>
<button class="btn">Button</button> <button class="btn">Button</button>
<button class="btn"><i class="fa fa-building fa-large"></i> Button</button> <button class="btn"><i class="fa fa-building fa-lg"></i> Button</button>
<button class="btn"><i class="fa fa-building fa-large"></i></button> <button class="btn"><i class="fa fa-building fa-lg"></i></button>
</div> </div>
<div> <div>
<button class="btn btn-large">Button</button> <button class="btn btn-large">Button</button>
<button class="btn btn-large"><i class="fa fa-building fa-large"></i> Button</button> <button class="btn btn-large"><i class="fa fa-building fa-lg"></i> Button</button>
<button class="btn btn-large"><i class="fa fa-building fa-large"></i></button> <button class="btn btn-large"><i class="fa fa-building fa-lg"></i></button>
</div> </div>
</div> </div>
</div> </div>
@ -227,23 +227,23 @@ relative_path: ../
<div style="border: solid 1px #d3d3d3; text-align: center;"> <div style="border: solid 1px #d3d3d3; text-align: center;">
<div> <div>
<button class="btn btn-mini">Button</button> <button class="btn btn-mini">Button</button>
<button class="btn btn-mini"><i class="fa fa-circle fa-large"></i> Button</button> <button class="btn btn-mini"><i class="fa fa-circle fa-lg"></i> Button</button>
<button class="btn btn-mini"><i class="fa fa-circle fa-large"></i></button> <button class="btn btn-mini"><i class="fa fa-circle fa-lg"></i></button>
</div> </div>
<div> <div>
<button class="btn btn-small">Button</button> <button class="btn btn-small">Button</button>
<button class="btn btn-small"><i class="fa fa-circle fa-large"></i> Button</button> <button class="btn btn-small"><i class="fa fa-circle fa-lg"></i> Button</button>
<button class="btn btn-small"><i class="fa fa-circle fa-large"></i></button> <button class="btn btn-small"><i class="fa fa-circle fa-lg"></i></button>
</div> </div>
<div> <div>
<button class="btn">Button</button> <button class="btn">Button</button>
<button class="btn"><i class="fa fa-circle fa-large"></i> Button</button> <button class="btn"><i class="fa fa-circle fa-lg"></i> Button</button>
<button class="btn"><i class="fa fa-circle fa-large"></i></button> <button class="btn"><i class="fa fa-circle fa-lg"></i></button>
</div> </div>
<div> <div>
<button class="btn btn-large">Button</button> <button class="btn btn-large">Button</button>
<button class="btn btn-large"><i class="fa fa-circle fa-large"></i> Button</button> <button class="btn btn-large"><i class="fa fa-circle fa-lg"></i> Button</button>
<button class="btn btn-large"><i class="fa fa-circle fa-large"></i></button> <button class="btn btn-large"><i class="fa fa-circle fa-lg"></i></button>
</div> </div>
</div> </div>
</div> </div>
@ -280,23 +280,23 @@ relative_path: ../
<div style="border: solid 1px #d3d3d3; text-align: center;"> <div style="border: solid 1px #d3d3d3; text-align: center;">
<div> <div>
<a class="btn btn-mini">Button</a> <a class="btn btn-mini">Button</a>
<a class="btn btn-mini"><i class="fa fa-building fa-large"></i> Button</a> <a class="btn btn-mini"><i class="fa fa-building fa-lg"></i> Button</a>
<a class="btn btn-mini"><i class="fa fa-building fa-large"></i></a> <a class="btn btn-mini"><i class="fa fa-building fa-lg"></i></a>
</div> </div>
<div> <div>
<a class="btn btn-small">Button</a> <a class="btn btn-small">Button</a>
<a class="btn btn-small"><i class="fa fa-building fa-large"></i> Button</a> <a class="btn btn-small"><i class="fa fa-building fa-lg"></i> Button</a>
<a class="btn btn-small"><i class="fa fa-building fa-large"></i></a> <a class="btn btn-small"><i class="fa fa-building fa-lg"></i></a>
</div> </div>
<div> <div>
<a class="btn">Button</a> <a class="btn">Button</a>
<a class="btn"><i class="fa fa-building fa-large"></i> Button</a> <a class="btn"><i class="fa fa-building fa-lg"></i> Button</a>
<a class="btn"><i class="fa fa-building fa-large"></i></a> <a class="btn"><i class="fa fa-building fa-lg"></i></a>
</div> </div>
<div> <div>
<a class="btn btn-large">Button</a> <a class="btn btn-large">Button</a>
<a class="btn btn-large"><i class="fa fa-building fa-large"></i> Button</a> <a class="btn btn-large"><i class="fa fa-building fa-lg"></i> Button</a>
<a class="btn btn-large"><i class="fa fa-building fa-large"></i></a> <a class="btn btn-large"><i class="fa fa-building fa-lg"></i></a>
</div> </div>
</div> </div>
</div> </div>
@ -330,23 +330,23 @@ relative_path: ../
<div style="border: solid 1px #d3d3d3; text-align: center;"> <div style="border: solid 1px #d3d3d3; text-align: center;">
<div> <div>
<a class="btn btn-mini">Button</a> <a class="btn btn-mini">Button</a>
<a class="btn btn-mini"><i class="fa fa-circle fa-large"></i> Button</a> <a class="btn btn-mini"><i class="fa fa-circle fa-lg"></i> Button</a>
<a class="btn btn-mini"><i class="fa fa-circle fa-large"></i></a> <a class="btn btn-mini"><i class="fa fa-circle fa-lg"></i></a>
</div> </div>
<div> <div>
<a class="btn btn-small">Button</a> <a class="btn btn-small">Button</a>
<a class="btn btn-small"><i class="fa fa-circle fa-large"></i> Button</a> <a class="btn btn-small"><i class="fa fa-circle fa-lg"></i> Button</a>
<a class="btn btn-small"><i class="fa fa-circle fa-large"></i></a> <a class="btn btn-small"><i class="fa fa-circle fa-lg"></i></a>
</div> </div>
<div> <div>
<a class="btn">Button</a> <a class="btn">Button</a>
<a class="btn"><i class="fa fa-circle fa-large"></i> Button</a> <a class="btn"><i class="fa fa-circle fa-lg"></i> Button</a>
<a class="btn"><i class="fa fa-circle fa-large"></i></a> <a class="btn"><i class="fa fa-circle fa-lg"></i></a>
</div> </div>
<div> <div>
<a class="btn btn-large">Button</a> <a class="btn btn-large">Button</a>
<a class="btn btn-large"><i class="fa fa-circle fa-large"></i> Button</a> <a class="btn btn-large"><i class="fa fa-circle fa-lg"></i> Button</a>
<a class="btn btn-large"><i class="fa fa-circle fa-large"></i></a> <a class="btn btn-large"><i class="fa fa-circle fa-lg"></i></a>
</div> </div>
</div> </div>
</div> </div>
@ -397,7 +397,7 @@ relative_path: ../
<div class="span4"> <div class="span4">
<div style="border: solid 1px #d3d3d3;"> <div style="border: solid 1px #d3d3d3;">
<a class="btn btn-large" href="#"> <a class="btn btn-large" href="#">
<i class="fa fa-github fa fa-2x pull-left"></i> <i class="fa fa-github fa-2x pull-left"></i>
Longer<br>Button</a> Longer<br>Button</a>
<a class="btn btn-large" href="#"> <a class="btn btn-large" href="#">
Longer<br>Button</a> Longer<br>Button</a>
@ -406,7 +406,7 @@ relative_path: ../
<div class="span4"> <div class="span4">
<div style="border: solid 1px #d3d3d3;"> <div style="border: solid 1px #d3d3d3;">
<a class="btn" href="#"> <a class="btn" href="#">
<i class="fa fa-github fa fa-2x pull-left"></i> <i class="fa fa-github fa-2x pull-left"></i>
Longer<br>Button</a> Longer<br>Button</a>
<a class="btn" href="#"> <a class="btn" href="#">
Longer<br>Button</a> Longer<br>Button</a>
@ -415,7 +415,7 @@ relative_path: ../
<div class="span4"> <div class="span4">
<div style="border: solid 1px #d3d3d3;"> <div style="border: solid 1px #d3d3d3;">
<a class="btn btn-small" href="#"> <a class="btn btn-small" href="#">
<i class="fa fa-github fa fa-2x pull-left"></i> <i class="fa fa-github fa-2x pull-left"></i>
Longer<br>Button</a> Longer<br>Button</a>
<a class="btn btn-small" href="#"> <a class="btn btn-small" href="#">
Longer<br>Button</a> Longer<br>Button</a>
@ -436,7 +436,7 @@ relative_path: ../
</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li><a href="#"><i class="fa fa-building"></i> Menu Item 1</a></li> <li><a href="#"><i class="fa fa-building"></i> Menu Item 1</a></li>
<li><a href="#"><i class="fa fa-building fa-large"></i> Menu Item 2</a></li> <li><a href="#"><i class="fa fa-building fa-lg"></i> Menu Item 2</a></li>
</ul> </ul>
</li> </li>
<li class="dropdown active"> <li class="dropdown active">
@ -446,12 +446,12 @@ relative_path: ../
</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li><a href="#"><i class="fa fa-building"></i> Menu Item 1</a></li> <li><a href="#"><i class="fa fa-building"></i> Menu Item 1</a></li>
<li><a href="#"><i class="fa fa-building fa-large"></i> Menu Item 2</a></li> <li><a href="#"><i class="fa fa-building fa-lg"></i> Menu Item 2</a></li>
</ul> </ul>
</li> </li>
<li class="active"><a href="#examples"><i class="fa fa-building fa-large"></i> Nav Item 4</a></li> <li class="active"><a href="#examples"><i class="fa fa-building fa-lg"></i> Nav Item 4</a></li>
<li class="active"><a href="#examples"><i class="fa fa-spinner fa-spin"></i> Nav Item 5</a></li> <li class="active"><a href="#examples"><i class="fa fa-spinner fa-spin"></i> Nav Item 5</a></li>
<li class="active"><a href="#examples"><i class="fa fa-circle fa-large"></i> Nav Item 6</a></li> <li class="active"><a href="#examples"><i class="fa fa-circle fa-lg"></i> Nav Item 6</a></li>
<li class="active"><a href="#examples"><i class="fa fa-circle"></i> Nav Item 7</a></li> <li class="active"><a href="#examples"><i class="fa fa-circle"></i> Nav Item 7</a></li>
</ul> </ul>
<ul class="nav nav-tabs"> <ul class="nav nav-tabs">
@ -463,7 +463,7 @@ relative_path: ../
</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li><a href="#"><i class="fa fa-building"></i> Menu Item 1</a></li> <li><a href="#"><i class="fa fa-building"></i> Menu Item 1</a></li>
<li><a href="#"><i class="fa fa-building fa-large"></i> Menu Item 2</a></li> <li><a href="#"><i class="fa fa-building fa-lg"></i> Menu Item 2</a></li>
</ul> </ul>
</li> </li>
<li class="dropdown active"> <li class="dropdown active">
@ -473,12 +473,12 @@ relative_path: ../
</a> </a>
<ul class="dropdown-menu" role="menu"> <ul class="dropdown-menu" role="menu">
<li><a href="#"><i class="fa fa-building"></i> Menu Item 1</a></li> <li><a href="#"><i class="fa fa-building"></i> Menu Item 1</a></li>
<li><a href="#"><i class="fa fa-building fa-large"></i> Menu Item 2</a></li> <li><a href="#"><i class="fa fa-building fa-lg"></i> Menu Item 2</a></li>
</ul> </ul>
</li> </li>
<li class="active"><a href="#examples"><i class="fa fa-building fa-large"></i> Nav Item 4</a></li> <li class="active"><a href="#examples"><i class="fa fa-building fa-lg"></i> Nav Item 4</a></li>
<li class="active"><a href="#examples"><i class="fa fa-spinner fa-spin"></i> Nav Item 5</a></li> <li class="active"><a href="#examples"><i class="fa fa-spinner fa-spin"></i> Nav Item 5</a></li>
<li class="active"><a href="#examples"><i class="fa fa-circle fa-large"></i> Nav Item 6</a></li> <li class="active"><a href="#examples"><i class="fa fa-circle fa-lg"></i> Nav Item 6</a></li>
<li class="active"><a href="#examples"><i class="fa fa-circle"></i> Nav Item 7</a></li> <li class="active"><a href="#examples"><i class="fa fa-circle"></i> Nav Item 7</a></li>
</ul> </ul>
</div> </div>
@ -486,47 +486,58 @@ relative_path: ../
<ul class="nav nav-list"> <ul class="nav nav-list">
<li> <li>
<a href="#c1"> <a href="#c1">
<i class="fa fa-chevron-right fa fa-fixed-width pull-right"></i> Overview <i class="fa fa-chevron-right fa-fixed-width pull-right"></i> Overview
</a> </a>
</li> </li>
<li> <li>
<a href="#c1"> <a href="#c1">
Overview Overview
<i class="fa fa-chevron-right fa fa-fixed-width pull-right"></i> <i class="fa fa-chevron-right fa-fixed-width pull-right"></i>
</a> </a>
</li> </li>
</ul> </ul>
</div> </div>
</div> </div>
<h3>Hide class directly on icons</h3>
<div class="row">
<div class="span6">
<div class="well">
<i class="hide fa fa-circle"></i> Icon should be hidden
</div>
</div>
<div class="span6">
<i class="hide fa fa-circle"></i> Icon should be hidden
</div>
</div>
<h3>2x, 3x, 4x icons in text <small>should have margins next to and below text</small></h3> <h3>2x, 3x, 4x icons in text <small>should have margins next to and below text</small></h3>
<div class="row"> <div class="row">
<div class="span6"> <div class="span6">
<p class="lead"> <p class="lead">
<i class="fa fa-stethoscope fa fa-3x pull-left fa fa-border"></i> <i class="fa fa-stethoscope fa-3x pull-left fa-border"></i>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
</p> </p>
</div> </div>
<div class="span6"> <div class="span6">
<p class="lead"> <p class="lead">
<i class="fa fa-ambulance fa fa-4x pull-right fa fa-border"></i> <i class="fa fa-ambulance fa-4x pull-right fa-border"></i>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
</p> </p>
</div> </div>
</div> </div>
<div class="row"> <div class="row">
<div class="span4"> <div class="span4">
<i class="fa fa-building fa fa-2x pull-left fa fa-border"></i> <i class="fa fa-building fa-2x pull-left fa-border"></i>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
</div> </div>
<div class="span4"> <div class="span4">
<i class="fa fa-stethoscope fa fa-3x pull-right fa fa-border"></i> <i class="fa fa-stethoscope fa-3x pull-right fa-border"></i>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
</div> </div>
<div class="span4"> <div class="span4">
<i class="fa fa-ambulance fa fa-4x pull-left"></i> <i class="fa fa-ambulance fa-4x pull-left"></i>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.
</div> </div>
</div> </div>
@ -542,7 +553,7 @@ relative_path: ../
<li><i class="fa-li fa fa-building"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <li><i class="fa-li fa fa-building"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<i class="fa fa-building"></i> <i class="fa fa-building"></i>
<span class="label">foo</span> <span class="label">foo</span>
<a class="btn">foo</a> <a class="btn btn-mini">foo</a>
</li> </li>
</ul> </ul>
</div> </div>
@ -550,9 +561,9 @@ relative_path: ../
<div class="span6"> <div class="span6">
<div style="border: solid 1px #d3d3d3;"> <div style="border: solid 1px #d3d3d3;">
<ul class="fa-ul"> <ul class="fa-ul">
<li><i class="fa-li fa fa-double-angle-right fa-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> <li><i class="fa-li fa fa-double-angle-right fa-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li><i class="fa-li fa fa-arrow-right fa-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li> <li><i class="fa-li fa fa-arrow-right fa-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
<li><i class="fa-li fa fa-building fa-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> <li><i class="fa-li fa fa-building fa-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
</ul> </ul>
</div> </div>
</div> </div>
@ -570,9 +581,9 @@ relative_path: ../
<div class="span6"> <div class="span6">
<div style="border: solid 1px #d3d3d3;"> <div style="border: solid 1px #d3d3d3;">
<ul class="fa-ul lead"> <ul class="fa-ul lead">
<li><i class="fa-li fa fa-double-angle-right fa-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> <li><i class="fa-li fa fa-double-angle-right fa-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li><i class="fa-li fa fa-arrow-right fa-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li> <li><i class="fa-li fa fa-arrow-right fa-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
<li><i class="fa-li fa fa-building fa-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> <li><i class="fa-li fa fa-building fa-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
</ul> </ul>
</div> </div>
</div> </div>
@ -590,9 +601,9 @@ relative_path: ../
<div class="span6"> <div class="span6">
<div style="border: solid 1px #d3d3d3;"> <div style="border: solid 1px #d3d3d3;">
<ul class="fa-ul"> <ul class="fa-ul">
<li><a href="#"><i class="fa-li fa fa-double-angle-right fa-large"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> <li><a href="#"><i class="fa-li fa fa-double-angle-right fa-lg"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li><a href="#"><i class="fa-li fa fa-arrow-right fa-large"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li> <li><a href="#"><i class="fa-li fa fa-arrow-right fa-lg"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
<li><a href="#"><i class="fa-li fa fa-building fa-large"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> <li><a href="#"><i class="fa-li fa fa-building fa-lg"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
</ul> </ul>
</div> </div>
</div> </div>
@ -606,7 +617,7 @@ relative_path: ../
<li><i class="fa-li fa fa-spinner fa-spin"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <li><i class="fa-li fa fa-spinner fa-spin"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<i class="fa fa-building"></i> <i class="fa fa-building"></i>
<span class="label">foo</span> <span class="label">foo</span>
<a class="btn">foo</a> <a class="btn btn-mini">foo</a>
</li> </li>
</ul> </ul>
</div> </div>
@ -614,12 +625,12 @@ relative_path: ../
<div class="span6"> <div class="span6">
<div style="border: solid 1px #d3d3d3;"> <div style="border: solid 1px #d3d3d3;">
<ul class="fa-ul"> <ul class="fa-ul">
<li><i class="fa-li fa fa-refresh fa-spin fa-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> <li><i class="fa-li fa fa-refresh fa-spin fa-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li><i class="fa-li fa fa-spinner fa-spin fa-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li> <li><i class="fa-li fa fa-spinner fa-spin fa-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam et lectus id nisl hendrerit varius. Aliquam erat volutpat. Suspendisse potenti. Aliquam erat volutpat. Aliquam ut dolor lectus.</li>
<li><i class="fa-li fa fa-spinner fa-spin fa-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit. <li><i class="fa-li fa fa-spinner fa-spin fa-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<i class="fa fa-building"></i> <i class="fa fa-building"></i>
<span class="label">foo</span> <span class="label">foo</span>
<a class="btn">foo</a> <a class="btn btn-mini">foo</a>
</li> </li>
</ul> </ul>
</div> </div>
@ -672,27 +683,27 @@ relative_path: ../
<i class="fa fa-circle-blank fa-spin"></i> Loading... <i class="fa fa-circle-blank fa-spin"></i> Loading...
<button class="btn btn-large"><i class="fa fa-circle-blank fa-spin"></i> Loading...</button> <button class="btn btn-large"><i class="fa fa-circle-blank fa-spin"></i> Loading...</button>
</div> </div>
<h4>fa-large</h4> <h4>fa-lg</h4>
<div style="border: solid 1px #d3d3d3;"> <div style="border: solid 1px #d3d3d3;">
<i class="fa fa-refresh fa-large fa-spin"></i> Loading... <i class="fa fa-refresh fa-lg fa-spin"></i> Loading...
<button class="btn btn-small"><i class="fa fa-refresh fa-large fa-spin"></i> Loading...</button> <button class="btn btn-small"><i class="fa fa-refresh fa-lg fa-spin"></i> Loading...</button>
<button class="btn btn-small">Loading...</button> <button class="btn btn-small">Loading...</button>
<i class="fa fa-circle-blank fa-large fa-spin"></i> Loading... <i class="fa fa-circle-blank fa-lg fa-spin"></i> Loading...
<button class="btn btn-small"><i class="fa fa-circle-blank fa-large fa-spin"></i> Loading...</button> <button class="btn btn-small"><i class="fa fa-circle-blank fa-lg fa-spin"></i> Loading...</button>
</div> </div>
<div style="border: solid 1px #d3d3d3;"> <div style="border: solid 1px #d3d3d3;">
<i class="fa fa-refresh fa-large fa-spin"></i> Loading... <i class="fa fa-refresh fa-lg fa-spin"></i> Loading...
<button class="btn"><i class="fa fa-refresh fa-large fa-spin"></i> Loading...</button> <button class="btn"><i class="fa fa-refresh fa-lg fa-spin"></i> Loading...</button>
<button class="btn">Loading...</button> <button class="btn">Loading...</button>
<i class="fa fa-circle-blank fa-large fa-spin"></i> Loading... <i class="fa fa-circle-blank fa-lg fa-spin"></i> Loading...
<button class="btn"><i class="fa fa-circle-blank fa-large fa-spin"></i> Loading...</button> <button class="btn"><i class="fa fa-circle-blank fa-lg fa-spin"></i> Loading...</button>
</div> </div>
<div style="border: solid 1px #d3d3d3;"> <div style="border: solid 1px #d3d3d3;">
<i class="fa fa-spinner fa-large fa-spin"></i> Loading... <i class="fa fa-spinner fa-lg fa-spin"></i> Loading...
<button class="btn btn-large"><i class="fa fa-spinner fa-large fa-spin"></i> Loading...</button> <button class="btn btn-large"><i class="fa fa-spinner fa-lg fa-spin"></i> Loading...</button>
<button class="btn btn-large">Loading...</button> <button class="btn btn-large">Loading...</button>
<i class="fa fa-circle-blank fa-large fa-spin"></i> Loading... <i class="fa fa-circle-blank fa-lg fa-spin"></i> Loading...
<button class="btn btn-large"><i class="fa fa-circle-blank fa-large fa-spin"></i> Loading...</button> <button class="btn btn-large"><i class="fa fa-circle-blank fa-lg fa-spin"></i> Loading...</button>
</div> </div>
<h4>Bootstrap Prepend and Append</h4> <h4>Bootstrap Prepend and Append</h4>
<div class="row"> <div class="row">