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
* -------------------------- */
.fa {
*margin-right: .3em;
display: inline-block;
font-family: FontAwesome;
-webkit-font-smoothing: antialiased;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-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 */
.fa-lg:before {
.fa-lg {
font-size: 1.3333333333333333em;
vertical-align: -10%;
}
/* makes sure icons active on rollover in links */
a .fa {
display: inline;
line-height: 0.75em;
}
/* increased font size for icon-lg */
.fa.fa-fixed-width {
@ -76,7 +67,7 @@ a .fa {
.fa-ul > li {
position: relative;
}
.fa-ul .fa-li {
.fa-li {
position: absolute;
left: -2.142857142857143em;
width: 2.142857142857143em;
@ -150,63 +141,6 @@ a .fa {
.fa.pull-right {
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
* -------------------------- */
/* Stacked and layered icon */
@ -234,18 +168,11 @@ a .fa {
}
/* Animated rotating icon */
.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;
}
/* 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 {
0% {
-moz-transform: rotate(0deg);
@ -286,8 +213,7 @@ a .fa-spin {
transform: rotate(359deg);
}
}
/* Icon rotations and mirroring */
.fa-rotate-90:before {
.fa-rotate-90 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
@ -295,7 +221,7 @@ a .fa-spin {
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180:before {
.fa-rotate-180 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
@ -303,7 +229,7 @@ a .fa-spin {
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270:before {
.fa-rotate-270 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
@ -311,28 +237,20 @@ a .fa-spin {
-o-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal:before {
.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-vertical:before {
.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);
}
/* 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
readers do not read off random characters that represent icons */
.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;}
.fa:before{display:inline-block;text-decoration:inherit;speak:none;}
.fa-lg:before{font-size:1.3333333333333333em;vertical-align:-10%;}
a .fa{display:inline;}
@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-lg{font-size:1.3333333333333333em;vertical-align:-10%;line-height:0.75em;}
.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 .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-muted{color:#eeeeee;}
.fa-light{color:#ffffff;}
@ -18,27 +16,14 @@ a .fa{display:inline;}
.pull-left{float:left;}
.fa.pull-left{margin-right:.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 .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;}
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: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{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{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: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: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-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear;}
@-moz-keyframes spin{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(359deg);}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(359deg);}}@-o-keyframes spin{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(359deg);}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(359deg);}}@keyframes spin{0%{transform:rotate(0deg);} 100%{transform:rotate(359deg);}}.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);}
.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-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-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-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-glass:before{content:"\f000";}
.fa-music:before{content:"\f001";}
.fa-search:before{content:"\f002";}

22
less/bootstrap.less vendored
View File

@ -2,17 +2,17 @@
* -------------------------- */
/* 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;
}
//.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 */

View File

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

View File

@ -6,20 +6,12 @@
/* Animated rotating icon */
.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;
}
/* 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 {
0% { -moz-transform: rotate(0deg); }
100% { -moz-transform: rotate(359deg); }
@ -41,53 +33,13 @@ a .fa-spin {
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 {
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);
}
// Icon rotations & flipping
// -------------------------
.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-rotate-90 { .rotate(90deg, 1); }
.fa-rotate-180 { .rotate(180deg, 2); }
.fa-rotate-270 { .rotate(270deg, 3); }
.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: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; }
}
}
.fa-flip-horizontal { .flip(-1, 1); }
.fa-flip-vertical { .flip(1, -1); }

File diff suppressed because it is too large Load Diff

View File

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

View File

@ -7,14 +7,21 @@
}
.icon-FontAwesome() {
*margin-right: .3em; // fixes ie7 issues
// position: relative;
// top: 0;
display: inline-block;
font-family: FontAwesome;
-webkit-font-smoothing: antialiased;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
// from bootstrap, throws off rendering
// &:empty { width: 1em; }
// text-decoration: inherit;
// text-rendering: auto;
}
.border-radius(@radius) {
@ -23,6 +30,23 @@
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) {
.fa-stack {
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_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_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_CSS_DIRECTORY = assets/css
@ -23,8 +20,6 @@ build:
@mkdir -p ${FA_CSS_DIRECTORY}
lessc ${FA_LESS_MODERN} > ${FA_CSS_MODERN}
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}
cp -r ${FA_ROOT_DIRECTORY}/* ../
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();
}
.{{ site.fontawesome.css_prefix }}:before {
display: inline-block;
text-decoration: inherit;
speak: none;
}
/* 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);
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 */
.{{ site.fontawesome.css_prefix }} {
&.{{ site.fontawesome.css_prefix }}-fixed-width {
@ -39,33 +27,33 @@ a {
}
}
// Icon UL & LI
// -------------------------
.{{ site.fontawesome.css_prefix }}-ul {
padding-left: 0;
margin-left: @icons-li-width;
list-style-type: none;
> li { position: relative; }
.{{ site.fontawesome.css_prefix }}-li {
position: absolute;
left: -@icons-li-width;
width: @icons-li-width;
line-height: inherit;
text-align: center;
}
}
.{{ site.fontawesome.css_prefix }}-li {
position: absolute;
left: -@icons-li-width;
width: @icons-li-width;
line-height: inherit;
text-align: center;
}
// allows usage of the hide class directly on font awesome icons
.{{ site.fontawesome.css_prefix }} {
&.hide {
display: none;
}
}
.{{ site.fontawesome.css_prefix }}.hide { display: none; }
.{{ site.fontawesome.css_prefix }}-muted { color: @iconMuted; }
.{{ site.fontawesome.css_prefix }}-light { color: @iconLight; }
.{{ site.fontawesome.css_prefix }}-dark { color: @iconDark; }
// Icon Borders
// -------------------------
@ -117,10 +105,6 @@ a {
.pull-left { float: left; }
.{{ site.fontawesome.css_prefix }} {
&.pull-left {
margin-right: .3em;
}
&.pull-right {
margin-left: .3em;
}
&.pull-left { margin-right: .3em; }
&.pull-right { margin-left: .3em; }
}

View File

@ -1,3 +1,5 @@
---
---
/* EXTRAS
* -------------------------- */
@ -5,21 +7,13 @@
.icon-stack();
/* Animated rotating icon */
.fa-spin {
display: inline-block;
.{{ site.fontawesome.css_prefix }}-spin {
-webkit-animation: spin 2s infinite linear;
-moz-animation: spin 2s infinite linear;
-o-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 {
0% { -moz-transform: rotate(0deg); }
100% { -moz-transform: rotate(359deg); }
@ -41,53 +35,13 @@ a .fa-spin {
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 {
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);
}
// Icon rotations & flipping
// -------------------------
.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);
}
.{{ site.fontawesome.css_prefix }}-rotate-90 { .rotate(90deg, 1); }
.{{ site.fontawesome.css_prefix }}-rotate-180 { .rotate(180deg, 2); }
.{{ site.fontawesome.css_prefix }}-rotate-270 { .rotate(270deg, 3); }
.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: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; }
}
}
.{{ site.fontawesome.css_prefix }}-flip-horizontal { .flip(-1, 1); }
.{{ site.fontawesome.css_prefix }}-flip-vertical { .flip(1, -1); }

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 "path.less";
@import "core.less";
@import "bootstrap.less";
@import "extras.less";
@import "icons.less";

View File

@ -9,14 +9,21 @@
}
.icon-FontAwesome() {
*margin-right: .3em; // fixes ie7 issues
// position: relative;
// top: 0;
display: inline-block;
font-family: FontAwesome;
-webkit-font-smoothing: antialiased;
font-style: normal;
font-weight: normal;
text-decoration: inherit;
text-rendering: auto;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
// from bootstrap, throws off rendering
// &:empty { width: 1em; }
// text-decoration: inherit;
// text-rendering: auto;
}
.border-radius(@radius) {
@ -25,6 +32,23 @@
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) {
.{{ site.fontawesome.css_prefix }}-stack {
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 class="span3">
<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 class="span3">
<i class="fa fa-building"></i> Building
</div>
<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 class="row" style="font-size: 24px; line-height: 1.5em;">
@ -34,11 +34,11 @@ relative_path: ../
</div>
<div class="span4">
<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 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 class="row">
@ -49,14 +49,14 @@ relative_path: ../
</div>
<div class="span3">
<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 class="span3">
<i class="fa fa-circle"></i> Circle
</div>
<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 class="row" style="font-size: 24px; line-height: 1.5em;">
@ -67,11 +67,11 @@ relative_path: ../
</div>
<div class="span4">
<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 class="span4">
<i class="fa fa-circle fa-large"></i> Circle Large
<i class="fa fa-circle fa-lg"></i> Circle Large
</div>
</div>
@ -82,7 +82,7 @@ relative_path: ../
<a href="#"><i class="fa fa-building"></i> Link Here</a>
</div>
<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 class="span2">
<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>
</div>
<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 class="span2">
<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>
</div>
<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 class="span2">
<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>
</div>
<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 class="span2">
<a href="#">Link Here <i class="fa fa-caret-down"></i></a>
@ -133,12 +133,12 @@ relative_path: ../
</a>
<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 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>
</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-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>
</ul>
</div>
@ -177,23 +177,23 @@ relative_path: ../
<div style="border: solid 1px #d3d3d3; text-align: center;">
<div>
<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-large"></i></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-lg"></i></button>
</div>
<div>
<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-large"></i></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-lg"></i></button>
</div>
<div>
<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-large"></i></button>
<button class="btn"><i class="fa fa-building fa-lg"></i> Button</button>
<button class="btn"><i class="fa fa-building fa-lg"></i></button>
</div>
<div>
<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-large"></i></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-lg"></i></button>
</div>
</div>
</div>
@ -227,23 +227,23 @@ relative_path: ../
<div style="border: solid 1px #d3d3d3; text-align: center;">
<div>
<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-large"></i></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-lg"></i></button>
</div>
<div>
<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-large"></i></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-lg"></i></button>
</div>
<div>
<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-large"></i></button>
<button class="btn"><i class="fa fa-circle fa-lg"></i> Button</button>
<button class="btn"><i class="fa fa-circle fa-lg"></i></button>
</div>
<div>
<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-large"></i></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-lg"></i></button>
</div>
</div>
</div>
@ -280,23 +280,23 @@ relative_path: ../
<div style="border: solid 1px #d3d3d3; text-align: center;">
<div>
<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-large"></i></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-lg"></i></a>
</div>
<div>
<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-large"></i></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-lg"></i></a>
</div>
<div>
<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-large"></i></a>
<a class="btn"><i class="fa fa-building fa-lg"></i> Button</a>
<a class="btn"><i class="fa fa-building fa-lg"></i></a>
</div>
<div>
<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-large"></i></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-lg"></i></a>
</div>
</div>
</div>
@ -330,23 +330,23 @@ relative_path: ../
<div style="border: solid 1px #d3d3d3; text-align: center;">
<div>
<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-large"></i></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-lg"></i></a>
</div>
<div>
<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-large"></i></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-lg"></i></a>
</div>
<div>
<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-large"></i></a>
<a class="btn"><i class="fa fa-circle fa-lg"></i> Button</a>
<a class="btn"><i class="fa fa-circle fa-lg"></i></a>
</div>
<div>
<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-large"></i></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-lg"></i></a>
</div>
</div>
</div>
@ -397,7 +397,7 @@ relative_path: ../
<div class="span4">
<div style="border: solid 1px #d3d3d3;">
<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>
<a class="btn btn-large" href="#">
Longer<br>Button</a>
@ -406,7 +406,7 @@ relative_path: ../
<div class="span4">
<div style="border: solid 1px #d3d3d3;">
<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>
<a class="btn" href="#">
Longer<br>Button</a>
@ -415,7 +415,7 @@ relative_path: ../
<div class="span4">
<div style="border: solid 1px #d3d3d3;">
<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>
<a class="btn btn-small" href="#">
Longer<br>Button</a>
@ -436,7 +436,7 @@ relative_path: ../
</a>
<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 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>
</li>
<li class="dropdown active">
@ -446,12 +446,12 @@ relative_path: ../
</a>
<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 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>
</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-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>
</ul>
<ul class="nav nav-tabs">
@ -463,7 +463,7 @@ relative_path: ../
</a>
<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 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>
</li>
<li class="dropdown active">
@ -473,12 +473,12 @@ relative_path: ../
</a>
<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 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>
</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-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>
</ul>
</div>
@ -486,47 +486,58 @@ relative_path: ../
<ul class="nav nav-list">
<li>
<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>
</li>
<li>
<a href="#c1">
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>
</li>
</ul>
</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>
<div class="row">
<div class="span6">
<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.
</p>
</div>
<div class="span6">
<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.
</p>
</div>
</div>
<div class="row">
<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.
</div>
<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.
</div>
<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.
</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.
<i class="fa fa-building"></i>
<span class="label">foo</span>
<a class="btn">foo</a>
<a class="btn btn-mini">foo</a>
</li>
</ul>
</div>
@ -550,9 +561,9 @@ relative_path: ../
<div class="span6">
<div style="border: solid 1px #d3d3d3;">
<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-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-building 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-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-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
</ul>
</div>
</div>
@ -570,9 +581,9 @@ relative_path: ../
<div class="span6">
<div style="border: solid 1px #d3d3d3;">
<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-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-building 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-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-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
</ul>
</div>
</div>
@ -590,9 +601,9 @@ relative_path: ../
<div class="span6">
<div style="border: solid 1px #d3d3d3;">
<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-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-building 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-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-lg"></i></a>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
</ul>
</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.
<i class="fa fa-building"></i>
<span class="label">foo</span>
<a class="btn">foo</a>
<a class="btn btn-mini">foo</a>
</li>
</ul>
</div>
@ -614,12 +625,12 @@ relative_path: ../
<div class="span6">
<div style="border: solid 1px #d3d3d3;">
<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-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-large"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<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-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-lg"></i>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
<i class="fa fa-building"></i>
<span class="label">foo</span>
<a class="btn">foo</a>
<a class="btn btn-mini">foo</a>
</li>
</ul>
</div>
@ -672,27 +683,27 @@ relative_path: ../
<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>
</div>
<h4>fa-large</h4>
<h4>fa-lg</h4>
<div style="border: solid 1px #d3d3d3;">
<i class="fa fa-refresh fa-large fa-spin"></i> Loading...
<button class="btn btn-small"><i class="fa fa-refresh fa-large fa-spin"></i> Loading...</button>
<i class="fa fa-refresh fa-lg fa-spin"></i> Loading...
<button class="btn btn-small"><i class="fa fa-refresh fa-lg fa-spin"></i> Loading...</button>
<button class="btn btn-small">Loading...</button>
<i class="fa fa-circle-blank fa-large fa-spin"></i> Loading...
<button class="btn btn-small"><i class="fa fa-circle-blank fa-large fa-spin"></i> Loading...</button>
<i class="fa fa-circle-blank fa-lg fa-spin"></i> Loading...
<button class="btn btn-small"><i class="fa fa-circle-blank fa-lg fa-spin"></i> Loading...</button>
</div>
<div style="border: solid 1px #d3d3d3;">
<i class="fa fa-refresh fa-large fa-spin"></i> Loading...
<button class="btn"><i class="fa fa-refresh fa-large fa-spin"></i> Loading...</button>
<i class="fa fa-refresh fa-lg fa-spin"></i> Loading...
<button class="btn"><i class="fa fa-refresh fa-lg fa-spin"></i> Loading...</button>
<button class="btn">Loading...</button>
<i class="fa fa-circle-blank fa-large fa-spin"></i> Loading...
<button class="btn"><i class="fa fa-circle-blank fa-large fa-spin"></i> Loading...</button>
<i class="fa fa-circle-blank fa-lg fa-spin"></i> Loading...
<button class="btn"><i class="fa fa-circle-blank fa-lg fa-spin"></i> Loading...</button>
</div>
<div style="border: solid 1px #d3d3d3;">
<i class="fa fa-spinner fa-large fa-spin"></i> Loading...
<button class="btn btn-large"><i class="fa fa-spinner fa-large fa-spin"></i> Loading...</button>
<i class="fa fa-spinner fa-lg fa-spin"></i> Loading...
<button class="btn btn-large"><i class="fa fa-spinner fa-lg fa-spin"></i> Loading...</button>
<button class="btn btn-large">Loading...</button>
<i class="fa fa-circle-blank fa-large fa-spin"></i> Loading...
<button class="btn btn-large"><i class="fa fa-circle-blank fa-large fa-spin"></i> Loading...</button>
<i class="fa fa-circle-blank fa-lg fa-spin"></i> Loading...
<button class="btn btn-large"><i class="fa fa-circle-blank fa-lg fa-spin"></i> Loading...</button>
</div>
<h4>Bootstrap Prepend and Append</h4>
<div class="row">