mirror of
https://github.com/ForkAwesome/Fork-Awesome
synced 2024-05-15 21:06:34 +02:00
re-adding sprites.less reset, new test.html for visual testing, many many bug fixes, new icon
This commit is contained in:
davegandy
parent
9cdfdd0f1a
commit
b61fa1bfd7
|
|
@ -1,213 +1,703 @@
|
|||
[class^="icon-"],[class*=" icon-"]{font-family:FontAwesome;font-style:normal;font-weight:normal;}
|
||||
.btn.dropdown-toggle [class^="icon-"],.btn.dropdown-toggle [class*=" icon-"]{line-height:1.4em;}
|
||||
.icon-large{font-size:1.3333em;}
|
||||
.icon-glass{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-music{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-search{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-envelope{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-heart{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-star{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-star-empty{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-user{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-film{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-th-large{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-th{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-th-list{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-ok{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-remove{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-zoom-in{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-zoom-out{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-off{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-signal{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-cog{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-trash{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-home{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-file{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-time{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-road{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-download-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-download{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-upload{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-inbox{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-play-circle{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-repeat{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.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-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-comments{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-thumbs-up{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-thumbs-down{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-star-half{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-heart-empty{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-signout{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-linkedin-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-pushpin{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-external-link{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-signin{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-trophy{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-github-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-upload-alt{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-lemon{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-phone{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-check-empty{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-bookmark-empty{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-phone-sign{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-twitter{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-facebook{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-github{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-unlock{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-credit-card{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-rss{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.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-paper-clip{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-save{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-sign-blank{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-reorder{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
.icon-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-alt{*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-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-bolt{*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-user-md{*zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' ');}
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
font-family: FontAwesome;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
padding-right: .3em;
|
||||
text-decoration: inherit;
|
||||
}
|
||||
.icon-large {
|
||||
font-size: 1.3333333333333333em;
|
||||
margin-top: -4px;
|
||||
padding-top: 3px;
|
||||
margin-bottom: -4px;
|
||||
padding-bottom: 3px;
|
||||
vertical-align: -10%;
|
||||
}
|
||||
.btn [class^="icon-"],
|
||||
.nav [class^="icon-"],
|
||||
.btn [class*=" icon-"],
|
||||
.nav [class*=" icon-"] {
|
||||
margin-top: -4px;
|
||||
padding-top: 3px;
|
||||
margin-bottom: -4px;
|
||||
padding-bottom: 3px;
|
||||
}
|
||||
.icon-glass {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-music {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-search {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-envelope {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-heart {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-star {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-star-empty {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-user {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-film {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-th-large {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-th {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-th-list {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-ok {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-remove {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-zoom-in {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-zoom-out {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-off {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-signal {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-cog {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-trash {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-home {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-file {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-time {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-road {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-download-alt {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-download {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-upload {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-inbox {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-play-circle {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-repeat {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.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-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-comments {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-thumbs-up {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-thumbs-down {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-star-half {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-heart-empty {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-signout {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-linkedin-sign {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-pushpin {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-external-link {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-signin {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-trophy {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-github-sign {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-upload-alt {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-lemon {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-phone {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-check-empty {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-bookmark-empty {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-phone-sign {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-twitter {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-facebook {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-github {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-unlock {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-credit-card {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-rss {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.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-paper-clip {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-save {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-sign-blank {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-reorder {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-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-alt {
|
||||
*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-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-bolt {
|
||||
*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-briefcase {
|
||||
*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-food {
|
||||
*zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '');
|
||||
}
|
||||
.icon-file-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 = '');
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1889,6 +1889,457 @@ table th[class*="span"],
|
|||
.table-hover tbody tr.info:hover td {
|
||||
background-color: #c4e3f3;
|
||||
}
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
display: inline-block;
|
||||
width: 14px;
|
||||
height: 14px;
|
||||
*margin-right: .3em;
|
||||
line-height: 14px;
|
||||
vertical-align: text-top;
|
||||
background-image: url("../img/glyphicons-halflings.png");
|
||||
background-position: 14px 14px;
|
||||
background-repeat: no-repeat;
|
||||
margin-top: 1px;
|
||||
}
|
||||
/* White icons with optional class, or on hover/active states of certain elements */
|
||||
.icon-white,
|
||||
.nav-pills > .active > a > [class^="icon-"],
|
||||
.nav-pills > .active > a > [class*=" icon-"],
|
||||
.nav-list > .active > a > [class^="icon-"],
|
||||
.nav-list > .active > a > [class*=" icon-"],
|
||||
.navbar-inverse .nav > .active > a > [class^="icon-"],
|
||||
.navbar-inverse .nav > .active > a > [class*=" icon-"],
|
||||
.dropdown-menu > li > a:hover > [class^="icon-"],
|
||||
.dropdown-menu > li > a:hover > [class*=" icon-"],
|
||||
.dropdown-menu > .active > a > [class^="icon-"],
|
||||
.dropdown-menu > .active > a > [class*=" icon-"],
|
||||
.dropdown-submenu:hover > a > [class^="icon-"],
|
||||
.dropdown-submenu:hover > a > [class*=" icon-"] {
|
||||
background-image: url("../img/glyphicons-halflings-white.png");
|
||||
}
|
||||
.icon-glass {
|
||||
background-position: 0 0;
|
||||
}
|
||||
.icon-music {
|
||||
background-position: -24px 0;
|
||||
}
|
||||
.icon-search {
|
||||
background-position: -48px 0;
|
||||
}
|
||||
.icon-envelope {
|
||||
background-position: -72px 0;
|
||||
}
|
||||
.icon-heart {
|
||||
background-position: -96px 0;
|
||||
}
|
||||
.icon-star {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
.icon-star-empty {
|
||||
background-position: -144px 0;
|
||||
}
|
||||
.icon-user {
|
||||
background-position: -168px 0;
|
||||
}
|
||||
.icon-film {
|
||||
background-position: -192px 0;
|
||||
}
|
||||
.icon-th-large {
|
||||
background-position: -216px 0;
|
||||
}
|
||||
.icon-th {
|
||||
background-position: -240px 0;
|
||||
}
|
||||
.icon-th-list {
|
||||
background-position: -264px 0;
|
||||
}
|
||||
.icon-ok {
|
||||
background-position: -288px 0;
|
||||
}
|
||||
.icon-remove {
|
||||
background-position: -312px 0;
|
||||
}
|
||||
.icon-zoom-in {
|
||||
background-position: -336px 0;
|
||||
}
|
||||
.icon-zoom-out {
|
||||
background-position: -360px 0;
|
||||
}
|
||||
.icon-off {
|
||||
background-position: -384px 0;
|
||||
}
|
||||
.icon-signal {
|
||||
background-position: -408px 0;
|
||||
}
|
||||
.icon-cog {
|
||||
background-position: -432px 0;
|
||||
}
|
||||
.icon-trash {
|
||||
background-position: -456px 0;
|
||||
}
|
||||
.icon-home {
|
||||
background-position: 0 -24px;
|
||||
}
|
||||
.icon-file {
|
||||
background-position: -24px -24px;
|
||||
}
|
||||
.icon-time {
|
||||
background-position: -48px -24px;
|
||||
}
|
||||
.icon-road {
|
||||
background-position: -72px -24px;
|
||||
}
|
||||
.icon-download-alt {
|
||||
background-position: -96px -24px;
|
||||
}
|
||||
.icon-download {
|
||||
background-position: -120px -24px;
|
||||
}
|
||||
.icon-upload {
|
||||
background-position: -144px -24px;
|
||||
}
|
||||
.icon-inbox {
|
||||
background-position: -168px -24px;
|
||||
}
|
||||
.icon-play-circle {
|
||||
background-position: -192px -24px;
|
||||
}
|
||||
.icon-repeat {
|
||||
background-position: -216px -24px;
|
||||
}
|
||||
.icon-refresh {
|
||||
background-position: -240px -24px;
|
||||
}
|
||||
.icon-list-alt {
|
||||
background-position: -264px -24px;
|
||||
}
|
||||
.icon-lock {
|
||||
background-position: -287px -24px;
|
||||
}
|
||||
.icon-flag {
|
||||
background-position: -312px -24px;
|
||||
}
|
||||
.icon-headphones {
|
||||
background-position: -336px -24px;
|
||||
}
|
||||
.icon-volume-off {
|
||||
background-position: -360px -24px;
|
||||
}
|
||||
.icon-volume-down {
|
||||
background-position: -384px -24px;
|
||||
}
|
||||
.icon-volume-up {
|
||||
background-position: -408px -24px;
|
||||
}
|
||||
.icon-qrcode {
|
||||
background-position: -432px -24px;
|
||||
}
|
||||
.icon-barcode {
|
||||
background-position: -456px -24px;
|
||||
}
|
||||
.icon-tag {
|
||||
background-position: 0 -48px;
|
||||
}
|
||||
.icon-tags {
|
||||
background-position: -25px -48px;
|
||||
}
|
||||
.icon-book {
|
||||
background-position: -48px -48px;
|
||||
}
|
||||
.icon-bookmark {
|
||||
background-position: -72px -48px;
|
||||
}
|
||||
.icon-print {
|
||||
background-position: -96px -48px;
|
||||
}
|
||||
.icon-camera {
|
||||
background-position: -120px -48px;
|
||||
}
|
||||
.icon-font {
|
||||
background-position: -144px -48px;
|
||||
}
|
||||
.icon-bold {
|
||||
background-position: -167px -48px;
|
||||
}
|
||||
.icon-italic {
|
||||
background-position: -192px -48px;
|
||||
}
|
||||
.icon-text-height {
|
||||
background-position: -216px -48px;
|
||||
}
|
||||
.icon-text-width {
|
||||
background-position: -240px -48px;
|
||||
}
|
||||
.icon-align-left {
|
||||
background-position: -264px -48px;
|
||||
}
|
||||
.icon-align-center {
|
||||
background-position: -288px -48px;
|
||||
}
|
||||
.icon-align-right {
|
||||
background-position: -312px -48px;
|
||||
}
|
||||
.icon-align-justify {
|
||||
background-position: -336px -48px;
|
||||
}
|
||||
.icon-list {
|
||||
background-position: -360px -48px;
|
||||
}
|
||||
.icon-indent-left {
|
||||
background-position: -384px -48px;
|
||||
}
|
||||
.icon-indent-right {
|
||||
background-position: -408px -48px;
|
||||
}
|
||||
.icon-facetime-video {
|
||||
background-position: -432px -48px;
|
||||
}
|
||||
.icon-picture {
|
||||
background-position: -456px -48px;
|
||||
}
|
||||
.icon-pencil {
|
||||
background-position: 0 -72px;
|
||||
}
|
||||
.icon-map-marker {
|
||||
background-position: -24px -72px;
|
||||
}
|
||||
.icon-adjust {
|
||||
background-position: -48px -72px;
|
||||
}
|
||||
.icon-tint {
|
||||
background-position: -72px -72px;
|
||||
}
|
||||
.icon-edit {
|
||||
background-position: -96px -72px;
|
||||
}
|
||||
.icon-share {
|
||||
background-position: -120px -72px;
|
||||
}
|
||||
.icon-check {
|
||||
background-position: -144px -72px;
|
||||
}
|
||||
.icon-move {
|
||||
background-position: -168px -72px;
|
||||
}
|
||||
.icon-step-backward {
|
||||
background-position: -192px -72px;
|
||||
}
|
||||
.icon-fast-backward {
|
||||
background-position: -216px -72px;
|
||||
}
|
||||
.icon-backward {
|
||||
background-position: -240px -72px;
|
||||
}
|
||||
.icon-play {
|
||||
background-position: -264px -72px;
|
||||
}
|
||||
.icon-pause {
|
||||
background-position: -288px -72px;
|
||||
}
|
||||
.icon-stop {
|
||||
background-position: -312px -72px;
|
||||
}
|
||||
.icon-forward {
|
||||
background-position: -336px -72px;
|
||||
}
|
||||
.icon-fast-forward {
|
||||
background-position: -360px -72px;
|
||||
}
|
||||
.icon-step-forward {
|
||||
background-position: -384px -72px;
|
||||
}
|
||||
.icon-eject {
|
||||
background-position: -408px -72px;
|
||||
}
|
||||
.icon-chevron-left {
|
||||
background-position: -432px -72px;
|
||||
}
|
||||
.icon-chevron-right {
|
||||
background-position: -456px -72px;
|
||||
}
|
||||
.icon-plus-sign {
|
||||
background-position: 0 -96px;
|
||||
}
|
||||
.icon-minus-sign {
|
||||
background-position: -24px -96px;
|
||||
}
|
||||
.icon-remove-sign {
|
||||
background-position: -48px -96px;
|
||||
}
|
||||
.icon-ok-sign {
|
||||
background-position: -72px -96px;
|
||||
}
|
||||
.icon-question-sign {
|
||||
background-position: -96px -96px;
|
||||
}
|
||||
.icon-info-sign {
|
||||
background-position: -120px -96px;
|
||||
}
|
||||
.icon-screenshot {
|
||||
background-position: -144px -96px;
|
||||
}
|
||||
.icon-remove-circle {
|
||||
background-position: -168px -96px;
|
||||
}
|
||||
.icon-ok-circle {
|
||||
background-position: -192px -96px;
|
||||
}
|
||||
.icon-ban-circle {
|
||||
background-position: -216px -96px;
|
||||
}
|
||||
.icon-arrow-left {
|
||||
background-position: -240px -96px;
|
||||
}
|
||||
.icon-arrow-right {
|
||||
background-position: -264px -96px;
|
||||
}
|
||||
.icon-arrow-up {
|
||||
background-position: -289px -96px;
|
||||
}
|
||||
.icon-arrow-down {
|
||||
background-position: -312px -96px;
|
||||
}
|
||||
.icon-share-alt {
|
||||
background-position: -336px -96px;
|
||||
}
|
||||
.icon-resize-full {
|
||||
background-position: -360px -96px;
|
||||
}
|
||||
.icon-resize-small {
|
||||
background-position: -384px -96px;
|
||||
}
|
||||
.icon-plus {
|
||||
background-position: -408px -96px;
|
||||
}
|
||||
.icon-minus {
|
||||
background-position: -433px -96px;
|
||||
}
|
||||
.icon-asterisk {
|
||||
background-position: -456px -96px;
|
||||
}
|
||||
.icon-exclamation-sign {
|
||||
background-position: 0 -120px;
|
||||
}
|
||||
.icon-gift {
|
||||
background-position: -24px -120px;
|
||||
}
|
||||
.icon-leaf {
|
||||
background-position: -48px -120px;
|
||||
}
|
||||
.icon-fire {
|
||||
background-position: -72px -120px;
|
||||
}
|
||||
.icon-eye-open {
|
||||
background-position: -96px -120px;
|
||||
}
|
||||
.icon-eye-close {
|
||||
background-position: -120px -120px;
|
||||
}
|
||||
.icon-warning-sign {
|
||||
background-position: -144px -120px;
|
||||
}
|
||||
.icon-plane {
|
||||
background-position: -168px -120px;
|
||||
}
|
||||
.icon-calendar {
|
||||
background-position: -192px -120px;
|
||||
}
|
||||
.icon-random {
|
||||
background-position: -216px -120px;
|
||||
width: 16px;
|
||||
}
|
||||
.icon-comment {
|
||||
background-position: -240px -120px;
|
||||
}
|
||||
.icon-magnet {
|
||||
background-position: -264px -120px;
|
||||
}
|
||||
.icon-chevron-up {
|
||||
background-position: -288px -120px;
|
||||
}
|
||||
.icon-chevron-down {
|
||||
background-position: -313px -119px;
|
||||
}
|
||||
.icon-retweet {
|
||||
background-position: -336px -120px;
|
||||
}
|
||||
.icon-shopping-cart {
|
||||
background-position: -360px -120px;
|
||||
}
|
||||
.icon-folder-close {
|
||||
background-position: -384px -120px;
|
||||
}
|
||||
.icon-folder-open {
|
||||
background-position: -408px -120px;
|
||||
width: 16px;
|
||||
}
|
||||
.icon-resize-vertical {
|
||||
background-position: -432px -119px;
|
||||
}
|
||||
.icon-resize-horizontal {
|
||||
background-position: -456px -118px;
|
||||
}
|
||||
.icon-hdd {
|
||||
background-position: 0 -144px;
|
||||
}
|
||||
.icon-bullhorn {
|
||||
background-position: -24px -144px;
|
||||
}
|
||||
.icon-bell {
|
||||
background-position: -48px -144px;
|
||||
}
|
||||
.icon-certificate {
|
||||
background-position: -72px -144px;
|
||||
}
|
||||
.icon-thumbs-up {
|
||||
background-position: -96px -144px;
|
||||
}
|
||||
.icon-thumbs-down {
|
||||
background-position: -120px -144px;
|
||||
}
|
||||
.icon-hand-right {
|
||||
background-position: -144px -144px;
|
||||
}
|
||||
.icon-hand-left {
|
||||
background-position: -168px -144px;
|
||||
}
|
||||
.icon-hand-up {
|
||||
background-position: -192px -144px;
|
||||
}
|
||||
.icon-hand-down {
|
||||
background-position: -216px -144px;
|
||||
}
|
||||
.icon-circle-arrow-right {
|
||||
background-position: -240px -144px;
|
||||
}
|
||||
.icon-circle-arrow-left {
|
||||
background-position: -264px -144px;
|
||||
}
|
||||
.icon-circle-arrow-up {
|
||||
background-position: -288px -144px;
|
||||
}
|
||||
.icon-circle-arrow-down {
|
||||
background-position: -312px -144px;
|
||||
}
|
||||
.icon-globe {
|
||||
background-position: -336px -144px;
|
||||
}
|
||||
.icon-wrench {
|
||||
background-position: -360px -144px;
|
||||
}
|
||||
.icon-tasks {
|
||||
background-position: -384px -144px;
|
||||
}
|
||||
.icon-filter {
|
||||
background-position: -408px -144px;
|
||||
}
|
||||
.icon-briefcase {
|
||||
background-position: -432px -144px;
|
||||
}
|
||||
.icon-fullscreen {
|
||||
background-position: -456px -144px;
|
||||
}
|
||||
.dropup,
|
||||
.dropdown {
|
||||
position: relative;
|
||||
|
|
@ -4685,6 +5136,13 @@ a.badge:hover {
|
|||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'proxima-nova';
|
||||
src: url('../font/proximanova-sbold-webfont.eot');
|
||||
src: url('../font/proximanova-sbold-webfont.eot?#iefix') format('embedded-opentype'), url('../font/proximanova-sbold-webfont.ttf') format('truetype');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
/* Font Awesome
|
||||
the iconic font designed for use with Twitter Bootstrap
|
||||
-------------------------------------------------------
|
||||
|
|
@ -4711,7 +5169,7 @@ a.badge:hover {
|
|||
@font-face {
|
||||
font-family: 'FontAwesome';
|
||||
src: url('../font/fontawesome-webfont.eot');
|
||||
src: url('../font/FontAwesome.otf') format('opentype');
|
||||
src: url('../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype');
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
|
@ -4722,9 +5180,21 @@ a.badge:hover {
|
|||
font-family: FontAwesome;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
display: inline-block;
|
||||
text-decoration: inherit;
|
||||
}
|
||||
/* sprites.less reset */
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
width: auto;
|
||||
height: auto;
|
||||
line-height: normal;
|
||||
vertical-align: baseline;
|
||||
background-image: none !important;
|
||||
background-position: 0% 0%;
|
||||
background-repeat: repeat;
|
||||
margin-top: 0;
|
||||
}
|
||||
/* makes sure icons active on rollover in links */
|
||||
a [class^="icon-"],
|
||||
a [class*=" icon-"] {
|
||||
display: inline-block;
|
||||
|
|
@ -4732,27 +5202,36 @@ a [class*=" icon-"] {
|
|||
}
|
||||
/* makes the font 33% larger relative to the icon container */
|
||||
.icon-large:before {
|
||||
font-size: 1.25em;
|
||||
vertical-align: -15%;
|
||||
font-size: 1.3333333333333333em;
|
||||
}
|
||||
.btn [class^="icon-"],
|
||||
.nav-tabs [class^="icon-"],
|
||||
.nav [class^="icon-"],
|
||||
.btn [class*=" icon-"],
|
||||
.nav-tabs [class*=" icon-"] {
|
||||
.nav [class*=" icon-"] {
|
||||
/* keeps button heights with and without icons the same */
|
||||
|
||||
line-height: .9em;
|
||||
}
|
||||
.btn [class^="icon-"].icon-large,
|
||||
.nav [class^="icon-"].icon-large,
|
||||
.btn [class*=" icon-"].icon-large,
|
||||
.nav [class*=" icon-"].icon-large {
|
||||
line-height: .8em;
|
||||
}
|
||||
li [class^="icon-"],
|
||||
li [class*=" icon-"] {
|
||||
display: inline-block;
|
||||
width: 1.25em;
|
||||
text-align: center;
|
||||
}
|
||||
li .icon-large:before,
|
||||
li .icon-large:before {
|
||||
li [class^="icon-"].icon-large,
|
||||
li [class*=" icon-"].icon-large,
|
||||
li [class^="icon-"].icon-large,
|
||||
li [class*=" icon-"].icon-large {
|
||||
/* 1.5 increased font size for icon-large * 1.25 width */
|
||||
|
||||
width: 1.875em;
|
||||
width: 1.5625em;
|
||||
}
|
||||
ul.icons {
|
||||
list-style-type: none;
|
||||
|
|
@ -4761,7 +5240,7 @@ ul.icons {
|
|||
}
|
||||
ul.icons li [class^="icon-"],
|
||||
ul.icons li [class*=" icon-"] {
|
||||
width: .8em;
|
||||
width: 1.5em;
|
||||
}
|
||||
ul.icons li .icon-large:before,
|
||||
ul.icons li .icon-large:before {
|
||||
|
|
@ -4769,6 +5248,62 @@ ul.icons li .icon-large:before {
|
|||
|
||||
vertical-align: initial;
|
||||
}
|
||||
/* Convenience functions */
|
||||
.icon-border {
|
||||
border: solid 1px #eeeeee;
|
||||
padding: .2em .35em .1em;
|
||||
-webkit-border-radius: 3px;
|
||||
-moz-border-radius: 3px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.icon-2x {
|
||||
font-size: 2em;
|
||||
}
|
||||
.icon-2x.icon-border {
|
||||
border-width: 2px;
|
||||
-webkit-border-radius: 4px;
|
||||
-moz-border-radius: 4px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
.icon-3x {
|
||||
font-size: 3em;
|
||||
}
|
||||
.icon-3x.icon-border {
|
||||
border-width: 3px;
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
.icon-4x {
|
||||
font-size: 4em;
|
||||
}
|
||||
.icon-4x.icon-border {
|
||||
border-width: 4px;
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
}
|
||||
.icon-2x,
|
||||
.icon-3x,
|
||||
.icon-4x {
|
||||
line-height: 1em;
|
||||
}
|
||||
[class^="icon-"].pull-left,
|
||||
[class*=" icon-"].pull-left {
|
||||
margin-right: .35em;
|
||||
}
|
||||
[class^="icon-"].pull-left.icon-4x,
|
||||
[class*=" icon-"].pull-left.icon-4x {
|
||||
margin-right: .25em;
|
||||
}
|
||||
[class^="icon-"].pull-right,
|
||||
[class*=" icon-"].pull-right {
|
||||
margin-left: .35em;
|
||||
}
|
||||
[class^="icon-"].pull-right.icon-4x,
|
||||
[class*=" icon-"].pull-right.icon-4x {
|
||||
margin-left: .25em;
|
||||
}
|
||||
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
|
||||
readers do not read off random characters that represent icons */
|
||||
.icon-glass:before {
|
||||
|
|
@ -5414,7 +5949,7 @@ ul.icons li .icon-large:before {
|
|||
.icon-user-md:before {
|
||||
content: "\f200";
|
||||
}
|
||||
.icon-stethescope:before {
|
||||
.icon-stethoscope:before {
|
||||
content: "\f201";
|
||||
}
|
||||
.icon-briefcase:before {
|
||||
|
|
@ -5442,15 +5977,27 @@ ul.icons li .icon-large:before {
|
|||
content: "\f209";
|
||||
}
|
||||
.icon-medkit:before {
|
||||
content: "\f210";
|
||||
content: "\f20a";
|
||||
}
|
||||
.icon-fighter-jet:before {
|
||||
content: "\f211";
|
||||
content: "\f20b";
|
||||
}
|
||||
.icon-beer:before {
|
||||
content: "\f20c";
|
||||
}
|
||||
.text-align-right {
|
||||
text-align: right;
|
||||
}
|
||||
.text-align-center {
|
||||
text-align: center;
|
||||
}
|
||||
.navbar .brand {
|
||||
color: #ffffff;
|
||||
font-family: museo-slab, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
}
|
||||
.navbar .brand .icon-flag {
|
||||
padding-right: 3px;
|
||||
}
|
||||
.navbar .nav > li > a {
|
||||
padding: 12px 10px 9px;
|
||||
}
|
||||
|
|
@ -5463,91 +6010,74 @@ h6 {
|
|||
font-family: museo-slab, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
}
|
||||
#iconCarousel {
|
||||
float: right;
|
||||
width: 297px;
|
||||
height: 275px;
|
||||
margin-right: 10px;
|
||||
font-size: 275px;
|
||||
font-size: 280px;
|
||||
text-align: center;
|
||||
line-height: 285px;
|
||||
text-shadow: 2px 2px 3px #222222;
|
||||
}
|
||||
#iconCarousel a {
|
||||
color: #ffffff;
|
||||
}
|
||||
#iconCarousel .carousel-control {
|
||||
top: 308px;
|
||||
top: 313px;
|
||||
width: 23px;
|
||||
height: 23px;
|
||||
border-width: 3px;
|
||||
font-size: 17px;
|
||||
line-height: 22px;
|
||||
left: 114.5px;
|
||||
line-height: 25px;
|
||||
left: 117px;
|
||||
}
|
||||
#iconCarousel .carousel-control.right {
|
||||
left: auto;
|
||||
right: 114.5px;
|
||||
right: 117px;
|
||||
}
|
||||
.hero-unit {
|
||||
margin-bottom: 20px;
|
||||
padding-top: 80px;
|
||||
-webkit-border-radius: 0;
|
||||
-moz-border-radius: 0;
|
||||
border-radius: 0;
|
||||
#fort-awesome .alert {
|
||||
padding: 30px;
|
||||
}
|
||||
.jumbotron {
|
||||
padding: 90px 0 48px;
|
||||
background-color: #9d261d;
|
||||
text-shadow: 2px 2px 2px #333333;
|
||||
}
|
||||
.hero-unit,
|
||||
.hero-unit h1 {
|
||||
.jumbotron,
|
||||
.jumbotron h1 {
|
||||
color: #ffffff;
|
||||
}
|
||||
.hero-unit h1 {
|
||||
font-size: 75px;
|
||||
.jumbotron h1 {
|
||||
font-size: 80px;
|
||||
letter-spacing: -2px;
|
||||
line-height: 1.2;
|
||||
}
|
||||
.hero-unit p {
|
||||
margin-top: 15px;
|
||||
margin-bottom: 20px;
|
||||
font-size: 40px;
|
||||
line-height: 1.2;
|
||||
.jumbotron p {
|
||||
margin-top: 10px;
|
||||
margin-bottom: 30px;
|
||||
font-size: 30px;
|
||||
line-height: 1.3;
|
||||
}
|
||||
.hero-unit ul {
|
||||
.jumbotron ul {
|
||||
margin-left: 50px;
|
||||
}
|
||||
.hero-unit ul li {
|
||||
.jumbotron ul li {
|
||||
font-size: 15px;
|
||||
line-height: 30px;
|
||||
text-shadow: 1px 1px 1px #333333;
|
||||
}
|
||||
.hero-unit ul li.icon-large:before {
|
||||
.jumbotron ul li.icon-large:before {
|
||||
text-indent: -2em;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
.hero-unit .btn-large {
|
||||
.jumbotron .btn-large {
|
||||
font-family: museo-slab, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
margin-top: 15px;
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
padding: 13px 22px;
|
||||
padding-left: 64px;
|
||||
margin-right: 10px;
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
border-radius: 6px;
|
||||
position: relative;
|
||||
-webkit-border-radius: 8px;
|
||||
-moz-border-radius: 8px;
|
||||
border-radius: 8px;
|
||||
text-align: left;
|
||||
}
|
||||
.hero-unit .btn-large i {
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
left: 15px;
|
||||
font-size: 46px;
|
||||
}
|
||||
.hero-unit .btn-large.btn-github {
|
||||
padding-left: 66px;
|
||||
}
|
||||
.hero-unit .hero-content {
|
||||
width: 650px;
|
||||
.jumbotron .hero-content {
|
||||
text-align: center;
|
||||
}
|
||||
.btn-primary {
|
||||
|
|
@ -5558,49 +6088,24 @@ h6 {
|
|||
text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.25);
|
||||
color: #333333;
|
||||
}
|
||||
section {
|
||||
padding-top: 40px;
|
||||
}
|
||||
#social-buttons {
|
||||
margin-bottom: 30px;
|
||||
padding: 22px 0;
|
||||
text-align: center;
|
||||
background-color: #f5f5f5;
|
||||
border-top: 1px solid #fff;
|
||||
border-bottom: 1px solid #ddd;
|
||||
}
|
||||
#social-buttons .btn {
|
||||
font-family: museo-slab, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
font-weight: bold;
|
||||
font-size: 14px;
|
||||
padding: 4px 10px 1px;
|
||||
line-height: 20px;
|
||||
padding: 0px 5px;
|
||||
line-height: 17px;
|
||||
}
|
||||
#social-buttons .count.btn {
|
||||
font-family: proxima-nova, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
background: #ffffff;
|
||||
font-weight: normal;
|
||||
color: #ffffff;
|
||||
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
||||
background-color: #ffffff;
|
||||
background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
|
||||
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#ffffff));
|
||||
background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
|
||||
background-image: -o-linear-gradient(top, #ffffff, #ffffff);
|
||||
background-image: linear-gradient(to bottom, #ffffff, #ffffff);
|
||||
background-repeat: repeat-x;
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffffffff', GradientType=0);
|
||||
border-color: #ffffff #ffffff #d9d9d9;
|
||||
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
||||
*background-color: #ffffff;
|
||||
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
|
||||
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
|
||||
}
|
||||
#social-buttons .count.btn:hover,
|
||||
#social-buttons .count.btn:active,
|
||||
#social-buttons .count.btn.active,
|
||||
#social-buttons .count.btn.disabled,
|
||||
#social-buttons .count.btn[disabled] {
|
||||
color: #ffffff;
|
||||
background-color: #ffffff;
|
||||
*background-color: #f2f2f2;
|
||||
}
|
||||
#social-buttons .count.btn:active,
|
||||
#social-buttons .count.btn.active {
|
||||
background-color: #e6e6e6 \9;
|
||||
}
|
||||
#social-buttons .watch,
|
||||
#social-buttons .fork {
|
||||
|
|
@ -5608,7 +6113,7 @@ h6 {
|
|||
}
|
||||
.the-icons {
|
||||
list-style-type: none;
|
||||
margin-left: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.the-icons li {
|
||||
cursor: pointer;
|
||||
|
|
@ -5637,17 +6142,12 @@ h6 {
|
|||
font-size: 28px;
|
||||
vertical-align: -5px;
|
||||
}
|
||||
#all-icons h3,
|
||||
#new-icons h3 {
|
||||
margin-top: 10px;
|
||||
}
|
||||
#why .row {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
#why .icon-large {
|
||||
font-size: 22px;
|
||||
text-align: center;
|
||||
padding-right: 4px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
#examples .btn-toolbar {
|
||||
margin-top: 0;
|
||||
|
|
@ -5716,8 +6216,8 @@ h6 {
|
|||
width: 330px;
|
||||
}
|
||||
.modal .modal-body .icon6 > div.thumbnail > div {
|
||||
line-height: 280px;
|
||||
height: 280px;
|
||||
line-height: 308px;
|
||||
height: 294px;
|
||||
text-align: center;
|
||||
}
|
||||
.modal .modal-body .icon6 > div.thumbnail > div i {
|
||||
|
|
@ -5727,8 +6227,8 @@ h6 {
|
|||
width: 180px;
|
||||
}
|
||||
.modal .modal-body .icon5 > div.thumbnail > div {
|
||||
line-height: 140px;
|
||||
height: 140px;
|
||||
line-height: 154px;
|
||||
height: 147px;
|
||||
text-align: center;
|
||||
}
|
||||
.modal .modal-body .icon5 > div.thumbnail > div i {
|
||||
|
|
@ -5738,8 +6238,8 @@ h6 {
|
|||
width: 215px;
|
||||
}
|
||||
.modal .modal-body .icon4 > div.thumbnail > div {
|
||||
line-height: 112px;
|
||||
height: 112px;
|
||||
line-height: 123.20000000000002px;
|
||||
height: 117.60000000000001px;
|
||||
text-align: center;
|
||||
}
|
||||
.modal .modal-body .icon4 > div.thumbnail > div i {
|
||||
|
|
@ -5749,8 +6249,8 @@ h6 {
|
|||
width: 120px;
|
||||
}
|
||||
.modal .modal-body .icon3 > div.thumbnail > div {
|
||||
line-height: 56px;
|
||||
height: 56px;
|
||||
line-height: 61.60000000000001px;
|
||||
height: 58.800000000000004px;
|
||||
text-align: center;
|
||||
}
|
||||
.modal .modal-body .icon3 > div.thumbnail > div i {
|
||||
|
|
@ -5760,8 +6260,8 @@ h6 {
|
|||
width: 75px;
|
||||
}
|
||||
.modal .modal-body .icon2 > div.thumbnail > div {
|
||||
line-height: 28px;
|
||||
height: 28px;
|
||||
line-height: 30.800000000000004px;
|
||||
height: 29.400000000000002px;
|
||||
text-align: center;
|
||||
}
|
||||
.modal .modal-body .icon2 > div.thumbnail > div i {
|
||||
|
|
@ -5771,8 +6271,8 @@ h6 {
|
|||
width: 60px;
|
||||
}
|
||||
.modal .modal-body .icon1 > div.thumbnail > div {
|
||||
line-height: 14px;
|
||||
height: 14px;
|
||||
line-height: 15.400000000000002px;
|
||||
height: 14.700000000000001px;
|
||||
text-align: center;
|
||||
}
|
||||
.modal .modal-body .icon1 > div.thumbnail > div i {
|
||||
|
|
|
|||
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
docs/assets/font/proximanova-sbold-webfont.eot
Executable file
BIN
docs/assets/font/proximanova-sbold-webfont.eot
Executable file
Binary file not shown.
BIN
docs/assets/font/proximanova-sbold-webfont.ttf
Executable file
BIN
docs/assets/font/proximanova-sbold-webfont.ttf
Executable file
Binary file not shown.
BIN
docs/assets/img/fort_awesome.jpg
Normal file
BIN
docs/assets/img/fort_awesome.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 112 KiB |
BIN
docs/assets/img/glyphicons-halflings-white.png
Normal file
BIN
docs/assets/img/glyphicons-halflings-white.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.6 KiB |
BIN
docs/assets/img/glyphicons-halflings.png
Normal file
BIN
docs/assets/img/glyphicons-halflings.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
BIN
docs/assets/img/grain-tm400.png
Normal file
BIN
docs/assets/img/grain-tm400.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.5 KiB |
6
docs/assets/js/bootstrap-222.min.js
vendored
Normal file
6
docs/assets/js/bootstrap-222.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
|
|
@ -1,21 +1,36 @@
|
|||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
font-family: FontAwesome;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.btn.dropdown-toggle [class^="icon-"], .btn.dropdown-toggle [class*=" icon-"] {
|
||||
/* keeps button heights with and without icons the same */
|
||||
line-height: 1.4em;
|
||||
font-family:FontAwesome;
|
||||
font-style:normal;
|
||||
font-weight:normal;
|
||||
padding-right:.3em;
|
||||
text-decoration: inherit;
|
||||
}
|
||||
|
||||
.icon-large {
|
||||
font-size: 1.3333em;
|
||||
font-size: 4/3em;
|
||||
margin-top: -4px;
|
||||
padding-top: 3px;
|
||||
margin-bottom: -4px;
|
||||
padding-bottom: 3px;
|
||||
vertical-align: -10%;
|
||||
}
|
||||
|
||||
.btn, .nav {
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
margin-top: -4px;
|
||||
padding-top: 3px;
|
||||
margin-bottom: -4px;
|
||||
padding-bottom: 3px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
.ie7icon(@inner) {
|
||||
*zoom: ~"expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '@{inner} ')";
|
||||
*zoom: ~"expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '@{inner}')";
|
||||
}
|
||||
|
||||
.icon-glass { .ie7icon(''); }
|
||||
|
|
@ -241,5 +256,21 @@
|
|||
.icon-sitemap { .ie7icon(''); }
|
||||
.icon-umbrella { .ie7icon(''); }
|
||||
.icon-paste { .ie7icon(''); }
|
||||
.icon-lightbulb { .ie7icon(''); }
|
||||
.icon-exchange { .ie7icon(''); }
|
||||
.icon-cloud-download { .ie7icon(''); }
|
||||
.icon-cloud-upload { .ie7icon(''); }
|
||||
|
||||
.icon-user-md { .ie7icon(''); }
|
||||
.icon-stethoscope { .ie7icon(''); }
|
||||
.icon-briefcase { .ie7icon(''); }
|
||||
.icon-bell-alt { .ie7icon(''); }
|
||||
.icon-coffee { .ie7icon(''); }
|
||||
.icon-food { .ie7icon(''); }
|
||||
.icon-file-alt { .ie7icon(''); }
|
||||
.icon-building { .ie7icon(''); }
|
||||
.icon-hospital { .ie7icon(''); }
|
||||
.icon-ambulance { .ie7icon(''); }
|
||||
.icon-medkit { .ie7icon(''); }
|
||||
.icon-fighter-jet { .ie7icon(''); }
|
||||
.icon-beer { .ie7icon(''); }
|
||||
|
|
|
|||
116
docs/assets/less/font-awesome.less
vendored
116
docs/assets/less/font-awesome.less
vendored
|
|
@ -22,16 +22,19 @@
|
|||
|
||||
*/
|
||||
|
||||
@FontAwesomePath: "../font";
|
||||
|
||||
@font-face {
|
||||
font-family: 'FontAwesome';
|
||||
src: url('../font/fontawesome-webfont.eot');
|
||||
// src: url('../font/fontawesome-webfont.eot');
|
||||
// src: url('../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
|
||||
// url('../font/fontawesome-webfont.woff') format('woff'),
|
||||
src: url('@{FontAwesomePath}/fontawesome-webfont.eot');
|
||||
src: url('@{FontAwesomePath}/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
|
||||
url('@{FontAwesomePath}/fontawesome-webfont.woff') format('woff'),
|
||||
url('@{FontAwesomePath}/fontawesome-webfont.ttf') format('truetype');
|
||||
|
||||
// url('../font/fontawesome-webfont.ttf') format('truetype'),
|
||||
// url('../font/fontawesome-webfont.svg#FontAwesome') format('svg');
|
||||
|
||||
src: url('../font/FontAwesome.otf') format('opentype');
|
||||
// src: url('../font/FontAwesome.otf') format('opentype');
|
||||
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
|
|
@ -44,10 +47,25 @@
|
|||
font-family: FontAwesome;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
display: inline-block;
|
||||
// display: inline-block;
|
||||
text-decoration: inherit;
|
||||
}
|
||||
|
||||
/* sprites.less reset */
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
// display: inline;
|
||||
width: auto;
|
||||
height: auto;
|
||||
line-height: normal;
|
||||
vertical-align: baseline;
|
||||
background-image: none !important;
|
||||
background-position: 0% 0%;
|
||||
background-repeat: repeat;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
/* makes sure icons active on rollover in links */
|
||||
a [class^="icon-"],
|
||||
a [class*=" icon-"] {
|
||||
display: inline-block;
|
||||
|
|
@ -56,15 +74,18 @@ a [class*=" icon-"] {
|
|||
|
||||
/* makes the font 33% larger relative to the icon container */
|
||||
.icon-large:before {
|
||||
// vertical-align: middle;
|
||||
font-size: 1.25em;
|
||||
vertical-align: -15%;
|
||||
font-size: 4/3em;
|
||||
}
|
||||
|
||||
.btn, .nav-tabs {
|
||||
.btn, .nav {
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
/* keeps button heights with and without icons the same */
|
||||
line-height: .9em;
|
||||
&.icon-large {
|
||||
line-height: .8em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -74,11 +95,11 @@ li {
|
|||
display: inline-block;
|
||||
width: 1.25em;
|
||||
text-align: center;
|
||||
}
|
||||
.icon-large:before,
|
||||
.icon-large:before {
|
||||
&.icon-large,
|
||||
&.icon-large {
|
||||
/* 1.5 increased font size for icon-large * 1.25 width */
|
||||
width: 1.5*1.25em;
|
||||
width: 1.25*1.25em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -90,7 +111,7 @@ ul.icons {
|
|||
li {
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
width: .8em;
|
||||
width: 1.5em;
|
||||
}
|
||||
.icon-large:before,
|
||||
.icon-large:before {
|
||||
|
|
@ -101,6 +122,65 @@ ul.icons {
|
|||
}
|
||||
}
|
||||
|
||||
/* Convenience functions */
|
||||
// Icon Borders
|
||||
// -------------------------
|
||||
|
||||
.icon-border {
|
||||
border: solid 1px @grayLighter;
|
||||
padding: .2em .35em .1em;
|
||||
.border-radius(3px);
|
||||
}
|
||||
|
||||
|
||||
// Icon Sizes
|
||||
// -------------------------
|
||||
|
||||
.icon-2x {
|
||||
font-size: 2em;
|
||||
&.icon-border {
|
||||
border-width: 2px;
|
||||
.border-radius(4px);
|
||||
}
|
||||
}
|
||||
.icon-3x {
|
||||
font-size: 3em;
|
||||
&.icon-border {
|
||||
border-width: 3px;
|
||||
.border-radius(5px);
|
||||
}
|
||||
}
|
||||
.icon-4x {
|
||||
font-size: 4em;
|
||||
&.icon-border {
|
||||
border-width: 4px;
|
||||
.border-radius(6px);
|
||||
}
|
||||
}
|
||||
|
||||
.icon-2x,
|
||||
.icon-3x,
|
||||
.icon-4x {
|
||||
line-height: 1em;
|
||||
}
|
||||
|
||||
|
||||
// Icon Floats
|
||||
// -------------------------
|
||||
|
||||
[class^="icon-"],
|
||||
[class*=" icon-"] {
|
||||
&.pull-left {
|
||||
margin-right: .35em;
|
||||
&.icon-4x { margin-right: .25em; }
|
||||
}
|
||||
&.pull-right {
|
||||
margin-left: .35em;
|
||||
&.icon-4x { margin-left: .25em; }
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
|
||||
readers do not read off random characters that represent icons */
|
||||
.icon-glass:before { content: "\f000"; }
|
||||
|
|
@ -333,7 +413,7 @@ ul.icons {
|
|||
.icon-cloud-upload:before { content: "\f0ee"; }
|
||||
|
||||
.icon-user-md:before { content: "\f200"; }
|
||||
.icon-stethescope:before { content: "\f201"; }
|
||||
.icon-stethoscope:before { content: "\f201"; }
|
||||
.icon-briefcase:before { content: "\f202"; }
|
||||
.icon-bell-alt:before { content: "\f203"; }
|
||||
.icon-coffee:before { content: "\f204"; }
|
||||
|
|
@ -342,9 +422,9 @@ ul.icons {
|
|||
.icon-building:before { content: "\f207"; }
|
||||
.icon-hospital:before { content: "\f208"; }
|
||||
.icon-ambulance:before { content: "\f209"; }
|
||||
.icon-medkit:before { content: "\f210"; }
|
||||
.icon-fighter-jet:before { content: "\f211"; }
|
||||
//.icon-user-md:before { content: "\f212"; }
|
||||
.icon-medkit:before { content: "\f20a"; }
|
||||
.icon-fighter-jet:before { content: "\f20b"; }
|
||||
.icon-beer:before { content: "\f20c"; }
|
||||
//.icon-user-md:before { content: "\f213"; }
|
||||
//.icon-user-md:before { content: "\f214"; }
|
||||
//.icon-user-md:before { content: "\f215"; }
|
||||
|
|
|
|||
|
|
@ -24,3 +24,12 @@
|
|||
font-weight: normal;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'proxima-nova';
|
||||
src: url('../font/proximanova-sbold-webfont.eot');
|
||||
src: url('../font/proximanova-sbold-webfont.eot?#iefix') format('embedded-opentype'),
|
||||
url('../font/proximanova-sbold-webfont.ttf') format('truetype');
|
||||
font-weight: bold;
|
||||
font-style: normal;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@
|
|||
|
||||
.icon-size (@size: 12px, @width-multiplier: .9, @height-multiplier: 1) {
|
||||
i { font-size: @size; }
|
||||
line-height: @size;
|
||||
height: @size * @height-multiplier;
|
||||
line-height: @size * 1.1;
|
||||
height: @size * @height-multiplier * 1.05;
|
||||
text-align: center;
|
||||
}
|
||||
|
|
@ -5,6 +5,9 @@
|
|||
@import "font-site.less";
|
||||
@import "font-awesome.less";
|
||||
|
||||
.text-align-right { text-align: right; }
|
||||
.text-align-center { text-align: center; }
|
||||
|
||||
// These accomodate navbar-fixed-top
|
||||
//#overview { padding-top: 60px; }
|
||||
//#new-icons, #all-icons, #examples, #integration, #code, #roadmap {
|
||||
|
|
@ -14,6 +17,7 @@
|
|||
// padding: 11px 20px 9px;
|
||||
color: @white;
|
||||
font-family: @serifFontFamily;
|
||||
.icon-flag { padding-right: 3px; }
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -25,22 +29,18 @@ h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; }
|
|||
|
||||
#iconCarousel {
|
||||
a { color: @white; }
|
||||
@size: 275px;
|
||||
float: right;
|
||||
width: @size * 1.08;
|
||||
height: @size;
|
||||
// border: solid 1px white;
|
||||
margin-right: 10px;
|
||||
// margin-top: -20px;
|
||||
// border: solid 1px @white;
|
||||
@size: 280px;
|
||||
font-size: @size;
|
||||
text-align: center;
|
||||
line-height: @size + 5;
|
||||
text-shadow: 2px 2px 3px @grayDarker;
|
||||
.carousel-control {
|
||||
top: @size + 33;
|
||||
top: @size + 33px;
|
||||
.square(23px);
|
||||
border-width: 3px;
|
||||
font-size: 17px;
|
||||
line-height: 22px;
|
||||
line-height: 25px;
|
||||
left: @size / 2 - 23;
|
||||
&.right {
|
||||
left: auto;
|
||||
|
|
@ -49,6 +49,10 @@ h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; }
|
|||
}
|
||||
}
|
||||
|
||||
#fort-awesome .alert {
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
//a[href^='http://'] {
|
||||
// &:after {
|
||||
// font-family: FontAwesome;
|
||||
|
|
@ -59,23 +63,36 @@ h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; }
|
|||
// }
|
||||
//}
|
||||
|
||||
.hero-unit {
|
||||
margin-bottom: 20px;
|
||||
padding-top: 80px;
|
||||
.border-radius(0);
|
||||
.jumbotron {
|
||||
// margin-bottom: 0;
|
||||
padding: 90px 0 48px;
|
||||
// .border-radius(0);
|
||||
// #gradient > .radial( lighten(@red, 10%), @red);
|
||||
background-color: @red;
|
||||
&, h1 { color: @white; }
|
||||
|
||||
// &:after {
|
||||
// content:'';
|
||||
// display:block;
|
||||
// position:absolute;
|
||||
// top:0;
|
||||
// right:0;
|
||||
// bottom:0;
|
||||
// left:0;
|
||||
// background:url(../img/grain-tm400.png);
|
||||
// opacity:.5;
|
||||
// }
|
||||
|
||||
h1 {
|
||||
font-size: 75px;
|
||||
font-size: 80px;
|
||||
letter-spacing: -2px;
|
||||
line-height: 1.2;
|
||||
}
|
||||
p {
|
||||
margin-top: 15px;
|
||||
margin-bottom: 20px;
|
||||
font-size: 40px;
|
||||
line-height: 1.2;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 30px;
|
||||
font-size: 30px;
|
||||
line-height: 1.3;
|
||||
}
|
||||
text-shadow: 2px 2px 2px @grayDark;
|
||||
ul {
|
||||
|
|
@ -92,31 +109,30 @@ h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; }
|
|||
}
|
||||
// a { color: #fffeb8; }
|
||||
.btn-large {
|
||||
// .buttonBackground(@white, #bbb);
|
||||
//// .buttonBackground(@white, #bbb);
|
||||
font-family: @serifFontFamily;
|
||||
// color: @grayDark;
|
||||
margin-top: 15px;
|
||||
//// color: @grayDark;
|
||||
// margin-top: 15px;
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
padding: 13px 22px;
|
||||
padding-left: 24px + 40;
|
||||
// padding-left: 24px + 40;
|
||||
margin-right: 10px;
|
||||
.border-radius(6px);
|
||||
position: relative;
|
||||
.border-radius(8px);
|
||||
// position: relative;
|
||||
text-align: left;
|
||||
i {
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
left: 15px;
|
||||
font-size: 46px;
|
||||
}
|
||||
&.btn-github {
|
||||
padding-left: 24px + 42;
|
||||
|
||||
}
|
||||
// i {
|
||||
// position: absolute;
|
||||
// top: 8px;
|
||||
// left: 15px;
|
||||
// font-size: 46px;
|
||||
// }
|
||||
// &.btn-github {
|
||||
// padding-left: 24px + 42;
|
||||
// }
|
||||
}
|
||||
.hero-content {
|
||||
width: 650px;
|
||||
// width: 620px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
|
@ -130,20 +146,26 @@ h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; }
|
|||
}
|
||||
}
|
||||
|
||||
section {
|
||||
padding-top: 40px;
|
||||
}
|
||||
|
||||
#social-buttons {
|
||||
margin-bottom: 30px;
|
||||
padding: 22px 0;
|
||||
text-align: center;
|
||||
background-color: #f5f5f5;
|
||||
border-top: 1px solid #fff;
|
||||
border-bottom: 1px solid #ddd;
|
||||
.btn {
|
||||
font-family: @serifFontFamily;
|
||||
font-weight: bold;
|
||||
font-size: @baseFontSize;
|
||||
padding: 4px 10px 1px;
|
||||
line-height: @baseLineHeight;
|
||||
// font-family: @serifFontFamily;
|
||||
font-weight: bold;
|
||||
// font-size: @baseFontSize;
|
||||
padding: 0px 5px;
|
||||
line-height: @baseLineHeight - 3;
|
||||
}
|
||||
.count.btn {
|
||||
font-family: @sansFontFamily;
|
||||
background: @white;
|
||||
font-weight: normal;
|
||||
.buttonBackground(@white, @white);
|
||||
}
|
||||
.watch, .fork {
|
||||
margin-right: 30px;
|
||||
|
|
@ -153,7 +175,7 @@ h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; }
|
|||
|
||||
.the-icons {
|
||||
list-style-type: none;
|
||||
margin-left: 0;
|
||||
margin: 0;
|
||||
li {
|
||||
cursor: pointer;
|
||||
line-height: 32px;
|
||||
|
|
@ -169,7 +191,10 @@ h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; }
|
|||
}
|
||||
&:hover {
|
||||
background-color: lighten(@errorBackground, 6%);
|
||||
[class^="icon-"], [class*=" icon-"] { *font-size: 28px; *vertical-align: middle; }
|
||||
[class^="icon-"], [class*=" icon-"] {
|
||||
*font-size: 28px;
|
||||
*vertical-align: middle;
|
||||
}
|
||||
|
||||
[class^="icon-"]:before,
|
||||
[class*=" icon-"]:before {
|
||||
|
|
@ -180,11 +205,6 @@ h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; }
|
|||
}
|
||||
}
|
||||
|
||||
#all-icons, #new-icons {
|
||||
h3 {
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
#why {
|
||||
.row {
|
||||
|
|
@ -192,8 +212,7 @@ h1, h2, h3, h4, h5, h6 { font-family: @serifFontFamily; }
|
|||
}
|
||||
.icon-large {
|
||||
font-size: 22px;
|
||||
text-align: center;
|
||||
padding-right: 4px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
2
docs/assets/less/twbs-222/bootstrap.less
vendored
2
docs/assets/less/twbs-222/bootstrap.less
vendored
|
|
@ -27,7 +27,7 @@
|
|||
@import "tables.less";
|
||||
|
||||
// Components: common
|
||||
//@import "sprites.less";
|
||||
@import "sprites.less";
|
||||
@import "dropdowns.less";
|
||||
@import "wells.less";
|
||||
@import "component-animations.less";
|
||||
|
|
|
|||
|
|
@ -29,6 +29,8 @@
|
|||
@pink: #c3325f;
|
||||
@purple: #7a43b6;
|
||||
|
||||
@redDark: darken(@red, 10%);
|
||||
|
||||
|
||||
// Scaffolding
|
||||
// -------------------------
|
||||
|
|
|
|||
325
docs/index.html
325
docs/index.html
|
|
@ -41,21 +41,33 @@
|
|||
</head>
|
||||
<body>
|
||||
|
||||
<!--for navigation-->
|
||||
<div id="overview"></div>
|
||||
|
||||
<div class="navbar navbar-inverse navbar-fixed-top">
|
||||
<div class="navbar-inner">
|
||||
<div class="container">
|
||||
<a class="brand" href="#"><i class="icon-flag"></i> Font Awesome</a>
|
||||
<ul class="nav">
|
||||
<li><a href="#overview">Overview</a></li>
|
||||
<li><a href="#new-icons">New Icons</a></li>
|
||||
<li><a href="#all-icons">All Icons</a></li>
|
||||
<li><a href="#whats-new">What's New</a></li>
|
||||
<li class="dropdown">
|
||||
<a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
|
||||
Icons
|
||||
<i class="icon-caret-down"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<li><a href="#icons-new">New Icons</a></li>
|
||||
<li class="divider"></li>
|
||||
<li class="nav-header">All Icons</li>
|
||||
<li><a href="#icons-web-app">Web Application</a></li>
|
||||
<li><a href="#icons-text-editor">Text Editor</a></li>
|
||||
<li><a href="#icons-directional">Directional</a></li>
|
||||
<li><a href="#icons-video-player">Video Player</a></li>
|
||||
<li><a href="#icons-social">Social</a></li>
|
||||
<li><a href="#icons-medical">Medical</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li><a href="#examples">Examples</a></li>
|
||||
<li><a href="#integration">Integration</a></li>
|
||||
<li><a href="#code">Code</a></li>
|
||||
<li><a href="#roadmap">Roadmap</a></li>
|
||||
<li><a href="#whats-next">What's Next</a></li>
|
||||
</ul>
|
||||
<ul class="nav pull-right">
|
||||
<li><a href="mailto:dave@davegandy.com"><i class="icon-envelope"></i> Me</a></li>
|
||||
|
|
@ -65,71 +77,82 @@
|
|||
</div>
|
||||
|
||||
|
||||
<div class="hero-unit">
|
||||
<div class="jumbotron">
|
||||
<div class="container">
|
||||
<div id="iconCarousel" class="carousel slide">
|
||||
<!-- Carousel items -->
|
||||
<div class="carousel-inner">
|
||||
<div class="active item"><div><i class="icon-flag"></i></div></div>
|
||||
<div class="item"><div><i class="icon-magic"></i></div></div>
|
||||
<div class="item"><div><i class="icon-beaker"></i></div></div>
|
||||
<div class="item"><div><i class="icon-briefcase"></i></div></div>
|
||||
<div class="item"><div><i class="icon-bullhorn"></i></div></div>
|
||||
<div class="item"><div><i class="icon-umbrella"></i></div></div>
|
||||
<div class="item"><div><i class="icon-star-empty"></i></div></div>
|
||||
<div class="item"><div><i class="icon-envelope"></i></div></div>
|
||||
<div class="item"><div><i class="icon-leaf"></i></div></div>
|
||||
<div class="item"><div><i class="icon-key"></i></div></div>
|
||||
<div class="item"><div><i class="icon-book"></i></div></div>
|
||||
<div class="item"><div><i class="icon-tint"></i></div></div>
|
||||
<div class="item"><div><i class="icon-edit"></i></div></div>
|
||||
<div class="item"><div><i class="icon-search"></i></div></div>
|
||||
<div class="item"><div><i class="icon-home"></i></div></div>
|
||||
<div class="item"><div><i class="icon-picture"></i></div></div>
|
||||
<div class="item"><div><i class="icon-headphones"></i></div></div>
|
||||
<div class="item"><div><i class="icon-heart-empty"></i></div></div>
|
||||
<div class="item"><div><i class="icon-thumbs-up"></i></div></div>
|
||||
<div class="item"><div><i class="icon-flag"></i></div></div>
|
||||
<div class="row">
|
||||
<div class="span8">
|
||||
<div class="hero-content">
|
||||
<h1>Font Awesome</h1>
|
||||
<p>The iconic font designed for<br>use with Twitter Bootstrap</p>
|
||||
<div class="actions">
|
||||
<a class="btn btn-primary btn-large" href="https://github.com/FortAwesome/Font-Awesome/zipball/master"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'Download on GitHub']);">
|
||||
<i class="icon-download icon-2x pull-left"></i>
|
||||
Download Font<br>Awesome 3.0</a>
|
||||
<a class="btn btn-large btn-github" href="https://github.com/FortAwesome/Font-Awesome" target="_blank"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'View Project on GitHub']);">
|
||||
<i class="icon-github icon-2x pull-left"></i>
|
||||
View Project<br>on GitHub</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Carousel nav -->
|
||||
<a class="carousel-control left" href="#iconCarousel" data-slide="prev"
|
||||
onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Prev']);">
|
||||
<i class="icon-arrow-left"></i></a>
|
||||
<a class="carousel-control right" href="#iconCarousel" data-slide="next"
|
||||
onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Next']);">
|
||||
<i class="icon-arrow-right"></i></a>
|
||||
</div>
|
||||
<div class="hero-content">
|
||||
<h1>Font Awesome</h1>
|
||||
<p>The iconic font designed for<br>use with Twitter Bootstrap</p>
|
||||
<div class="actions">
|
||||
<a class="btn btn-primary btn-large" href="https://github.com/FortAwesome/Font-Awesome/zipball/master"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'Download on GitHub']);">
|
||||
<i class="icon-download"></i>Download Font<br>Awesome v3.0</a>
|
||||
<a class="btn btn-large btn-github" href="https://github.com/FortAwesome/Font-Awesome" target="_blank"
|
||||
onClick="_gaq.push(['_trackEvent', 'Outbound Link', 'View Project on GitHub']);">
|
||||
<i class="icon-github-sign"></i>View Project<br>on GitHub</a>
|
||||
<div class="span4">
|
||||
<div id="iconCarousel" class="carousel slide">
|
||||
<!-- Carousel items -->
|
||||
<div class="carousel-inner">
|
||||
<div class="item"><div><i class="icon-flag"></i></div></div>
|
||||
<div class="item"><div><i class="icon-cloud-download"></i></div></div>
|
||||
<div class="item"><div><i class="icon-lightbulb"></i></div></div>
|
||||
<div class="item"><div><i class="icon-user-md"></i></div></div>
|
||||
<div class="active item"><div><i class="icon-group"></i></div></div>
|
||||
<div class="item"><div><i class="icon-ambulance"></i></div></div>
|
||||
<div class="item"><div><i class="icon-star-empty"></i></div></div>
|
||||
<div class="item"><div><i class="icon-envelope"></i></div></div>
|
||||
<div class="item"><div><i class="icon-coffee"></i></div></div>
|
||||
<div class="item"><div><i class="icon-medkit"></i></div></div>
|
||||
<div class="item"><div><i class="icon-book"></i></div></div>
|
||||
<div class="item"><div><i class="icon-fighter-jet"></i></div></div>
|
||||
<div class="item"><div><i class="icon-edit"></i></div></div>
|
||||
<div class="item"><div><i class="icon-search"></i></div></div>
|
||||
<div class="item"><div><i class="icon-beer"></i></div></div>
|
||||
<div class="item"><div><i class="icon-stethoscope"></i></div></div>
|
||||
<div class="item"><div><i class="icon-hospital"></i></div></div>
|
||||
<div class="item"><div><i class="icon-heart-empty"></i></div></div>
|
||||
<div class="item"><div><i class="icon-thumbs-up"></i></div></div>
|
||||
<div class="item"><div><i class="icon-flag"></i></div></div>
|
||||
</div>
|
||||
<!-- Carousel nav -->
|
||||
<a class="carousel-control left" href="#iconCarousel" data-slide="prev"
|
||||
onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Prev']);">
|
||||
<i class="icon-arrow-left"></i></a>
|
||||
<a class="carousel-control right" href="#iconCarousel" data-slide="next"
|
||||
onClick="_gaq.push(['_trackEvent', 'iconCarousel', 'Next']);">
|
||||
<i class="icon-arrow-right"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container">
|
||||
<section id="social-buttons">
|
||||
<span class="watch">
|
||||
<a class="btn" href="https://github.com/FortAwesome/Font-Awesome" target="_blank"><i class="icon-github"></i> Watch</a>
|
||||
<a id="watchers" class="count btn" href="https://github.com/FortAwesome/Font-Awesome">3900+</a>
|
||||
</span>
|
||||
<span class="fork">
|
||||
<a class="btn" href="https://github.com/FortAwesome/Font-Awesome" target="_blank"><i class="icon-github"></i> Fork</a>
|
||||
<a id="forks" class="count btn" href="#">200+</a>
|
||||
</span>
|
||||
<span class="follow">
|
||||
<a class="btn" href="http://twitter.com/fortaweso_me/" target="_blank"><i class="icon-twitter"></i> Follow @fortaweso_me</a>
|
||||
<span class="arrow-right"></span><span id="followers" class="count btn">1000+</span>
|
||||
</span>
|
||||
<div class="container">
|
||||
<span class="watch">
|
||||
<a class="btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome" target="_blank"><i class="icon-github icon-large"></i> Watch</a>
|
||||
<a id="watchers" class="count btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome">9000+</a>
|
||||
</span>
|
||||
<span class="fork">
|
||||
<a class="btn btn-mini" href="https://github.com/FortAwesome/Font-Awesome" target="_blank"><i class="icon-github icon-large"></i> Fork</a>
|
||||
<a id="forks" class="count btn btn-mini" href="#">800+</a>
|
||||
</span>
|
||||
<span class="follow">
|
||||
<a class="btn btn-mini" href="http://twitter.com/fortaweso_me/" target="_blank"><i class="icon-twitter icon-large"></i> Follow @fortaweso_me</a>
|
||||
<span id="followers" class="count btn btn-mini">2500+</span>
|
||||
</span>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="container">
|
||||
<section id="why">
|
||||
<div class="row">
|
||||
<div class="span4">
|
||||
|
|
@ -176,7 +199,7 @@
|
|||
</section>
|
||||
|
||||
<section id="whats-new">
|
||||
<h1>What's new in Font Awesome 3.0</h1>
|
||||
<h2 class="page-header">What's new in Font Awesome 3.0</h2>
|
||||
<div class="row">
|
||||
<div class="span4">
|
||||
<h4>LGPL Compliant</h4>
|
||||
|
|
@ -188,15 +211,14 @@
|
|||
</div>
|
||||
<div class="span4">
|
||||
<h4>Font Sub-setting</h4>
|
||||
Thanks to @someone, <a href="#">sub-setting</a> is now possible, so you get just the icons you need
|
||||
|
||||
Thanks to <a target="_blank" href="https://twitter.com/grantgordon">@grantgordon</a> and <a target="_blank" href="https://twitter.com/johnsmclay">@johnsmclay</a>, <a href="#">sub-setting</a> is now possible, so you get just the icons you need.
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="new-icons" class="row">
|
||||
<section id="icons-new" class="row">
|
||||
<div class="span12">
|
||||
<h1>New Icons in 3.0</h1>
|
||||
<h2 class="page-header">New Icons in 3.0</h2>
|
||||
<p>You asked, Font Awesome delivers with 70 shiny new icons in version 2.0. This giant set of new icons was requested on the Font Awesome GitHub project and includes icon parity with Bootstrap 2.0.3.</p>
|
||||
</div>
|
||||
|
||||
|
|
@ -206,10 +228,8 @@
|
|||
<li><i class="icon-exchange"></i> icon-exchange</li>
|
||||
<li><i class="icon-cloud-download"></i> icon-cloud-download</li>
|
||||
<li><i class="icon-cloud-upload"></i> icon-cloud-upload</li>
|
||||
|
||||
|
||||
<li><i class="icon-user-md"></i> icon-user-md</li>
|
||||
<li><i class="icon-stethescope"></i> icon-stethescope</li>
|
||||
<li><i class="icon-stethoscope"></i> icon-stethoscope</li>
|
||||
<li><i class="icon-briefcase"></i> icon-briefcase</li>
|
||||
<li><i class="icon-bell-alt"></i> icon-bell-alt</li>
|
||||
<li><i class="icon-coffee"></i> icon-coffee</li>
|
||||
|
|
@ -220,19 +240,15 @@
|
|||
<li><i class="icon-ambulance"></i> icon-ambulance</li>
|
||||
<li><i class="icon-medkit"></i> icon-medkit</li>
|
||||
<li><i class="icon-fighter-jet"></i> icon-figher-jet</li>
|
||||
<li><i class="icon-beer"></i> icon-beer</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
<section id="all-icons" class="row">
|
||||
<section id="icons-web-app" class="row">
|
||||
<div class="span12">
|
||||
<h1>All Icons by Category</h1>
|
||||
<!--<p>Inspired by the Glyphicon set that comes with <a href="http://twitter.github.com/bootstrap/" target="_blank">Twitter Bootstrap 2.0</a>, Font Awesome is designed from scratch for a full array of web-related actions.</p>-->
|
||||
</div>
|
||||
|
||||
<div class="span12">
|
||||
<h3>Web Application Icons</h3>
|
||||
<h2 class="page-header">Web Application Icons</h2>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<ul class="the-icons">
|
||||
|
|
@ -380,9 +396,11 @@
|
|||
<li><i class="icon-zoom-out"></i> icon-zoom-out</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="icons-text-editor" class="row">
|
||||
<div class="span12">
|
||||
<h3>Text Editor Icons</h3>
|
||||
<h2 class="page-header">Text Editor Icons</h2>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<ul class="the-icons">
|
||||
|
|
@ -431,9 +449,11 @@
|
|||
<li><i class="icon-list-alt"></i> icon-list-alt</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="icons-directional" class="row">
|
||||
<div class="span12">
|
||||
<h3>Directional Icons</h3>
|
||||
<h2 class="page-header">Directional Icons</h2>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<ul class="the-icons">
|
||||
|
|
@ -471,9 +491,11 @@
|
|||
<li><i class="icon-chevron-up"></i> icon-chevron-up</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="icons-video-player" class="row">
|
||||
<div class="span12">
|
||||
<h3>Video Player Icons</h3>
|
||||
<h2 class="page-header">Video Player Icons</h2>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<ul class="the-icons">
|
||||
|
|
@ -505,9 +527,11 @@
|
|||
<li><i class="icon-resize-small"></i> icon-resize-small</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="icons-social" class="row">
|
||||
<div class="span12">
|
||||
<h3>Social Icons</h3>
|
||||
<h2 class="page-header">Social Icons</h2>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<ul class="the-icons">
|
||||
|
|
@ -540,11 +564,39 @@
|
|||
<li><i class="icon-sign-blank"></i> icon-sign-blank</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="icons-medical" class="row">
|
||||
<div class="span12">
|
||||
<h2 class="page-header">Medical Icons <small>Join me at Kyruus</small></h2>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<ul class="the-icons">
|
||||
<li><i class="icon-ambulance"></i> icon-ambulance</li>
|
||||
<li><i class="icon-beaker"></i> icon-beaker</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<ul class="the-icons">
|
||||
<li><i class="icon-hospital"></i> icon-hospital</li>
|
||||
<li><i class="icon-medkit"></i> icon-medkit</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<ul class="the-icons">
|
||||
<li><i class="icon-stethoscope"></i> icon-stethoscope</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<ul class="the-icons">
|
||||
<li><i class="icon-user-md"></i> icon-user-md</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<section id="examples">
|
||||
<h1>Examples</h1>
|
||||
<h2 class="page-header">Examples</h2>
|
||||
<p>Many examples re-used from the Twitter Bootstrap documentation.</p>
|
||||
<div class="row">
|
||||
<div class="span4">
|
||||
|
|
@ -562,14 +614,14 @@
|
|||
</div>
|
||||
<div class="span4">
|
||||
<p>
|
||||
<a class="btn" href="#"><i class="icon-refresh"></i> Refresh</a>
|
||||
<a class="btn" href="#"><i class="icon-repeat"></i> Reload</a>
|
||||
<a class="btn btn-success" href="#"><i class="icon-shopping-cart icon-large"></i> Checkout</a>
|
||||
<a class="btn btn-danger" href="#"><i class="icon-trash icon-large"></i> Delete</a>
|
||||
</p>
|
||||
<p>
|
||||
<a class="btn btn-large btn-primary" href="#"><i class="icon-comment"></i> Comment</a>
|
||||
<a class="btn btn-small" href="#"><i class="icon-cog"></i> Settings</a>
|
||||
<a class="btn btn-small btn-info" href="#"><i class="icon-info-sign"></i> More Info</a>
|
||||
<a class="btn btn-small btn-info" href="#"><i class="icon-info-sign"></i> Info</a>
|
||||
</p>
|
||||
<div class="well" style="padding: 8px 0;">
|
||||
<ul class="nav nav-list">
|
||||
|
|
@ -628,11 +680,11 @@
|
|||
</section>
|
||||
|
||||
<section id="integration">
|
||||
<h1>Integration</h1>
|
||||
<h2 class="page-header">Integration</h2>
|
||||
<p>It's easy to integrate Font Awesome into Twitter Bootstrap, or even use it on its own.</p>
|
||||
<div class="row">
|
||||
<div class="span3">
|
||||
<h3>Bootstrap using LESS</h3>
|
||||
<h4>Bootstrap using LESS</h4>
|
||||
<p>Use this method if integrating with Twitter Bootstrap using LESS</p>
|
||||
</div>
|
||||
<div class="span9">
|
||||
|
|
@ -662,12 +714,12 @@
|
|||
</div>
|
||||
<div class="row">
|
||||
<div class="span3">
|
||||
<h3>Bootstrap using CSS</h3>
|
||||
<h4>Bootstrap using CSS</h4>
|
||||
<p>Use this method if integrating with Twitter Bootstrap using CSS.</p>
|
||||
</div>
|
||||
<div class="span9">
|
||||
<ol>
|
||||
<li>Customize Twitter Bootstrap <a href="http://twitter.github.com/bootstrap/download.html" target="_blank">here</a>. Make sure to uncheck the default "Icons" under "Base CSS."</li>
|
||||
<li>Customize Twitter Bootstrap <a href="http://twitter.github.com/bootstrap/customize.html" target="_blank">here</a>. Make sure to uncheck the default "Icons" under "Base CSS."</li>
|
||||
<li>Copy the Font Awesome font directory into your project.</li>
|
||||
<li>Copy font-awesome.css into your project.</li>
|
||||
<li>Open your project's font-awesome.css and edit the font url to ensure it points to the right place (see above example).</li>
|
||||
|
|
@ -684,7 +736,7 @@
|
|||
</div>
|
||||
<div class="row">
|
||||
<div class="span3">
|
||||
<h3>Not using Bootstrap?</h3>
|
||||
<h4>Not using Bootstrap?</h4>
|
||||
<p>Font Awesome works just as well without Twitter Bootstrap.</p>
|
||||
</div>
|
||||
<div class="span9">
|
||||
|
|
@ -699,32 +751,32 @@
|
|||
</section>
|
||||
|
||||
<section id="code">
|
||||
<h1>Code</h1>
|
||||
<h2 class="page-header">Code</h2>
|
||||
<div class="row">
|
||||
<div class="span3">
|
||||
<h3>Inline Icon</h3>
|
||||
<h4>Inline Icon</h4>
|
||||
<p>Place Font Awesome icons just about anywhere with the <code><i></code> tag.</p>
|
||||
</div>
|
||||
<div class="span9">
|
||||
<div class="well">
|
||||
<div style="font-size: 24px;">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="icon-camera-retro"></i> icon-camera-retro
|
||||
</div>
|
||||
</div>
|
||||
<pre class="prettyprint linenums">
|
||||
<div style="font-size: 24px;">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="icon-camera-retro"></i> icon-camera-retro
|
||||
</div>
|
||||
</pre>
|
||||
<div class="alert alert-info"><i class="icon-info-sign"></i> Icon classes are echoed via CSS :before.</div>
|
||||
<p>Increase the icon size by using the <code>icon-large</code> class. This increases the size by 33% relative to the font-size of the container.</p>
|
||||
<div class="well">
|
||||
<div style="font-size: 24px;">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="icon-camera-retro icon-large"></i> icon-camera-retro
|
||||
</div>
|
||||
</div>
|
||||
<pre class="prettyprint linenums">
|
||||
<div style="font-size: 24px;">
|
||||
<div style="font-size: 24px; line-height: 1.5em;">
|
||||
<i class="icon-camera-retro icon-large"></i> icon-camera-retro
|
||||
</div>
|
||||
</pre>
|
||||
|
|
@ -732,49 +784,47 @@
|
|||
</div>
|
||||
<div class="row">
|
||||
<div class="span3">
|
||||
<h3>Buttons</h3>
|
||||
<p>
|
||||
<h4>Buttons</h4>
|
||||
<p>
|
||||
<a class="btn" href="#">
|
||||
<i class="icon-refresh"></i> Refresh</a>
|
||||
<i class="icon-repeat"></i> Reload</a>
|
||||
<a class="btn btn-success" href="#">
|
||||
<i class="icon-shopping-cart icon-large"></i> Checkout</a>
|
||||
</p>
|
||||
<p>
|
||||
<a class="btn btn-large btn-primary" href="#">
|
||||
<i class="icon-comment"></i> Comment</a>
|
||||
<a class="btn btn-danger" href="#">
|
||||
<i class="icon-trash icon-large"></i> Delete</a>
|
||||
<a class="btn btn-small btn-info" href="#">
|
||||
<i class="icon-info-sign"></i> Info</a>
|
||||
</p>
|
||||
<p>
|
||||
<a class="btn btn-danger" href="#">
|
||||
<i class="icon-trash icon-large"></i> Delete</a>
|
||||
<a class="btn btn-small" href="#">
|
||||
<i class="icon-cog"></i> Settings</a>
|
||||
<a class="btn btn-small btn-info" href="#">
|
||||
<i class="icon-info-sign"></i> More Info</a>
|
||||
</p>
|
||||
</p>
|
||||
</div>
|
||||
<div class="span9">
|
||||
<p>Font Awesome icons work great in buttons.</p>
|
||||
<pre class="prettyprint linenums">
|
||||
<a class="btn" href="#">
|
||||
<i class="icon-refresh"></i> Refresh</a>
|
||||
<i class="icon-repeat"></i> Reload</a>
|
||||
<a class="btn btn-success" href="#">
|
||||
<i class="icon-shopping-cart icon-large"></i> Checkout</a>
|
||||
<a class="btn btn-large btn-primary" href="#">
|
||||
<i class="icon-comment"></i> Comment</a>
|
||||
<a class="btn btn-small btn-info" href="#">
|
||||
<i class="icon-info-sign"></i> Info</a>
|
||||
<a class="btn btn-danger" href="#">
|
||||
<i class="icon-trash icon-large"></i> Delete</a>
|
||||
<a class="btn btn-small" href="#">
|
||||
<i class="icon-cog"></i> Settings</a>
|
||||
<a class="btn btn-small btn-info" href="#">
|
||||
<i class="icon-info-sign"></i> More Info</a>
|
||||
</pre>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="span3">
|
||||
<h3>Button groups</h3>
|
||||
<h4>Button groups</h4>
|
||||
<p>
|
||||
<div class="btn-group">
|
||||
<a class="btn" href="#"><i class="icon-align-left"></i></a>
|
||||
|
|
@ -797,7 +847,7 @@
|
|||
</div>
|
||||
<div class="row">
|
||||
<div class="span3">
|
||||
<h3>Button dropdowns</h3>
|
||||
<h4>Button dropdowns</h4>
|
||||
<p>
|
||||
<div class="btn-group">
|
||||
<a class="btn btn-primary" href="#"><i class="icon-user"></i> User</a>
|
||||
|
|
@ -832,7 +882,7 @@
|
|||
</div>
|
||||
<div class="row">
|
||||
<div class="span3">
|
||||
<h3>Lists</h3>
|
||||
<h4>Lists</h4>
|
||||
<p>
|
||||
<ul class="icons">
|
||||
<li><i class="icon-ok"></i> Lists</li>
|
||||
|
|
@ -858,7 +908,7 @@
|
|||
</div>
|
||||
<div class="row">
|
||||
<div class="span3">
|
||||
<h3>Navigation</h3>
|
||||
<h4>Navigation</h4>
|
||||
<div class="well" style="padding: 8px 0;">
|
||||
<ul class="nav nav-list">
|
||||
<li class="active"><a href="#"><i class="icon-home"></i> Home</a></li>
|
||||
|
|
@ -882,7 +932,7 @@
|
|||
</div>
|
||||
<div class="row">
|
||||
<div class="span3">
|
||||
<h3>Prepended form inputs</h3>
|
||||
<h4>Prepended form inputs</h4>
|
||||
<p>
|
||||
<form>
|
||||
<div class="input-prepend">
|
||||
|
|
@ -913,39 +963,57 @@
|
|||
</div>
|
||||
<div class="row">
|
||||
<div class="span3">
|
||||
<h3>Custom CSS</h3>
|
||||
<h4>Custom CSS</h4>
|
||||
<p>Anything you can do with CSS font effects, you can do with Font Awesome.</p>
|
||||
</div>
|
||||
<div class="span9">
|
||||
<p>Star Ratings (inspired by <a href="http://css-tricks.com/star-ratings/" target="_blank">CSS Tricks</a>)</p>
|
||||
<div class="well">
|
||||
<span class="rating">
|
||||
<span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span>
|
||||
</span>
|
||||
<span class="rating">
|
||||
<span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span><span class="star"></span>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="roadmap">
|
||||
<h1>Roadmap</h1>
|
||||
<section id="whats-next">
|
||||
<h2 class="page-header">What's next</h2>
|
||||
<p>Here's the plan for future updates.</p>
|
||||
<ul class="icons">
|
||||
<li><i class="icon-plus"></i> Font sub-setting. Keep your font file sizes small by only using the icons you need.</li>
|
||||
<li><i class="icon-plus"></i> Better hinting for smaller font sizes.</li>
|
||||
<li><i class="icon-plus"></i> More icons. Have any requests? <a href="https://github.com/FortAwesome/Font-Awesome/issues" target="_blank">Open an issue</a> in the Font Awesome GitHub project.</li>
|
||||
<li><i class="icon-plus"></i> More complete Twitter Bootstrap compatibility.</li>
|
||||
<li><i class="icon-plus"></i> Tricks and tips for super-awesome creative CSS methods, like the star example above.</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section id="fort-awesome">
|
||||
<h2 class="page-header">Fort Awesome? Font Awesome?</h2>
|
||||
<div class="row">
|
||||
<div class="span8">
|
||||
<div class="lead">
|
||||
<p><strong>Fort Awesome</strong> is a magical place. A place of wonder and... magic. It's just like Xanadu, but without that dorky name.</p>
|
||||
<p>So magical, in fact, that <strong>Font Awesome</strong> was forged from its depths. Who can tell what may happen next...</p>
|
||||
</div>
|
||||
<small>Fort Awesome is the organization, Font Awesome is the project. It's not a spelling error.</small>
|
||||
</div>
|
||||
<div class="span4">
|
||||
<div>
|
||||
<img class="img-rounded" src="assets/img/fort_awesome.jpg">
|
||||
</div>
|
||||
<div class="caption text-align-right">Harvard Yard, 2005. © DG.</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<div class="row">
|
||||
<div class="span4">
|
||||
<h2>Contact</h2>
|
||||
<ul class="icons">
|
||||
<li><i class="icon-envelope"></i> Email: <a href="mailto:dave@davegandy.com">Dave Gandy</a></li>
|
||||
<li><i class="icon-twitter"></i> Twitter: <a href="http://twitter.com/fortaweso_me/" target="_blank">@FortAweso_me</a></li>
|
||||
<li><i class="icon-twitter"></i> Twitter: <a href="https://twitter.com/fortaweso_me/" target="_blank">@FortAweso_me</a></li>
|
||||
<li><i class="icon-wrench"></i> Work: Lead Product Designer @ <a href="http://kyruus.com" target="_blank">Kyruus</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
@ -961,8 +1029,8 @@
|
|||
</div>
|
||||
<div>
|
||||
<h2>Special Thanks</h2>
|
||||
Special thanks to <a href="http://twitter.com/robmadole/" target="_blank">@robmadole</a> and
|
||||
<a href="http://twitter.com/supercodepoet/" target="_blank">@supercodepoet</a> for icon design
|
||||
Special thanks to <a href="https://twitter.com/robmadole/" target="_blank">@robmadole</a> and
|
||||
<a href="https://twitter.com/supercodepoet/" target="_blank">@supercodepoet</a> for icon design
|
||||
review, advice, and some backbone.js help.
|
||||
</div>
|
||||
</footer>
|
||||
|
|
@ -974,7 +1042,7 @@
|
|||
<div class="modal hide fade in">
|
||||
<div class="modal-header">
|
||||
<a class="close" data-dismiss="modal"><i class="icon-remove"></i></a>
|
||||
<h3><%= iconName %></h3>
|
||||
<h4><%= iconName %></h4>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="row">
|
||||
|
|
@ -1025,18 +1093,7 @@
|
|||
<script src="assets/js/underscore.min.js"></script>
|
||||
<script src="assets/js/backbone.min.js"></script>
|
||||
<script src="assets/js/prettify.min.js"></script>
|
||||
<script src="assets/js/tw-bs-201/bootstrap-transition.js"></script>
|
||||
<script src="assets/js/tw-bs-201/bootstrap-alert.js"></script>
|
||||
<script src="assets/js/tw-bs-201/bootstrap-modal.js"></script>
|
||||
<script src="assets/js/tw-bs-201/bootstrap-dropdown.js"></script>
|
||||
<script src="assets/js/tw-bs-201/bootstrap-scrollspy.js"></script>
|
||||
<script src="assets/js/tw-bs-201/bootstrap-tab.js"></script>
|
||||
<script src="assets/js/tw-bs-201/bootstrap-tooltip.js"></script>
|
||||
<script src="assets/js/tw-bs-201/bootstrap-popover.js"></script>
|
||||
<script src="assets/js/tw-bs-201/bootstrap-button.js"></script>
|
||||
<script src="assets/js/tw-bs-201/bootstrap-collapse.js"></script>
|
||||
<script src="assets/js/tw-bs-201/bootstrap-carousel.js"></script>
|
||||
<script src="assets/js/tw-bs-201/bootstrap-typeahead.js"></script>
|
||||
<script src="assets/js/bootstrap-222.min.js"></script>
|
||||
<script src="assets/js/index/index.js"></script>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
261
docs/test.html
261
docs/test.html
|
|
@ -0,0 +1,261 @@
|
|||
<!DOCTYPE html>
|
||||
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
|
||||
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
|
||||
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
|
||||
<!--[if (gte IE 9)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
|
||||
<head>
|
||||
<!-- Basic Page Needs
|
||||
================================================== -->
|
||||
<meta charset="utf-8" />
|
||||
<title>Font Awesome Tests</title>
|
||||
<meta name="description" content="">
|
||||
<meta name="author" content="">
|
||||
<meta name="viewport" content="width=device-width; initial-scale=1; maximum-scale=1">
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<!-- CSS
|
||||
================================================== -->
|
||||
|
||||
<link rel="stylesheet" href="assets/css/site.css">
|
||||
<link rel="stylesheet" href="assets/css/prettify.css">
|
||||
<!--[if IE 7]>
|
||||
<link rel="stylesheet" href="assets/css/font-awesome-ie7.css">
|
||||
<![endif]-->
|
||||
<!-- Le fav and touch icons -->
|
||||
<link rel="shortcut icon" href="assets/ico/favicon.ico">
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
|
||||
<div class="container">
|
||||
<h1>Visual tests</h1>
|
||||
|
||||
<h3>Icons <small>Icons should not be clipped</small></h3>
|
||||
<div class="row">
|
||||
<div class="span3">
|
||||
<div class="well">
|
||||
<i class="icon-building"></i> Building
|
||||
</div>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<div class="well">
|
||||
<i class="icon-building icon-large"></i> Building Large
|
||||
</div>
|
||||
</div>
|
||||
<div class="span3">
|
||||
<i class="icon-building"></i> Building
|
||||
</div>
|
||||
<div class="span3">
|
||||
<i class="icon-building icon-large"></i> Building Large
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="font-size: 24px; line-height: 1.5em;">
|
||||
<div class="span4">
|
||||
<div class="well">
|
||||
<i class="icon-building"></i> Building
|
||||
</div>
|
||||
</div>
|
||||
<div class="span4">
|
||||
<div class="well">
|
||||
<i class="icon-building icon-large"></i> Building Large
|
||||
</div>
|
||||
</div>
|
||||
<div class="span4">
|
||||
<i class="icon-building icon-large"></i> Building Large
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<h3>Links with Icons <small>icon should activate link</small></h3>
|
||||
<div class="lead">
|
||||
<a href="#"><i class="icon-building"></i> Link Here</a>
|
||||
<a href="#"><i class="icon-building icon-large"></i> Link Here</a>
|
||||
</div>
|
||||
|
||||
|
||||
<h3>Navbar <small>should stay same height </small></h3>
|
||||
<div class="navbar navbar-inverse navbar-static-top">
|
||||
<div class="navbar-inner">
|
||||
<div class="container">
|
||||
<a class="brand" href="#"><i class="icon-flag"></i> Font Awesome</a>
|
||||
<ul class="nav">
|
||||
<li style="border: solid 1px white;"><a href="#">Nav Item 1</a></li>
|
||||
<li class="dropdown" style="border: solid 1px white;">
|
||||
<a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
|
||||
Nav Item 2
|
||||
<i class="icon-caret-down"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<li><a href="#"><i class="icon-building"></i> Menu Item 1</a></li>
|
||||
<li><a href="#"><i class="icon-building icon-large"></i> Menu Item 2</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li style="border: solid 1px white;"><a href="#examples"><i class="icon-building icon-large"></i> Nav Item 3</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<h3>Plain buttons next to icon buttons <small>should be same height</small></h3>
|
||||
<div class="row">
|
||||
<div class="span4">
|
||||
<div style="border: solid 1px #d3d3d3; text-align: center;">
|
||||
<div>
|
||||
<button class="btn btn-mini">Button</button>
|
||||
<button class="btn btn-mini"><i class="icon-building"></i> Button</button>
|
||||
<button class="btn btn-mini"><i class="icon-building"></i></button>
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn btn-small">Button</button>
|
||||
<button class="btn btn-small"><i class="icon-building"></i> Button</button>
|
||||
<button class="btn btn-small"><i class="icon-building"></i></button>
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn">Button</button>
|
||||
<button class="btn"><i class="icon-building"></i> Button</button>
|
||||
<button class="btn"><i class="icon-building"></i></button>
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn btn-large">Button</button>
|
||||
<button class="btn btn-large"><i class="icon-building"></i> Button</button>
|
||||
<button class="btn btn-large"><i class="icon-building"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span4">
|
||||
<div style="border: solid 1px #d3d3d3; text-align: center;">
|
||||
<div>
|
||||
<button class="btn btn-mini">Button</button>
|
||||
<button class="btn btn-mini"><i class="icon-building icon-large"></i> Button</button>
|
||||
<button class="btn btn-mini"><i class="icon-building icon-large"></i></button>
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn btn-small">Button</button>
|
||||
<button class="btn btn-small"><i class="icon-building icon-large"></i> Button</button>
|
||||
<button class="btn btn-small"><i class="icon-building icon-large"></i></button>
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn">Button</button>
|
||||
<button class="btn"><i class="icon-building icon-large"></i> Button</button>
|
||||
<button class="btn"><i class="icon-building icon-large"></i></button>
|
||||
</div>
|
||||
<div>
|
||||
<button class="btn btn-large">Button</button>
|
||||
<button class="btn btn-large"><i class="icon-building icon-large"></i> Button</button>
|
||||
<button class="btn btn-large"><i class="icon-building icon-large"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<h3>Buttons with pulled 2x, 3x, 4x <small>should be same height, have correct line height</small></h3>
|
||||
<div class="row">
|
||||
<div class="span4">
|
||||
<div style="border: solid 1px #d3d3d3;">
|
||||
<a class="btn btn-large" href="#">
|
||||
<i class="icon-building icon-2x pull-left"></i>
|
||||
Longer<br>Button</a>
|
||||
<a class="btn btn-large" href="#">
|
||||
Longer<br>Button</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span4">
|
||||
<div style="border: solid 1px #d3d3d3;">
|
||||
<a class="btn" href="#">
|
||||
<i class="icon-building icon-2x pull-left"></i>
|
||||
Longer<br>Button</a>
|
||||
<a class="btn" href="#">
|
||||
Longer<br>Button</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="span4">
|
||||
<div style="border: solid 1px #d3d3d3;">
|
||||
<a class="btn btn-small" href="#">
|
||||
<i class="icon-building icon-2x pull-left"></i>
|
||||
Longer<br>Button</a>
|
||||
<a class="btn btn-small" href="#">
|
||||
Longer<br>Button</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3>Nav pills & nav tabs <small>should be same height</small></h3>
|
||||
<div class="row">
|
||||
<span class="span6">
|
||||
<ul class="nav nav-pills">
|
||||
<li class="active"><a href="#">Nav Item 1</a></li>
|
||||
<li class="dropdown active">
|
||||
<a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
|
||||
Nav Item 2
|
||||
<i class="icon-caret-down"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<li><a href="#"><i class="icon-building"></i> Menu Item 1</a></li>
|
||||
<li><a href="#"><i class="icon-building icon-large"></i> Menu Item 2</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="active"><a href="#examples"><i class="icon-building icon-large"></i> Nav Item 3</a></li>
|
||||
</ul>
|
||||
</span>
|
||||
<span class="span6">
|
||||
<ul class="nav nav-tabs">
|
||||
<li class="active"><a href="#">Nav Item 1</a></li>
|
||||
<li class="dropdown active">
|
||||
<a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
|
||||
Nav Item 2
|
||||
<i class="icon-caret-down"></i>
|
||||
</a>
|
||||
<ul class="dropdown-menu" role="menu">
|
||||
<li><a href="#"><i class="icon-building"></i> Menu Item 1</a></li>
|
||||
<li><a href="#"><i class="icon-building icon-large"></i> Menu Item 2</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="active"><a href="#examples"><i class="icon-building icon-large"></i> Nav Item 3</a></li>
|
||||
</ul>
|
||||
</span>
|
||||
</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="icon-stethoscope icon-3x pull-left icon-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="icon-ambulance icon-4x pull-right icon-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="icon-building icon-2x pull-left icon-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="icon-stethoscope icon-3x pull-right icon-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="icon-ambulance icon-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>
|
||||
|
||||
</div>
|
||||
|
||||
<script src="assets/js/jquery-1.7.1.min.js"></script>
|
||||
<script src="assets/js/bootstrap-222.min.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in a new issue