updates to icons, page layout

css/font-awesome-ie7.css

@@ -204,8 +204,8 @@
 .icon-save                 { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
 .icon-sign-blank           { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
 .icon-reorder              { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
-.icon-ul                   { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
-.icon-ol                   { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
+.icon-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 = ' '); }
@@ -226,8 +226,15 @@
 .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-user-md              { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
-.icon-chart-pie-one-third  { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
-.icon-chart-pie-two-thirds { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
-.icon-chart-pie-full       { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
-.icon-chart-pie-empty      { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }

css/font-awesome.css

@@ -88,153 +88,228 @@ li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before {
 }
 /*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
     readers do not read off random characters that represent icons */
-.icon-glass:before              { content: "\f000"; }
-.icon-music:before              { content: "\f001"; }
-.icon-search:before             { content: "\f002"; }
-.icon-envelope:before           { content: "\f003"; }
-.icon-heart:before              { content: "\f004"; }
-.icon-star:before               { content: "\f005"; }
-.icon-star-empty:before         { content: "\f006"; }
-.icon-user:before               { content: "\f007"; }
-.icon-film:before               { content: "\f008"; }
-.icon-th-large:before           { content: "\f009"; }
-.icon-th:before                 { content: "\f00a"; }
-.icon-th-list:before            { content: "\f00b"; }
-.icon-ok:before                 { content: "\f00c"; }
-.icon-remove:before             { content: "\f00d"; }
-.icon-zoom-in:before            { content: "\f00e"; }
-
-.icon-zoom-out:before           { content: "\f010"; }
-.icon-off:before                { content: "\f011"; }
-.icon-signal:before             { content: "\f012"; }
-.icon-cog:before                { content: "\f013"; }
-.icon-trash:before              { content: "\f014"; }
-.icon-home:before               { content: "\f015"; }
-.icon-file:before               { content: "\f016"; }
-.icon-time:before               { content: "\f017"; }
-.icon-road:before               { content: "\f018"; }
-.icon-download-alt:before       { content: "\f019"; }
-.icon-download:before           { content: "\f01a"; }
-.icon-upload:before             { content: "\f01b"; }
-.icon-inbox:before              { content: "\f01c"; }
-.icon-play-circle:before        { content: "\f01d"; }
-.icon-repeat:before             { content: "\f01e"; }
+.icon-glass:before                { content: "\f000"; }
+.icon-music:before                { content: "\f001"; }
+.icon-search:before               { content: "\f002"; }
+.icon-envelope:before             { content: "\f003"; }
+.icon-heart:before                { content: "\f004"; }
+.icon-star:before                 { content: "\f005"; }
+.icon-star-empty:before           { content: "\f006"; }
+.icon-user:before                 { content: "\f007"; }
+.icon-film:before                 { content: "\f008"; }
+.icon-th-large:before             { content: "\f009"; }
+.icon-th:before                   { content: "\f00a"; }
+.icon-th-list:before              { content: "\f00b"; }
+.icon-ok:before                   { content: "\f00c"; }
+.icon-remove:before               { content: "\f00d"; }
+.icon-zoom-in:before              { content: "\f00e"; }
+
+.icon-zoom-out:before             { content: "\f010"; }
+.icon-off:before                  { content: "\f011"; }
+.icon-signal:before               { content: "\f012"; }
+.icon-cog:before                  { content: "\f013"; }
+.icon-trash:before                { content: "\f014"; }
+.icon-home:before                 { content: "\f015"; }
+.icon-file:before                 { content: "\f016"; }
+.icon-time:before                 { content: "\f017"; }
+.icon-road:before                 { content: "\f018"; }
+.icon-download-alt:before         { content: "\f019"; }
+.icon-download:before             { content: "\f01a"; }
+.icon-upload:before               { content: "\f01b"; }
+.icon-inbox:before                { content: "\f01c"; }
+.icon-play-circle:before          { content: "\f01d"; }
+.icon-repeat:before               { content: "\f01e"; }
 
 /* \f020 is not a valid unicode character. all shifted one down */
-.icon-refresh:before            { content: "\f021"; }
-.icon-list-alt:before           { content: "\f022"; }
-.icon-lock:before               { content: "\f023"; }
-.icon-flag:before               { content: "\f024"; }
-.icon-headphones:before         { content: "\f025"; }
-.icon-volume-off:before         { content: "\f026"; }
-.icon-volume-down:before        { content: "\f027"; }
-.icon-volume-up:before          { content: "\f028"; }
-.icon-qrcode:before             { content: "\f029"; }
-.icon-barcode:before            { content: "\f02a"; }
-.icon-tag:before                { content: "\f02b"; }
-.icon-tags:before               { content: "\f02c"; }
-.icon-book:before               { content: "\f02d"; }
-.icon-bookmark:before           { content: "\f02e"; }
-.icon-print:before              { content: "\f02f"; }
-
-.icon-camera:before             { content: "\f030"; }
-.icon-font:before               { content: "\f031"; }
-.icon-bold:before               { content: "\f032"; }
-.icon-italic:before             { content: "\f033"; }
-.icon-text-height:before        { content: "\f034"; }
-.icon-text-width:before         { content: "\f035"; }
-.icon-align-left:before         { content: "\f036"; }
-.icon-align-center:before       { content: "\f037"; }
-.icon-align-right:before        { content: "\f038"; }
-.icon-align-justify:before      { content: "\f039"; }
-.icon-list:before               { content: "\f03a"; }
-.icon-indent-left:before        { content: "\f03b"; }
-.icon-indent-right:before       { content: "\f03c"; }
-.icon-facetime-video:before     { content: "\f03d"; }
-.icon-picture:before            { content: "\f03e"; }
-
-.icon-pencil:before             { content: "\f040"; }
-.icon-map-marker:before         { content: "\f041"; }
-.icon-adjust:before             { content: "\f042"; }
-.icon-tint:before               { content: "\f043"; }
-.icon-edit:before               { content: "\f044"; }
-.icon-share:before              { content: "\f045"; }
-.icon-check:before              { content: "\f046"; }
-.icon-move:before               { content: "\f047"; }
-.icon-step-backward:before      { content: "\f048"; }
-.icon-fast-backward:before      { content: "\f049"; }
-.icon-backward:before           { content: "\f04a"; }
-.icon-play:before               { content: "\f04b"; }
-.icon-pause:before              { content: "\f04c"; }
-.icon-stop:before               { content: "\f04d"; }
-.icon-forward:before            { content: "\f04e"; }
-
-.icon-fast-forward:before       { content: "\f050"; }
-.icon-step-forward:before       { content: "\f051"; }
-.icon-eject:before              { content: "\f052"; }
-.icon-chevron-left:before       { content: "\f053"; }
-.icon-chevron-right:before      { content: "\f054"; }
-.icon-plus-sign:before          { content: "\f055"; }
-.icon-minus-sign:before         { content: "\f056"; }
-.icon-remove-sign:before        { content: "\f057"; }
-.icon-ok-sign:before            { content: "\f058"; }
-.icon-question-sign:before      { content: "\f059"; }
-.icon-info-sign:before          { content: "\f05a"; }
-.icon-screenshot:before         { content: "\f05b"; }
-.icon-remove-circle:before      { content: "\f05c"; }
-.icon-ok-circle:before          { content: "\f05d"; }
-.icon-ban-circle:before         { content: "\f05e"; }
-
-.icon-arrow-left:before         { content: "\f060"; }
-.icon-arrow-right:before        { content: "\f061"; }
-.icon-arrow-up:before           { content: "\f062"; }
-.icon-arrow-down:before         { content: "\f063"; }
-.icon-share-alt:before          { content: "\f064"; }
-.icon-resize-full:before        { content: "\f065"; }
-.icon-resize-small:before       { content: "\f066"; }
-.icon-plus:before               { content: "\f067"; }
-.icon-minus:before              { content: "\f068"; }
-.icon-asterisk:before           { content: "\f069"; }
-.icon-exclamation-sign:before   { content: "\f06a"; }
-.icon-gift:before               { content: "\f06b"; }
-.icon-leaf:before               { content: "\f06c"; }
-.icon-fire:before               { content: "\f06d"; }
-.icon-eye-open:before           { content: "\f06e"; }
-
-.icon-eye-close:before          { content: "\f070"; }
-.icon-warning-sign:before       { content: "\f071"; }
-.icon-plane:before              { content: "\f072"; }
-.icon-calendar:before           { content: "\f073"; }
-.icon-random:before             { content: "\f074"; }
-.icon-comment:before            { content: "\f075"; }
-.icon-magnet:before             { content: "\f076"; }
-.icon-chevron-up:before         { content: "\f077"; }
-.icon-chevron-down:before       { content: "\f078"; }
-.icon-retweet:before            { content: "\f079"; }
-.icon-shopping-cart:before      { content: "\f07a"; }
-.icon-folder-close:before       { content: "\f07b"; }
-.icon-folder-open:before        { content: "\f07c"; }
-.icon-resize-vertical:before    { content: "\f07d"; }
-.icon-resize-horizontal:before  { content: "\f07e"; }
-
-.icon-bar-chart:before          { content: "\f080"; }
-.icon-twitter-sign:before       { content: "\f081"; }
-.icon-facebook-sign:before      { content: "\f082"; }
-.icon-camera-retro:before       { content: "\f083"; }
-.icon-key:before                { content: "\f084"; }
-.icon-cogs:before               { content: "\f085"; }
-.icon-comments:before           { content: "\f086"; }
-.icon-thumbs-up:before          { content: "\f087"; }
-.icon-thumbs-down:before        { content: "\f088"; }
-.icon-star-half:before          { content: "\f089"; }
-.icon-heart-empty:before        { content: "\f08a"; }
-.icon-signout:before            { content: "\f08b"; }
-.icon-linkedin-sign:before      { content: "\f08c"; }
-.icon-pushpin:before            { content: "\f08d"; }
-.icon-external-link:before      { content: "\f08e"; }
-
-.icon-signin:before             { content: "\f090"; }
-.icon-trophy:before             { content: "\f091"; }
-.icon-github-sign:before        { content: "\f092"; }
-.icon-upload-alt:before         { content: "\f093"; }
-.icon-lemon:before              { content: "\f094"; }
+.icon-refresh:before              { content: "\f021"; }
+.icon-list-alt:before             { content: "\f022"; }
+.icon-lock:before                 { content: "\f023"; }
+.icon-flag:before                 { content: "\f024"; }
+.icon-headphones:before           { content: "\f025"; }
+.icon-volume-off:before           { content: "\f026"; }
+.icon-volume-down:before          { content: "\f027"; }
+.icon-volume-up:before            { content: "\f028"; }
+.icon-qrcode:before               { content: "\f029"; }
+.icon-barcode:before              { content: "\f02a"; }
+.icon-tag:before                  { content: "\f02b"; }
+.icon-tags:before                 { content: "\f02c"; }
+.icon-book:before                 { content: "\f02d"; }
+.icon-bookmark:before             { content: "\f02e"; }
+.icon-print:before                { content: "\f02f"; }
+
+.icon-camera:before               { content: "\f030"; }
+.icon-font:before                 { content: "\f031"; }
+.icon-bold:before                 { content: "\f032"; }
+.icon-italic:before               { content: "\f033"; }
+.icon-text-height:before          { content: "\f034"; }
+.icon-text-width:before           { content: "\f035"; }
+.icon-align-left:before           { content: "\f036"; }
+.icon-align-center:before         { content: "\f037"; }
+.icon-align-right:before          { content: "\f038"; }
+.icon-align-justify:before        { content: "\f039"; }
+.icon-list:before                 { content: "\f03a"; }
+.icon-indent-left:before          { content: "\f03b"; }
+.icon-indent-right:before         { content: "\f03c"; }
+.icon-facetime-video:before       { content: "\f03d"; }
+.icon-picture:before              { content: "\f03e"; }
+
+.icon-pencil:before               { content: "\f040"; }
+.icon-map-marker:before           { content: "\f041"; }
+.icon-adjust:before               { content: "\f042"; }
+.icon-tint:before                 { content: "\f043"; }
+.icon-edit:before                 { content: "\f044"; }
+.icon-share:before                { content: "\f045"; }
+.icon-check:before                { content: "\f046"; }
+.icon-move:before                 { content: "\f047"; }
+.icon-step-backward:before        { content: "\f048"; }
+.icon-fast-backward:before        { content: "\f049"; }
+.icon-backward:before             { content: "\f04a"; }
+.icon-play:before                 { content: "\f04b"; }
+.icon-pause:before                { content: "\f04c"; }
+.icon-stop:before                 { content: "\f04d"; }
+.icon-forward:before              { content: "\f04e"; }
+
+.icon-fast-forward:before         { content: "\f050"; }
+.icon-step-forward:before         { content: "\f051"; }
+.icon-eject:before                { content: "\f052"; }
+.icon-chevron-left:before         { content: "\f053"; }
+.icon-chevron-right:before        { content: "\f054"; }
+.icon-plus-sign:before            { content: "\f055"; }
+.icon-minus-sign:before           { content: "\f056"; }
+.icon-remove-sign:before          { content: "\f057"; }
+.icon-ok-sign:before              { content: "\f058"; }
+.icon-question-sign:before        { content: "\f059"; }
+.icon-info-sign:before            { content: "\f05a"; }
+.icon-screenshot:before           { content: "\f05b"; }
+.icon-remove-circle:before        { content: "\f05c"; }
+.icon-ok-circle:before            { content: "\f05d"; }
+.icon-ban-circle:before           { content: "\f05e"; }
+
+.icon-arrow-left:before           { content: "\f060"; }
+.icon-arrow-right:before          { content: "\f061"; }
+.icon-arrow-up:before             { content: "\f062"; }
+.icon-arrow-down:before           { content: "\f063"; }
+.icon-share-alt:before            { content: "\f064"; }
+.icon-resize-full:before          { content: "\f065"; }
+.icon-resize-small:before         { content: "\f066"; }
+.icon-plus:before                 { content: "\f067"; }
+.icon-minus:before                { content: "\f068"; }
+.icon-asterisk:before             { content: "\f069"; }
+.icon-exclamation-sign:before     { content: "\f06a"; }
+.icon-gift:before                 { content: "\f06b"; }
+.icon-leaf:before                 { content: "\f06c"; }
+.icon-fire:before                 { content: "\f06d"; }
+.icon-eye-open:before             { content: "\f06e"; }
+
+.icon-eye-close:before            { content: "\f070"; }
+.icon-warning-sign:before         { content: "\f071"; }
+.icon-plane:before                { content: "\f072"; }
+.icon-calendar:before             { content: "\f073"; }
+.icon-random:before               { content: "\f074"; }
+.icon-comment:before              { content: "\f075"; }
+.icon-magnet:before               { content: "\f076"; }
+.icon-chevron-up:before           { content: "\f077"; }
+.icon-chevron-down:before         { content: "\f078"; }
+.icon-retweet:before              { content: "\f079"; }
+.icon-shopping-cart:before        { content: "\f07a"; }
+.icon-folder-close:before         { content: "\f07b"; }
+.icon-folder-open:before          { content: "\f07c"; }
+.icon-resize-vertical:before      { content: "\f07d"; }
+.icon-resize-horizontal:before    { content: "\f07e"; }
+
+.icon-bar-chart:before            { content: "\f080"; }
+.icon-twitter-sign:before         { content: "\f081"; }
+.icon-facebook-sign:before        { content: "\f082"; }
+.icon-camera-retro:before         { content: "\f083"; }
+.icon-key:before                  { content: "\f084"; }
+.icon-cogs:before                 { content: "\f085"; }
+.icon-comments:before             { content: "\f086"; }
+.icon-thumbs-up:before            { content: "\f087"; }
+.icon-thumbs-down:before          { content: "\f088"; }
+.icon-star-half:before            { content: "\f089"; }
+.icon-heart-empty:before          { content: "\f08a"; }
+.icon-signout:before              { content: "\f08b"; }
+.icon-linkedin-sign:before        { content: "\f08c"; }
+.icon-pushpin:before              { content: "\f08d"; }
+.icon-external-link:before        { content: "\f08e"; }
+
+.icon-signin:before               { content: "\f090"; }
+.icon-trophy:before               { content: "\f091"; }
+.icon-github-sign:before          { content: "\f092"; }
+.icon-upload-alt:before           { content: "\f093"; }
+.icon-lemon:before                { content: "\f094"; }
+.icon-phone:before                { content: "\f095"; }
+.icon-check-empty:before          { content: "\f096"; }
+.icon-bookmark-empty:before       { content: "\f097"; }
+.icon-phone-sign:before           { content: "\f098"; }
+.icon-twitter:before              { content: "\f099"; }
+.icon-facebook:before             { content: "\f09a"; }
+.icon-github:before               { content: "\f09b"; }
+.icon-unlock:before               { content: "\f09c"; }
+.icon-credit-card:before          { content: "\f09d"; }
+.icon-rss:before                  { content: "\f09e"; }
+
+.icon-hdd:before                  { content: "\f0a0"; }
+.icon-bullhorn:before             { content: "\f0a1"; }
+.icon-bell:before                 { content: "\f0a2"; }
+.icon-certificate:before          { content: "\f0a3"; }
+.icon-hand-right:before           { content: "\f0a4"; }
+.icon-hand-left:before            { content: "\f0a5"; }
+.icon-hand-up:before              { content: "\f0a6"; }
+.icon-hand-down:before            { content: "\f0a7"; }
+.icon-circle-arrow-left:before    { content: "\f0a8"; }
+.icon-circle-arrow-right:before   { content: "\f0a9"; }
+.icon-circle-arrow-up:before      { content: "\f0aa"; }
+.icon-circle-arrow-down:before    { content: "\f0ab"; }
+.icon-globe:before                { content: "\f0ac"; }
+.icon-wrench:before               { content: "\f0ad"; }
+.icon-tasks:before                { content: "\f0ae"; }
+
+.icon-filter:before               { content: "\f0b0"; }
+.icon-briefcase:before            { content: "\f0b1"; }
+.icon-fullscreen:before           { content: "\f0b2"; }
+
+.icon-group:before                { content: "\f0c0"; }
+.icon-link:before                 { content: "\f0c1"; }
+.icon-cloud:before                { content: "\f0c2"; }
+.icon-beaker:before               { content: "\f0c3"; }
+.icon-cut:before                  { content: "\f0c4"; }
+.icon-copy:before                 { content: "\f0c5"; }
+.icon-paper-clip:before           { content: "\f0c6"; }
+.icon-save:before                 { content: "\f0c7"; }
+.icon-sign-blank:before           { content: "\f0c8"; }
+.icon-reorder:before              { content: "\f0c9"; }
+.icon-list-ul:before              { content: "\f0ca"; }
+.icon-list-ol:before              { content: "\f0cb"; }
+.icon-strikethrough:before        { content: "\f0cc"; }
+.icon-underline:before            { content: "\f0cd"; }
+.icon-table:before                { content: "\f0ce"; }
+
+.icon-magic:before                { content: "\f0d0"; }
+.icon-truck:before                { content: "\f0d1"; }
+.icon-pinterest:before            { content: "\f0d2"; }
+.icon-pinterest-sign:before       { content: "\f0d3"; }
+.icon-google-plus-sign:before     { content: "\f0d4"; }
+.icon-google-plus:before          { content: "\f0d5"; }
+.icon-money:before                { content: "\f0d6"; }
+.icon-caret-down:before           { content: "\f0d7"; }
+.icon-caret-up:before             { content: "\f0d8"; }
+.icon-caret-left:before           { content: "\f0d9"; }
+.icon-caret-right:before          { content: "\f0da"; }
+.icon-columns:before              { content: "\f0db"; }
+.icon-sort:before                 { content: "\f0dc"; }
+.icon-sort-down:before            { content: "\f0dd"; }
+.icon-sort-up:before              { content: "\f0de"; }
+
+.icon-envelope-alt:before         { content: "\f0e0"; }
+.icon-linkedin:before             { content: "\f0e1"; }
+.icon-undo:before                 { content: "\f0e2"; }
+.icon-legal:before                { content: "\f0e3"; }
+.icon-dashboard:before            { content: "\f0e4"; }
+.icon-comment-alt:before          { content: "\f0e5"; }
+.icon-comments-alt:before         { content: "\f0e6"; }
+.icon-bolt:before                 { content: "\f0e7"; }
+.icon-sitemap:before              { content: "\f0e8"; }
+.icon-umbrella:before             { content: "\f0e9"; }
+
+.icon-user-md:before              { content: "\f200"; }

docs/assets/css/font-awesome-ie7.css

@@ -204,8 +204,8 @@
 .icon-save                 { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
 .icon-sign-blank           { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
 .icon-reorder              { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
-.icon-ul                   { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
-.icon-ol                   { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
+.icon-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 = ' '); }
@@ -226,8 +226,15 @@
 .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-user-md              { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
-.icon-chart-pie-one-third  { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
-.icon-chart-pie-two-thirds { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
-.icon-chart-pie-full       { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }
-.icon-chart-pie-empty      { *zoom: expression( this.runtimeStyle['zoom'] = "1", this.innerHTML = ' '); }

docs/assets/css/font-awesome.css

@@ -88,153 +88,228 @@ li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before {
 }
 /*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
     readers do not read off random characters that represent icons */
-.icon-glass:before              { content: "\f000"; }
-.icon-music:before              { content: "\f001"; }
-.icon-search:before             { content: "\f002"; }
-.icon-envelope:before           { content: "\f003"; }
-.icon-heart:before              { content: "\f004"; }
-.icon-star:before               { content: "\f005"; }
-.icon-star-empty:before         { content: "\f006"; }
-.icon-user:before               { content: "\f007"; }
-.icon-film:before               { content: "\f008"; }
-.icon-th-large:before           { content: "\f009"; }
-.icon-th:before                 { content: "\f00a"; }
-.icon-th-list:before            { content: "\f00b"; }
-.icon-ok:before                 { content: "\f00c"; }
-.icon-remove:before             { content: "\f00d"; }
-.icon-zoom-in:before            { content: "\f00e"; }
-
-.icon-zoom-out:before           { content: "\f010"; }
-.icon-off:before                { content: "\f011"; }
-.icon-signal:before             { content: "\f012"; }
-.icon-cog:before                { content: "\f013"; }
-.icon-trash:before              { content: "\f014"; }
-.icon-home:before               { content: "\f015"; }
-.icon-file:before               { content: "\f016"; }
-.icon-time:before               { content: "\f017"; }
-.icon-road:before               { content: "\f018"; }
-.icon-download-alt:before       { content: "\f019"; }
-.icon-download:before           { content: "\f01a"; }
-.icon-upload:before             { content: "\f01b"; }
-.icon-inbox:before              { content: "\f01c"; }
-.icon-play-circle:before        { content: "\f01d"; }
-.icon-repeat:before             { content: "\f01e"; }
+.icon-glass:before                { content: "\f000"; }
+.icon-music:before                { content: "\f001"; }
+.icon-search:before               { content: "\f002"; }
+.icon-envelope:before             { content: "\f003"; }
+.icon-heart:before                { content: "\f004"; }
+.icon-star:before                 { content: "\f005"; }
+.icon-star-empty:before           { content: "\f006"; }
+.icon-user:before                 { content: "\f007"; }
+.icon-film:before                 { content: "\f008"; }
+.icon-th-large:before             { content: "\f009"; }
+.icon-th:before                   { content: "\f00a"; }
+.icon-th-list:before              { content: "\f00b"; }
+.icon-ok:before                   { content: "\f00c"; }
+.icon-remove:before               { content: "\f00d"; }
+.icon-zoom-in:before              { content: "\f00e"; }
+
+.icon-zoom-out:before             { content: "\f010"; }
+.icon-off:before                  { content: "\f011"; }
+.icon-signal:before               { content: "\f012"; }
+.icon-cog:before                  { content: "\f013"; }
+.icon-trash:before                { content: "\f014"; }
+.icon-home:before                 { content: "\f015"; }
+.icon-file:before                 { content: "\f016"; }
+.icon-time:before                 { content: "\f017"; }
+.icon-road:before                 { content: "\f018"; }
+.icon-download-alt:before         { content: "\f019"; }
+.icon-download:before             { content: "\f01a"; }
+.icon-upload:before               { content: "\f01b"; }
+.icon-inbox:before                { content: "\f01c"; }
+.icon-play-circle:before          { content: "\f01d"; }
+.icon-repeat:before               { content: "\f01e"; }
 
 /* \f020 is not a valid unicode character. all shifted one down */
-.icon-refresh:before            { content: "\f021"; }
-.icon-list-alt:before           { content: "\f022"; }
-.icon-lock:before               { content: "\f023"; }
-.icon-flag:before               { content: "\f024"; }
-.icon-headphones:before         { content: "\f025"; }
-.icon-volume-off:before         { content: "\f026"; }
-.icon-volume-down:before        { content: "\f027"; }
-.icon-volume-up:before          { content: "\f028"; }
-.icon-qrcode:before             { content: "\f029"; }
-.icon-barcode:before            { content: "\f02a"; }
-.icon-tag:before                { content: "\f02b"; }
-.icon-tags:before               { content: "\f02c"; }
-.icon-book:before               { content: "\f02d"; }
-.icon-bookmark:before           { content: "\f02e"; }
-.icon-print:before              { content: "\f02f"; }
-
-.icon-camera:before             { content: "\f030"; }
-.icon-font:before               { content: "\f031"; }
-.icon-bold:before               { content: "\f032"; }
-.icon-italic:before             { content: "\f033"; }
-.icon-text-height:before        { content: "\f034"; }
-.icon-text-width:before         { content: "\f035"; }
-.icon-align-left:before         { content: "\f036"; }
-.icon-align-center:before       { content: "\f037"; }
-.icon-align-right:before        { content: "\f038"; }
-.icon-align-justify:before      { content: "\f039"; }
-.icon-list:before               { content: "\f03a"; }
-.icon-indent-left:before        { content: "\f03b"; }
-.icon-indent-right:before       { content: "\f03c"; }
-.icon-facetime-video:before     { content: "\f03d"; }
-.icon-picture:before            { content: "\f03e"; }
-
-.icon-pencil:before             { content: "\f040"; }
-.icon-map-marker:before         { content: "\f041"; }
-.icon-adjust:before             { content: "\f042"; }
-.icon-tint:before               { content: "\f043"; }
-.icon-edit:before               { content: "\f044"; }
-.icon-share:before              { content: "\f045"; }
-.icon-check:before              { content: "\f046"; }
-.icon-move:before               { content: "\f047"; }
-.icon-step-backward:before      { content: "\f048"; }
-.icon-fast-backward:before      { content: "\f049"; }
-.icon-backward:before           { content: "\f04a"; }
-.icon-play:before               { content: "\f04b"; }
-.icon-pause:before              { content: "\f04c"; }
-.icon-stop:before               { content: "\f04d"; }
-.icon-forward:before            { content: "\f04e"; }
-
-.icon-fast-forward:before       { content: "\f050"; }
-.icon-step-forward:before       { content: "\f051"; }
-.icon-eject:before              { content: "\f052"; }
-.icon-chevron-left:before       { content: "\f053"; }
-.icon-chevron-right:before      { content: "\f054"; }
-.icon-plus-sign:before          { content: "\f055"; }
-.icon-minus-sign:before         { content: "\f056"; }
-.icon-remove-sign:before        { content: "\f057"; }
-.icon-ok-sign:before            { content: "\f058"; }
-.icon-question-sign:before      { content: "\f059"; }
-.icon-info-sign:before          { content: "\f05a"; }
-.icon-screenshot:before         { content: "\f05b"; }
-.icon-remove-circle:before      { content: "\f05c"; }
-.icon-ok-circle:before          { content: "\f05d"; }
-.icon-ban-circle:before         { content: "\f05e"; }
-
-.icon-arrow-left:before         { content: "\f060"; }
-.icon-arrow-right:before        { content: "\f061"; }
-.icon-arrow-up:before           { content: "\f062"; }
-.icon-arrow-down:before         { content: "\f063"; }
-.icon-share-alt:before          { content: "\f064"; }
-.icon-resize-full:before        { content: "\f065"; }
-.icon-resize-small:before       { content: "\f066"; }
-.icon-plus:before               { content: "\f067"; }
-.icon-minus:before              { content: "\f068"; }
-.icon-asterisk:before           { content: "\f069"; }
-.icon-exclamation-sign:before   { content: "\f06a"; }
-.icon-gift:before               { content: "\f06b"; }
-.icon-leaf:before               { content: "\f06c"; }
-.icon-fire:before               { content: "\f06d"; }
-.icon-eye-open:before           { content: "\f06e"; }
-
-.icon-eye-close:before          { content: "\f070"; }
-.icon-warning-sign:before       { content: "\f071"; }
-.icon-plane:before              { content: "\f072"; }
-.icon-calendar:before           { content: "\f073"; }
-.icon-random:before             { content: "\f074"; }
-.icon-comment:before            { content: "\f075"; }
-.icon-magnet:before             { content: "\f076"; }
-.icon-chevron-up:before         { content: "\f077"; }
-.icon-chevron-down:before       { content: "\f078"; }
-.icon-retweet:before            { content: "\f079"; }
-.icon-shopping-cart:before      { content: "\f07a"; }
-.icon-folder-close:before       { content: "\f07b"; }
-.icon-folder-open:before        { content: "\f07c"; }
-.icon-resize-vertical:before    { content: "\f07d"; }
-.icon-resize-horizontal:before  { content: "\f07e"; }
-
-.icon-bar-chart:before          { content: "\f080"; }
-.icon-twitter-sign:before       { content: "\f081"; }
-.icon-facebook-sign:before      { content: "\f082"; }
-.icon-camera-retro:before       { content: "\f083"; }
-.icon-key:before                { content: "\f084"; }
-.icon-cogs:before               { content: "\f085"; }
-.icon-comments:before           { content: "\f086"; }
-.icon-thumbs-up:before          { content: "\f087"; }
-.icon-thumbs-down:before        { content: "\f088"; }
-.icon-star-half:before          { content: "\f089"; }
-.icon-heart-empty:before        { content: "\f08a"; }
-.icon-signout:before            { content: "\f08b"; }
-.icon-linkedin-sign:before      { content: "\f08c"; }
-.icon-pushpin:before            { content: "\f08d"; }
-.icon-external-link:before      { content: "\f08e"; }
-
-.icon-signin:before             { content: "\f090"; }
-.icon-trophy:before             { content: "\f091"; }
-.icon-github-sign:before        { content: "\f092"; }
-.icon-upload-alt:before         { content: "\f093"; }
-.icon-lemon:before              { content: "\f094"; }
+.icon-refresh:before              { content: "\f021"; }
+.icon-list-alt:before             { content: "\f022"; }
+.icon-lock:before                 { content: "\f023"; }
+.icon-flag:before                 { content: "\f024"; }
+.icon-headphones:before           { content: "\f025"; }
+.icon-volume-off:before           { content: "\f026"; }
+.icon-volume-down:before          { content: "\f027"; }
+.icon-volume-up:before            { content: "\f028"; }
+.icon-qrcode:before               { content: "\f029"; }
+.icon-barcode:before              { content: "\f02a"; }
+.icon-tag:before                  { content: "\f02b"; }
+.icon-tags:before                 { content: "\f02c"; }
+.icon-book:before                 { content: "\f02d"; }
+.icon-bookmark:before             { content: "\f02e"; }
+.icon-print:before                { content: "\f02f"; }
+
+.icon-camera:before               { content: "\f030"; }
+.icon-font:before                 { content: "\f031"; }
+.icon-bold:before                 { content: "\f032"; }
+.icon-italic:before               { content: "\f033"; }
+.icon-text-height:before          { content: "\f034"; }
+.icon-text-width:before           { content: "\f035"; }
+.icon-align-left:before           { content: "\f036"; }
+.icon-align-center:before         { content: "\f037"; }
+.icon-align-right:before          { content: "\f038"; }
+.icon-align-justify:before        { content: "\f039"; }
+.icon-list:before                 { content: "\f03a"; }
+.icon-indent-left:before          { content: "\f03b"; }
+.icon-indent-right:before         { content: "\f03c"; }
+.icon-facetime-video:before       { content: "\f03d"; }
+.icon-picture:before              { content: "\f03e"; }
+
+.icon-pencil:before               { content: "\f040"; }
+.icon-map-marker:before           { content: "\f041"; }
+.icon-adjust:before               { content: "\f042"; }
+.icon-tint:before                 { content: "\f043"; }
+.icon-edit:before                 { content: "\f044"; }
+.icon-share:before                { content: "\f045"; }
+.icon-check:before                { content: "\f046"; }
+.icon-move:before                 { content: "\f047"; }
+.icon-step-backward:before        { content: "\f048"; }
+.icon-fast-backward:before        { content: "\f049"; }
+.icon-backward:before             { content: "\f04a"; }
+.icon-play:before                 { content: "\f04b"; }
+.icon-pause:before                { content: "\f04c"; }
+.icon-stop:before                 { content: "\f04d"; }
+.icon-forward:before              { content: "\f04e"; }
+
+.icon-fast-forward:before         { content: "\f050"; }
+.icon-step-forward:before         { content: "\f051"; }
+.icon-eject:before                { content: "\f052"; }
+.icon-chevron-left:before         { content: "\f053"; }
+.icon-chevron-right:before        { content: "\f054"; }
+.icon-plus-sign:before            { content: "\f055"; }
+.icon-minus-sign:before           { content: "\f056"; }
+.icon-remove-sign:before          { content: "\f057"; }
+.icon-ok-sign:before              { content: "\f058"; }
+.icon-question-sign:before        { content: "\f059"; }
+.icon-info-sign:before            { content: "\f05a"; }
+.icon-screenshot:before           { content: "\f05b"; }
+.icon-remove-circle:before        { content: "\f05c"; }
+.icon-ok-circle:before            { content: "\f05d"; }
+.icon-ban-circle:before           { content: "\f05e"; }
+
+.icon-arrow-left:before           { content: "\f060"; }
+.icon-arrow-right:before          { content: "\f061"; }
+.icon-arrow-up:before             { content: "\f062"; }
+.icon-arrow-down:before           { content: "\f063"; }
+.icon-share-alt:before            { content: "\f064"; }
+.icon-resize-full:before          { content: "\f065"; }
+.icon-resize-small:before         { content: "\f066"; }
+.icon-plus:before                 { content: "\f067"; }
+.icon-minus:before                { content: "\f068"; }
+.icon-asterisk:before             { content: "\f069"; }
+.icon-exclamation-sign:before     { content: "\f06a"; }
+.icon-gift:before                 { content: "\f06b"; }
+.icon-leaf:before                 { content: "\f06c"; }
+.icon-fire:before                 { content: "\f06d"; }
+.icon-eye-open:before             { content: "\f06e"; }
+
+.icon-eye-close:before            { content: "\f070"; }
+.icon-warning-sign:before         { content: "\f071"; }
+.icon-plane:before                { content: "\f072"; }
+.icon-calendar:before             { content: "\f073"; }
+.icon-random:before               { content: "\f074"; }
+.icon-comment:before              { content: "\f075"; }
+.icon-magnet:before               { content: "\f076"; }
+.icon-chevron-up:before           { content: "\f077"; }
+.icon-chevron-down:before         { content: "\f078"; }
+.icon-retweet:before              { content: "\f079"; }
+.icon-shopping-cart:before        { content: "\f07a"; }
+.icon-folder-close:before         { content: "\f07b"; }
+.icon-folder-open:before          { content: "\f07c"; }
+.icon-resize-vertical:before      { content: "\f07d"; }
+.icon-resize-horizontal:before    { content: "\f07e"; }
+
+.icon-bar-chart:before            { content: "\f080"; }
+.icon-twitter-sign:before         { content: "\f081"; }
+.icon-facebook-sign:before        { content: "\f082"; }
+.icon-camera-retro:before         { content: "\f083"; }
+.icon-key:before                  { content: "\f084"; }
+.icon-cogs:before                 { content: "\f085"; }
+.icon-comments:before             { content: "\f086"; }
+.icon-thumbs-up:before            { content: "\f087"; }
+.icon-thumbs-down:before          { content: "\f088"; }
+.icon-star-half:before            { content: "\f089"; }
+.icon-heart-empty:before          { content: "\f08a"; }
+.icon-signout:before              { content: "\f08b"; }
+.icon-linkedin-sign:before        { content: "\f08c"; }
+.icon-pushpin:before              { content: "\f08d"; }
+.icon-external-link:before        { content: "\f08e"; }
+
+.icon-signin:before               { content: "\f090"; }
+.icon-trophy:before               { content: "\f091"; }
+.icon-github-sign:before          { content: "\f092"; }
+.icon-upload-alt:before           { content: "\f093"; }
+.icon-lemon:before                { content: "\f094"; }
+.icon-phone:before                { content: "\f095"; }
+.icon-check-empty:before          { content: "\f096"; }
+.icon-bookmark-empty:before       { content: "\f097"; }
+.icon-phone-sign:before           { content: "\f098"; }
+.icon-twitter:before              { content: "\f099"; }
+.icon-facebook:before             { content: "\f09a"; }
+.icon-github:before               { content: "\f09b"; }
+.icon-unlock:before               { content: "\f09c"; }
+.icon-credit-card:before          { content: "\f09d"; }
+.icon-rss:before                  { content: "\f09e"; }
+
+.icon-hdd:before                  { content: "\f0a0"; }
+.icon-bullhorn:before             { content: "\f0a1"; }
+.icon-bell:before                 { content: "\f0a2"; }
+.icon-certificate:before          { content: "\f0a3"; }
+.icon-hand-right:before           { content: "\f0a4"; }
+.icon-hand-left:before            { content: "\f0a5"; }
+.icon-hand-up:before              { content: "\f0a6"; }
+.icon-hand-down:before            { content: "\f0a7"; }
+.icon-circle-arrow-left:before    { content: "\f0a8"; }
+.icon-circle-arrow-right:before   { content: "\f0a9"; }
+.icon-circle-arrow-up:before      { content: "\f0aa"; }
+.icon-circle-arrow-down:before    { content: "\f0ab"; }
+.icon-globe:before                { content: "\f0ac"; }
+.icon-wrench:before               { content: "\f0ad"; }
+.icon-tasks:before                { content: "\f0ae"; }
+
+.icon-filter:before               { content: "\f0b0"; }
+.icon-briefcase:before            { content: "\f0b1"; }
+.icon-fullscreen:before           { content: "\f0b2"; }
+
+.icon-group:before                { content: "\f0c0"; }
+.icon-link:before                 { content: "\f0c1"; }
+.icon-cloud:before                { content: "\f0c2"; }
+.icon-beaker:before               { content: "\f0c3"; }
+.icon-cut:before                  { content: "\f0c4"; }
+.icon-copy:before                 { content: "\f0c5"; }
+.icon-paper-clip:before           { content: "\f0c6"; }
+.icon-save:before                 { content: "\f0c7"; }
+.icon-sign-blank:before           { content: "\f0c8"; }
+.icon-reorder:before              { content: "\f0c9"; }
+.icon-list-ul:before              { content: "\f0ca"; }
+.icon-list-ol:before              { content: "\f0cb"; }
+.icon-strikethrough:before        { content: "\f0cc"; }
+.icon-underline:before            { content: "\f0cd"; }
+.icon-table:before                { content: "\f0ce"; }
+
+.icon-magic:before                { content: "\f0d0"; }
+.icon-truck:before                { content: "\f0d1"; }
+.icon-pinterest:before            { content: "\f0d2"; }
+.icon-pinterest-sign:before       { content: "\f0d3"; }
+.icon-google-plus-sign:before     { content: "\f0d4"; }
+.icon-google-plus:before          { content: "\f0d5"; }
+.icon-money:before                { content: "\f0d6"; }
+.icon-caret-down:before           { content: "\f0d7"; }
+.icon-caret-up:before             { content: "\f0d8"; }
+.icon-caret-left:before           { content: "\f0d9"; }
+.icon-caret-right:before          { content: "\f0da"; }
+.icon-columns:before              { content: "\f0db"; }
+.icon-sort:before                 { content: "\f0dc"; }
+.icon-sort-down:before            { content: "\f0dd"; }
+.icon-sort-up:before              { content: "\f0de"; }
+
+.icon-envelope-alt:before         { content: "\f0e0"; }
+.icon-linkedin:before             { content: "\f0e1"; }
+.icon-undo:before                 { content: "\f0e2"; }
+.icon-legal:before                { content: "\f0e3"; }
+.icon-dashboard:before            { content: "\f0e4"; }
+.icon-comment-alt:before          { content: "\f0e5"; }
+.icon-comments-alt:before         { content: "\f0e6"; }
+.icon-bolt:before                 { content: "\f0e7"; }
+.icon-sitemap:before              { content: "\f0e8"; }
+.icon-umbrella:before             { content: "\f0e9"; }
+
+.icon-user-md:before              { content: "\f200"; }

docs/assets/css/site.css

@@ -3807,7 +3807,9 @@ a [class*=" icon-"] {
   font-size: 1.3333333333333333em;
 }
 .btn [class^="icon-"],
-.btn [class*=" icon-"] {
+.nav-tabs [class^="icon-"],
+.btn [class*=" icon-"],
+.nav-tabs [class*=" icon-"] {
   /* keeps button heights with and without icons the same */
 
   line-height: .9em;
@@ -4376,10 +4378,10 @@ ul.icons li .icon-large:before {
 .icon-reorder:before {
   content: "\f0c9";
 }
-.icon-ul:before {
+.icon-list-ul:before {
   content: "\f0ca";
 }
-.icon-ol:before {
+.icon-list-ol:before {
   content: "\f0cb";
 }
 .icon-strikethrough:before {
@@ -4436,27 +4438,44 @@ ul.icons li .icon-large:before {
 .icon-sort-up:before {
   content: "\f0de";
 }
-.icon-user-md:before {
-  content: "\f200";
+.icon-envelope-alt:before {
+  content: "\f0e0";
+}
+.icon-linkedin:before {
+  content: "\f0e1";
+}
+.icon-undo:before {
+  content: "\f0e2";
+}
+.icon-legal:before {
+  content: "\f0e3";
 }
-.icon-chart-pie-one-third:before {
-  content: "\f201";
+.icon-dashboard:before {
+  content: "\f0e4";
 }
-.icon-chart-pie-two-thirds:before {
-  content: "\f202";
+.icon-comment-alt:before {
+  content: "\f0e5";
 }
-.icon-chart-pie-full:before {
-  content: "\f203";
+.icon-comments-alt:before {
+  content: "\f0e6";
 }
-.icon-chart-pie-empty:before {
-  content: "\f204";
+.icon-bolt:before {
+  content: "\f0e7";
+}
+.icon-sitemap:before {
+  content: "\f0e8";
+}
+.icon-umbrella:before {
+  content: "\f0e9";
+}
+.icon-user-md:before {
+  content: "\f200";
 }
 #overview {
   padding-top: 60px;
 }
 #new-icons,
-#base-icons,
-#extended-icons,
+#all-icons,
 #examples,
 #integration,
 #code,

docs/assets/js/index/index.js

@@ -12,7 +12,7 @@ $(function() {
             event.preventDefault();
 
             var $item = $(event.currentTarget);
-            var $modal = $(this.modalTemplate({"style": $item.find("i").attr("class")}));
+            var $modal = $(this.modalTemplate({"iconName": $item.find("i").attr("class")}));
 
             $modal.modal("show");
             $modal.on('hidden', function () {

docs/assets/less/font-awesome.less

@@ -56,7 +56,7 @@ a [class*=" icon-"] {
   font-size: 4/3em;
 }
 
-.btn {
+.btn, .nav-tabs {
   [class^="icon-"],
   [class*=" icon-"] {
   /* keeps button heights with and without icons the same */
@@ -290,8 +290,8 @@ ul.icons {
 .icon-save:before                 { content: "\f0c7"; }
 .icon-sign-blank:before           { content: "\f0c8"; }
 .icon-reorder:before              { content: "\f0c9"; }
-.icon-ul:before                   { content: "\f0ca"; }
-.icon-ol:before                   { content: "\f0cb"; }
+.icon-list-ul:before              { content: "\f0ca"; }
+.icon-list-ol:before              { content: "\f0cb"; }
 .icon-strikethrough:before        { content: "\f0cc"; }
 .icon-underline:before            { content: "\f0cd"; }
 .icon-table:before                { content: "\f0ce"; }
@@ -312,8 +312,15 @@ ul.icons {
 .icon-sort-down:before            { content: "\f0dd"; }
 .icon-sort-up:before              { content: "\f0de"; }
 
+.icon-envelope-alt:before         { content: "\f0e0"; }
+.icon-linkedin:before             { content: "\f0e1"; }
+.icon-undo:before                 { content: "\f0e2"; }
+.icon-legal:before                { content: "\f0e3"; }
+.icon-dashboard:before            { content: "\f0e4"; }
+.icon-comment-alt:before          { content: "\f0e5"; }
+.icon-comments-alt:before         { content: "\f0e6"; }
+.icon-bolt:before                 { content: "\f0e7"; }
+.icon-sitemap:before              { content: "\f0e8"; }
+.icon-umbrella:before             { content: "\f0e9"; }
+
 .icon-user-md:before              { content: "\f200"; }
-.icon-chart-pie-one-third:before  { content: "\f201"; }
-.icon-chart-pie-two-thirds:before { content: "\f202"; }
-.icon-chart-pie-full:before       { content: "\f203"; }
-.icon-chart-pie-empty:before      { content: "\f204"; }

docs/assets/less/site.less

@@ -7,7 +7,7 @@
 
 // These accomodate navbar-fixed-top
 #overview { padding-top: 60px; }
-#new-icons, #base-icons, #extended-icons, #examples, #integration, #code, #roadmap {
+#new-icons, #all-icons, #examples, #integration, #code, #roadmap {
   padding-top: 40px;
 }
 .navbar .brand {

docs/index.html

@@ -36,8 +36,8 @@
       <h3><a class="brand" href="#"><i class="icon-flag"></i> Font Awesome</a></h3>
       <ul class="nav">
         <li><a href="#overview">Overview</a></li>
-        <li><a href="#base-icons">Base Icons</a></li>
-        <li><a href="#extended-icons">Extended Icons</a></li>
+        <li><a href="#new-icons">New Icons</a></li>
+        <li><a href="#all-icons">All Icons</a></li>
         <li><a href="#examples">Examples</a></li>
         <li><a href="#integration">Integration</a></li>
         <li><a href="#code">Code</a></li>
@@ -115,8 +115,8 @@
       Easily style icon color, size, shadow, and anything that's possible with CSS.
     </div>
     <div class="span4">
-      <h3><i class="icon-ok icon-large"></i> Broad compatibility</h3>
-      Wide @font-face support means Font Awesome works in <a href="#roadmap" rel="tooltip" data-original-title="IE7 support coming soon">modern browsers <i class="icon-info-sign"></i></a>.
+      <h3><i class="icon-ok icon-large"></i> IE7 Compatible</h3>
+      Font Awesome 2.0.3 now even supports IE7. If you need it, you have my condolences.
     </div>
   </div>
   <div class="row">
@@ -125,8 +125,8 @@
       Designed from scratch to be fully backwards compatible with <a href="http://twitter.github.com/bootstrap/" target="_blank">Twitter Bootstrap 2.0</a>.
     </div>
     <div class="span4">
-      <h3><i class="icon-refresh icon-large"></i> Growing set of icons</h3>
-      Ever expanding to support a wider array of web-related actions.
+      <h3><i class="icon-leaf icon-large"></i> Growing set of icons</h3>
+      69 new icons added in 2.0.3, all requested by users on the <a href="https://github.com/FortAwesome/Font-Awesome" target="_blank">Font Awesome GitHub project</a>.
     </div>
     <div class="span4">
       <h3><i class="icon-twitter icon-large"></i> Follow on Twitter</h3>
@@ -138,13 +138,14 @@
 <section id="new-icons" class="row">
   <div class="span12">
     <h1>New Icons in 2.0.3</h1>
-    <p>You asked, Font Awesome delivers with 63 shiny new icons in 2.0.3. This giant set of new icons was requested on the Font Awesome GitHub project and includes icon parity with Bootstrap 2.0.3.</p>
+    <p>You asked, Font Awesome delivers with 69 shiny new icons in 2.0.3. This giant set of new icons was requested on the Font Awesome GitHub project and includes icon parity with Bootstrap 2.0.3.</p>
   </div>
 
   <div class="span3">
     <ul class="the-icons">
       <li><i class="icon-beaker"></i> icon-beaker</li>
       <li><i class="icon-bell"></i> icon-bell</li>
+      <li><i class="icon-bolt"></i> icon-bolt</li>
       <li><i class="icon-bookmark-empty"></i> icon-bookmark-empty</li>
       <li><i class="icon-briefcase"></i> icon-briefcase</li>
       <li><i class="icon-bullhorn"></i> icon-bullhorn</li>
@@ -153,25 +154,25 @@
       <li><i class="icon-caret-right"></i> icon-caret-right</li>
       <li><i class="icon-caret-up"></i> icon-caret-up</li>
       <li><i class="icon-certificate"></i> icon-certificate</li>
-      <li><i class="icon-chart-pie-empty"></i> icon-chart-pie-empty</li>
-      <li><i class="icon-chart-pie-full"></i> icon-chart-pie-full</li>
-      <li><i class="icon-chart-pie-one-third"></i> icon-chart-pie-one-third</li>
-      <li><i class="icon-chart-pie-two-thirds"></i> icon-chart-pie-two-thirds</li>
       <li><i class="icon-check-empty"></i> icon-check-empty</li>
       <li><i class="icon-circle-arrow-down"></i> icon-circle-arrow-down</li>
+      <li><i class="icon-circle-arrow-left"></i> icon-circle-arrow-left</li>
+      <li><i class="icon-circle-arrow-right"></i> icon-circle-arrow-right</li>
+      <li><i class="icon-circle-arrow-up"></i> icon-circle-arrow-up</li>
+      <li><i class="icon-cloud"></i> icon-cloud</li>
+      <li><i class="icon-columns"></i> icon-columns</li>
     </ul>
   </div>
 
   <div class="span3">
     <ul class="the-icons">
-    <li><i class="icon-circle-arrow-left"></i> icon-circle-arrow-left</li>
-      <li><i class="icon-circle-arrow-right"></i> icon-circle-arrow-right</li>
-      <li><i class="icon-circle-arrow-up"></i> icon-circle-arrow-up</li>
-      <li><i class="icon-cloud"></i> icon-cloud</li>
-      <li><i class="icon-columns"></i> icon-columns</li>
+      <li><i class="icon-comment-alt"></i> icon-comment-alt</li>
+      <li><i class="icon-comments-alt"></i> icon-comments-alt</li>
       <li><i class="icon-copy"></i> icon-copy</li>
       <li><i class="icon-credit-card"></i> icon-credit-card</li>
       <li><i class="icon-cut"></i> icon-cut</li>
+      <li><i class="icon-dashboard"></i> icon-dashboard</li>
+      <li><i class="icon-envelope-alt"></i> icon-envelope-alt</li>
       <li><i class="icon-facebook"></i> icon-facebook</li>
       <li><i class="icon-filter"></i> icon-filter</li>
       <li><i class="icon-fullscreen"></i> icon-fullscreen</li>
@@ -180,20 +181,23 @@
       <li><i class="icon-google-plus-sign"></i> icon-google-plus-sign</li>
       <li><i class="icon-google-plus"></i> icon-google-plus</li>
       <li><i class="icon-group"></i> icon-group</li>
+      <li><i class="icon-hand-down"></i> icon-hand-down</li>
+      <li><i class="icon-hand-left"></i> icon-hand-left</li>
     </ul>
   </div>
 
   <div class="span3">
     <ul class="the-icons">
-      <li><i class="icon-hand-down"></i> icon-hand-down</li>
-      <li><i class="icon-hand-left"></i> icon-hand-left</li>
       <li><i class="icon-hand-right"></i> icon-hand-right</li>
       <li><i class="icon-hand-up"></i> icon-hand-up</li>
       <li><i class="icon-hdd"></i> icon-hdd</li>
+      <li><i class="icon-legal"></i> icon-legal</li>
       <li><i class="icon-link"></i> icon-link</li>
+      <li><i class="icon-linkedin"></i> icon-linkedin</li>
+      <li><i class="icon-list-ol"></i> icon-list-ol</li>
+      <li><i class="icon-list-ul"></i> icon-list-ul</li>
       <li><i class="icon-magic"></i> icon-magic</li>
       <li><i class="icon-money"></i> icon-money</li>
-      <li><i class="icon-ol"></i> icon-ol</li>
       <li><i class="icon-paper-clip"></i> icon-paper-clip</li>
       <li><i class="icon-phone-sign"></i> icon-phone-sign</li>
       <li><i class="icon-phone"></i> icon-phone</li>
@@ -208,6 +212,7 @@
     <ul class="the-icons">
       <li><i class="icon-save"></i> icon-save</li>
       <li><i class="icon-sign-blank"></i> icon-sign-blank</li>
+      <li><i class="icon-sitemap"></i> icon-sitemap</li>
       <li><i class="icon-sort-down"></i> icon-sort-down</li>
       <li><i class="icon-sort-up"></i> icon-sort-up</li>
       <li><i class="icon-sort"></i> icon-sort</li>
@@ -216,8 +221,9 @@
       <li><i class="icon-tasks"></i> icon-tasks</li>
       <li><i class="icon-truck"></i> icon-truck</li>
       <li><i class="icon-twitter"></i> icon-twitter</li>
-      <li><i class="icon-ul"></i> icon-ul</li>
+      <li><i class="icon-umbrella"></i> icon-umbrella</li>
       <li><i class="icon-underline"></i> icon-underline</li>
+      <li><i class="icon-undo"></i> icon-undo</li>
       <li><i class="icon-unlock"></i> icon-unlock</li>
       <li><i class="icon-user-md"></i> icon-user-md</li>
       <li><i class="icon-wrench"></i> icon-wrench</li>
@@ -226,199 +232,321 @@
 </section>
 
 
-<section id="base-icons" class="row">
+<section id="all-icons" class="row">
   <div class="span12">
-    <h1>Base Icons</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>
+    <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>
+  </div>
+  <div class="span3">
+    <ul class="the-icons">
+      <li><i class="icon-adjust"></i> icon-adjust</li>
+      <li><i class="icon-asterisk"></i> icon-asterisk</li>
+      <li><i class="icon-ban-circle"></i> icon-ban-circle</li>
+      <li><i class="icon-bar-chart"></i> icon-bar-chart</li>
+      <li><i class="icon-barcode"></i> icon-barcode</li>
+      <li><i class="icon-beaker"></i> icon-beaker</li>
+      <li><i class="icon-bell"></i> icon-bell</li>
+      <li><i class="icon-bolt"></i> icon-bolt</li>
+      <li><i class="icon-book"></i> icon-book</li>
+      <li><i class="icon-bookmark"></i> icon-bookmark</li>
+      <li><i class="icon-bookmark-empty"></i> icon-bookmark-empty</li>
+      <li><i class="icon-briefcase"></i> icon-briefcase</li>
+      <li><i class="icon-bullhorn"></i> icon-bullhorn</li>
+      <li><i class="icon-calendar"></i> icon-calendar</li>
+      <li><i class="icon-camera"></i> icon-camera</li>
+      <li><i class="icon-camera-retro"></i> icon-camera-retro</li>
+      <li><i class="icon-certificate"></i> icon-certificate</li>
+      <li><i class="icon-check"></i> icon-check</li>
+      <li><i class="icon-check-empty"></i> icon-check-empty</li>
+      <li><i class="icon-cloud"></i> icon-cloud</li>
+      <li><i class="icon-cog"></i> icon-cog</li>
+      <li><i class="icon-cogs"></i> icon-cogs</li>
+      <li><i class="icon-comment"></i> icon-comment</li>
+      <li><i class="icon-comment-alt"></i> icon-comment-alt</li>
+      <li><i class="icon-comments"></i> icon-comments</li>
+      <li><i class="icon-comments-alt"></i> icon-comments-alt</li>
+      <li><i class="icon-credit-card"></i> icon-credit-card</li>
+      <li><i class="icon-dashboard"></i> icon-dashboard</li>
+      <li><i class="icon-download"></i> icon-download</li>
+      <li><i class="icon-download-alt"></i> icon-download-alt</li>
+      <li><i class="icon-edit"></i> icon-edit</li>
+      <li><i class="icon-envelope"></i> icon-envelope</li>
+      <li><i class="icon-envelope-alt"></i> icon-envelope-alt</li>
+    </ul>
   </div>
   <div class="span3">
     <ul class="the-icons">
+      <li><i class="icon-exclamation-sign"></i> icon-exclamation-sign</li>
+      <li><i class="icon-external-link"></i> icon-external-link</li>
+      <li><i class="icon-eye-close"></i> icon-eye-close</li>
+      <li><i class="icon-eye-open"></i> icon-eye-open</li>
+      <li><i class="icon-facetime-video"></i> icon-facetime-video</li>
+      <li><i class="icon-film"></i> icon-film</li>
+      <li><i class="icon-filter"></i> icon-filter</li>
+      <li><i class="icon-fire"></i> icon-fire</li>
+      <li><i class="icon-flag"></i> icon-flag</li>
+      <li><i class="icon-folder-close"></i> icon-folder-close</li>
+      <li><i class="icon-folder-open"></i> icon-folder-open</li>
+      <li><i class="icon-gift"></i> icon-gift</li>
       <li><i class="icon-glass"></i> icon-glass</li>
+      <li><i class="icon-globe"></i> icon-globe</li>
+      <li><i class="icon-group"></i> icon-group</li>
+      <li><i class="icon-hdd"></i> icon-hdd</li>
+      <li><i class="icon-headphones"></i> icon-headphones</li>
+      <li><i class="icon-heart"></i> icon-heart</li>
+      <li><i class="icon-heart-empty"></i> icon-heart-empty</li>
+      <li><i class="icon-home"></i> icon-home</li>
+      <li><i class="icon-inbox"></i> icon-inbox</li>
+      <li><i class="icon-info-sign"></i> icon-info-sign</li>
+      <li><i class="icon-key"></i> icon-key</li>
+      <li><i class="icon-leaf"></i> icon-leaf</li>
+      <li><i class="icon-legal"></i> icon-legal</li>
+      <li><i class="icon-lemon"></i> icon-lemon</li>
+      <li><i class="icon-lock"></i> icon-lock</li>
+      <li><i class="icon-unlock"></i> icon-unlock</li>
+      <li><i class="icon-magic"></i> icon-magic</li>
+      <li><i class="icon-magnet"></i> icon-magnet</li>
+      <li><i class="icon-map-marker"></i> icon-map-marker</li>
+      <li><i class="icon-minus"></i> icon-minus</li>
+      <li><i class="icon-minus-sign"></i> icon-minus-sign</li>
+    </ul>
+  </div>
+  <div class="span3">
+    <ul class="the-icons">
+      <li><i class="icon-money"></i> icon-money</li>
+      <li><i class="icon-move"></i> icon-move</li>
       <li><i class="icon-music"></i> icon-music</li>
+      <li><i class="icon-off"></i> icon-off</li>
+      <li><i class="icon-ok"></i> icon-ok</li>
+      <li><i class="icon-ok-circle"></i> icon-ok-circle</li>
+      <li><i class="icon-ok-sign"></i> icon-ok-sign</li>
+      <li><i class="icon-pencil"></i> icon-pencil</li>
+      <li><i class="icon-picture"></i> icon-picture</li>
+      <li><i class="icon-plane"></i> icon-plane</li>
+      <li><i class="icon-plus"></i> icon-plus</li>
+      <li><i class="icon-plus-sign"></i> icon-plus-sign</li>
+      <li><i class="icon-print"></i> icon-print</li>
+      <li><i class="icon-pushpin"></i> icon-pushpin</li>
+      <li><i class="icon-qrcode"></i> icon-qrcode</li>
+      <li><i class="icon-question-sign"></i> icon-question-sign</li>
+      <li><i class="icon-random"></i> icon-random</li>
+      <li><i class="icon-refresh"></i> icon-refresh</li>
+      <li><i class="icon-remove"></i> icon-remove</li>
+      <li><i class="icon-remove-circle"></i> icon-remove-circle</li>
+      <li><i class="icon-remove-sign"></i> icon-remove-sign</li>
+      <li><i class="icon-reorder"></i> icon-reorder</li>
+      <li><i class="icon-resize-horizontal"></i> icon-resize-horizontal</li>
+      <li><i class="icon-resize-vertical"></i> icon-resize-vertical</li>
+      <li><i class="icon-retweet"></i> icon-retweet</li>
+      <li><i class="icon-road"></i> icon-road</li>
+      <li><i class="icon-rss"></i> icon-rss</li>
+      <li><i class="icon-screenshot"></i> icon-screenshot</li>
       <li><i class="icon-search"></i> icon-search</li>
-      <li><i class="icon-envelope"></i> icon-envelope</li>
-      <li><i class="icon-heart"></i> icon-heart</li>
+      <li><i class="icon-share"></i> icon-share</li>
+      <li><i class="icon-share-alt"></i> icon-share-alt</li>
+      <li><i class="icon-shopping-cart"></i> icon-shopping-cart</li>
+    </ul>
+  </div>
+  <div class="span3">
+    <ul class="the-icons">
+      <li><i class="icon-signal"></i> icon-signal</li>
+      <li><i class="icon-signin"></i> icon-signin</li>
+      <li><i class="icon-signout"></i> icon-signout</li>
+      <li><i class="icon-sitemap"></i> icon-sitemap</li>
+      <li><i class="icon-sort"></i> icon-sort</li>
+      <li><i class="icon-sort-down"></i> icon-sort-down</li>
+      <li><i class="icon-sort-up"></i> icon-sort-up</li>
       <li><i class="icon-star"></i> icon-star</li>
       <li><i class="icon-star-empty"></i> icon-star-empty</li>
+      <li><i class="icon-star-half"></i> icon-star-half</li>
+      <li><i class="icon-tag"></i> icon-tag</li>
+      <li><i class="icon-tags"></i> icon-tags</li>
+      <li><i class="icon-tasks"></i> icon-tasks</li>
+      <li><i class="icon-thumbs-down"></i> icon-thumbs-down</li>
+      <li><i class="icon-thumbs-up"></i> icon-thumbs-up</li>
+      <li><i class="icon-time"></i> icon-time</li>
+      <li><i class="icon-tint"></i> icon-tint</li>
+      <li><i class="icon-trash"></i> icon-trash</li>
+      <li><i class="icon-trophy"></i> icon-trophy</li>
+      <li><i class="icon-truck"></i> icon-truck</li>
+      <li><i class="icon-umbrella"></i> icon-umbrella</li>
+      <li><i class="icon-upload"></i> icon-upload</li>
+      <li><i class="icon-upload-alt"></i> icon-upload-alt</li>
       <li><i class="icon-user"></i> icon-user</li>
-      <li><i class="icon-film"></i> icon-film</li>
-      <li><i class="icon-th-large"></i> icon-th-large</li>
-      <li><i class="icon-th"></i> icon-th</li>
-      <li><i class="icon-th-list"></i> icon-th-list</li>
-      <li><i class="icon-ok"></i> icon-ok</li>
-      <li><i class="icon-remove"></i> icon-remove</li>
+      <li><i class="icon-user-md"></i> icon-user-md</li>
+      <li><i class="icon-volume-off"></i> icon-volume-off</li>
+      <li><i class="icon-volume-down"></i> icon-volume-down</li>
+      <li><i class="icon-volume-up"></i> icon-volume-up</li>
+      <li><i class="icon-warning-sign"></i> icon-warning-sign</li>
+      <li><i class="icon-wrench"></i> icon-wrench</li>
       <li><i class="icon-zoom-in"></i> icon-zoom-in</li>
-
       <li><i class="icon-zoom-out"></i> icon-zoom-out</li>
-      <li><i class="icon-off"></i> icon-off</li>
-      <li><i class="icon-signal"></i> icon-signal</li>
-      <li><i class="icon-cog"></i> icon-cog</li>
-      <li><i class="icon-trash"></i> icon-trash</li>
-      <li><i class="icon-home"></i> icon-home</li>
+    </ul>
+  </div>
+
+  <div class="span12">
+    <h3>Text Editor Icons</h3>
+  </div>
+  <div class="span3">
+    <ul class="the-icons">
       <li><i class="icon-file"></i> icon-file</li>
-      <li><i class="icon-time"></i> icon-time</li>
-      <li><i class="icon-road"></i> icon-road</li>
-      <li><i class="icon-download-alt"></i> icon-download-alt</li>
-      <li><i class="icon-download"></i> icon-download</li>
-      <li><i class="icon-upload"></i> icon-upload</li>
-      <li><i class="icon-inbox"></i> icon-inbox</li>
-      <li><i class="icon-play-circle"></i> icon-play-circle</li>
+      <li><i class="icon-cut"></i> icon-cut</li>
+      <li><i class="icon-copy"></i> icon-copy</li>
+      <li><i class="icon-save"></i> icon-save</li>
+      <li><i class="icon-undo"></i> icon-undo</li>
       <li><i class="icon-repeat"></i> icon-repeat</li>
+      <li><i class="icon-link"></i> icon-link</li>
+      <li><i class="icon-paper-clip"></i> icon-paper-clip</li>
     </ul>
   </div>
-
   <div class="span3">
     <ul class="the-icons">
-      <li><i class="icon-refresh"></i> icon-refresh</li>
-      <li><i class="icon-list-alt"></i> icon-list-alt</li>
-      <li><i class="icon-lock"></i> icon-lock</li>
-      <li><i class="icon-flag"></i> icon-flag</li>
-      <li><i class="icon-headphones"></i> icon-headphones</li>
-      <li><i class="icon-volume-off"></i> icon-volume-off</li>
-      <li><i class="icon-volume-down"></i> icon-volume-down</li>
-      <li><i class="icon-volume-up"></i> icon-volume-up</li>
-      <li><i class="icon-qrcode"></i> icon-qrcode</li>
-      <li><i class="icon-barcode"></i> icon-barcode</li>
-      <li><i class="icon-tag"></i> icon-tag</li>
-      <li><i class="icon-tags"></i> icon-tags</li>
-      <li><i class="icon-book"></i> icon-book</li>
-      <li><i class="icon-bookmark"></i> icon-bookmark</li>
-      <li><i class="icon-print"></i> icon-print</li>
-
-      <li><i class="icon-camera"></i> icon-camera</li>
-      <li><i class="icon-font"></i> icon-font</li>
-      <li><i class="icon-bold"></i> icon-bold</li>
-      <li><i class="icon-italic"></i> icon-italic</li>
       <li><i class="icon-text-height"></i> icon-text-height</li>
       <li><i class="icon-text-width"></i> icon-text-width</li>
       <li><i class="icon-align-left"></i> icon-align-left</li>
       <li><i class="icon-align-center"></i> icon-align-center</li>
       <li><i class="icon-align-right"></i> icon-align-right</li>
       <li><i class="icon-align-justify"></i> icon-align-justify</li>
-      <li><i class="icon-list"></i> icon-list</li>
       <li><i class="icon-indent-left"></i> icon-indent-left</li>
       <li><i class="icon-indent-right"></i> icon-indent-right</li>
-      <li><i class="icon-facetime-video"></i> icon-facetime-video</li>
-      <li><i class="icon-picture"></i> icon-picture</li>
+    </ul>
+  </div>
+  <div class="span3">
+    <ul class="the-icons">
+      <li><i class="icon-font"></i> icon-font</li>
+      <li><i class="icon-bold"></i> icon-bold</li>
+      <li><i class="icon-italic"></i> icon-italic</li>
+      <li><i class="icon-strikethrough"></i> icon-strikethrough</li>
+      <li><i class="icon-underline"></i> icon-underline</li>
+      <li><i class="icon-columns"></i> icon-columns</li>
+      <li><i class="icon-table"></i> icon-table</li>
+    </ul>
+  </div>
+  <div class="span3">
+    <ul class="the-icons">
+      <li><i class="icon-th-large"></i> icon-th-large</li>
+      <li><i class="icon-th"></i> icon-th</li>
+      <li><i class="icon-th-list"></i> icon-th-list</li>
+      <li><i class="icon-list"></i> icon-list</li>
+      <li><i class="icon-list-ol"></i> icon-list-ol</li>
+      <li><i class="icon-list-ul"></i> icon-list-ul</li>
+      <li><i class="icon-list-alt"></i> icon-list-alt</li>
     </ul>
   </div>
 
+  <div class="span12">
+    <h3>Directional Icons</h3>
+  </div>
   <div class="span3">
     <ul class="the-icons">
-      <li><i class="icon-pencil"></i> icon-pencil</li>
-      <li><i class="icon-map-marker"></i> icon-map-marker</li>
-      <li><i class="icon-adjust"></i> icon-adjust</li>
-      <li><i class="icon-tint"></i> icon-tint</li>
-      <li><i class="icon-edit"></i> icon-edit</li>
-      <li><i class="icon-share"></i> icon-share</li>
-      <li><i class="icon-check"></i> icon-check</li>
-      <li><i class="icon-move"></i> icon-move</li>
-      <li><i class="icon-step-backward"></i> icon-step-backward</li>
-      <li><i class="icon-fast-backward"></i> icon-fast-backward</li>
-      <li><i class="icon-backward"></i> icon-backward</li>
+      <li><i class="icon-arrow-down"></i> icon-arrow-down</li>
+      <li><i class="icon-arrow-left"></i> icon-arrow-left</li>
+      <li><i class="icon-arrow-right"></i> icon-arrow-right</li>
+      <li><i class="icon-arrow-up"></i> icon-arrow-up</li>
+      <li><i class="icon-chevron-down"></i> icon-chevron-down</li>
+    </ul>
+  </div>
+  <div class="span3">
+    <ul class="the-icons">
+      <li><i class="icon-circle-arrow-down"></i> icon-circle-arrow-down</li>
+      <li><i class="icon-circle-arrow-left"></i> icon-circle-arrow-left</li>
+      <li><i class="icon-circle-arrow-right"></i> icon-circle-arrow-right</li>
+      <li><i class="icon-circle-arrow-up"></i> icon-circle-arrow-up</li>
+      <li><i class="icon-chevron-left"></i> icon-chevron-left</li>
+    </ul>
+  </div>
+  <div class="span3">
+    <ul class="the-icons">
+      <li><i class="icon-caret-down"></i> icon-caret-down</li>
+      <li><i class="icon-caret-left"></i> icon-caret-left</li>
+      <li><i class="icon-caret-right"></i> icon-caret-right</li>
+      <li><i class="icon-caret-up"></i> icon-caret-up</li>
+      <li><i class="icon-chevron-right"></i> icon-chevron-right</li>
+    </ul>
+  </div>
+  <div class="span3">
+    <ul class="the-icons">
+      <li><i class="icon-hand-down"></i> icon-hand-down</li>
+      <li><i class="icon-hand-left"></i> icon-hand-left</li>
+      <li><i class="icon-hand-right"></i> icon-hand-right</li>
+      <li><i class="icon-hand-up"></i> icon-hand-up</li>
+      <li><i class="icon-chevron-up"></i> icon-chevron-up</li>
+    </ul>
+  </div>
+
+  <div class="span12">
+    <h3>Video Player Icons</h3>
+  </div>
+  <div class="span3">
+    <ul class="the-icons">
+      <li><i class="icon-play-circle"></i> icon-play-circle</li>
       <li><i class="icon-play"></i> icon-play</li>
       <li><i class="icon-pause"></i> icon-pause</li>
       <li><i class="icon-stop"></i> icon-stop</li>
+    </ul>
+  </div>
+  <div class="span3">
+    <ul class="the-icons">
+      <li><i class="icon-step-backward"></i> icon-step-backward</li>
+      <li><i class="icon-fast-backward"></i> icon-fast-backward</li>
+      <li><i class="icon-backward"></i> icon-backward</li>
       <li><i class="icon-forward"></i> icon-forward</li>
-
+    </ul>
+  </div>
+  <div class="span3">
+    <ul class="the-icons">
       <li><i class="icon-fast-forward"></i> icon-fast-forward</li>
       <li><i class="icon-step-forward"></i> icon-step-forward</li>
       <li><i class="icon-eject"></i> icon-eject</li>
-      <li><i class="icon-chevron-left"></i> icon-chevron-left</li>
-      <li><i class="icon-chevron-right"></i> icon-chevron-right</li>
-      <li><i class="icon-plus-sign"></i> icon-plus-sign</li>
-      <li><i class="icon-minus-sign"></i> icon-minus-sign</li>
-      <li><i class="icon-remove-sign"></i> icon-remove-sign</li>
-      <li><i class="icon-ok-sign"></i> icon-ok-sign</li>
-      <li><i class="icon-question-sign"></i> icon-question-sign</li>
-      <li><i class="icon-info-sign"></i> icon-info-sign</li>
-      <li><i class="icon-screenshot"></i> icon-screenshot</li>
-      <li><i class="icon-remove-circle"></i> icon-remove-circle</li>
-      <li><i class="icon-ok-circle"></i> icon-ok-circle</li>
-      <li><i class="icon-ban-circle"></i> icon-ban-circle</li>
     </ul>
   </div>
-
   <div class="span3">
     <ul class="the-icons">
-      <li><i class="icon-arrow-left"></i> icon-arrow-left</li>
-      <li><i class="icon-arrow-right"></i> icon-arrow-right</li>
-      <li><i class="icon-arrow-up"></i> icon-arrow-up</li>
-      <li><i class="icon-arrow-down"></i> icon-arrow-down</li>
-      <li><i class="icon-share-alt"></i> icon-share-alt</li>
+      <li><i class="icon-fullscreen"></i> icon-fullscreen</li>
       <li><i class="icon-resize-full"></i> icon-resize-full</li>
       <li><i class="icon-resize-small"></i> icon-resize-small</li>
-      <li><i class="icon-plus"></i> icon-plus</li>
-      <li><i class="icon-minus"></i> icon-minus</li>
-      <li><i class="icon-asterisk"></i> icon-asterisk</li>
-      <li><i class="icon-exclamation-sign"></i> icon-exclamation-sign</li>
-      <li><i class="icon-gift"></i> icon-gift</li>
-      <li><i class="icon-leaf"></i> icon-leaf</li>
-      <li><i class="icon-fire"></i> icon-fire</li>
-      <li><i class="icon-eye-open"></i> icon-eye-open</li>
-
-      <li><i class="icon-eye-close"></i> icon-eye-close</li>
-      <li><i class="icon-warning-sign"></i> icon-warning-sign</li>
-      <li><i class="icon-plane"></i> icon-plane</li>
-      <li><i class="icon-calendar"></i> icon-calendar</li>
-      <li><i class="icon-random"></i> icon-random</li>
-      <li><i class="icon-comment"></i> icon-comment</li>
-      <li><i class="icon-magnet"></i> icon-magnet</li>
-      <li><i class="icon-chevron-up"></i> icon-chevron-up</li>
-      <li><i class="icon-chevron-down"></i> icon-chevron-down</li>
-      <li><i class="icon-retweet"></i> icon-retweet</li>
-      <li><i class="icon-shopping-cart"></i> icon-shopping-cart</li>
-      <li><i class="icon-folder-close"></i> icon-folder-close</li>
-      <li><i class="icon-folder-open"></i> icon-folder-open</li>
-      <li><i class="icon-resize-vertical"></i> icon-resize-vertical</li>
-      <li><i class="icon-resize-horizontal"></i> icon-resize-horizontal</li>
     </ul>
   </div>
-</section>
 
-<section id="extended-icons" class="row">
   <div class="span12">
-    <h1>Extended Icons</h1>
-    <p>
-      But wait, there's more! Font Awesome also includes this set of ever-expanding extra-awesome pictograms.
-    </p>
+    <h3>Social Icons</h3>
   </div>
   <div class="span3">
     <ul class="the-icons">
-      <li><i class="icon-camera-retro"></i> icon-camera-retro</li>
-      <li><i class="icon-bar-chart"></i> icon-bar-chart</li>
-      <li><i class="icon-cogs"></i> icon-cogs</li>
-      <li><i class="icon-external-link"></i> icon-external-link</li>
-      <li><i class="icon-pushpin"></i> icon-pushpin</li>
+      <li><i class="icon-phone"></i> icon-phone</li>
+      <li><i class="icon-phone-sign"></i> icon-phone-sign</li>
+      <li><i class="icon-facebook"></i> icon-facebook</li>
+      <li><i class="icon-facebook-sign"></i> icon-facebook-sign</li>
     </ul>
   </div>
   <div class="span3">
     <ul class="the-icons">
-      <li><i class="icon-facebook-sign"></i> icon-facebook-sign</li>
+      <li><i class="icon-twitter"></i> icon-twitter</li>
       <li><i class="icon-twitter-sign"></i> icon-twitter-sign</li>
-      <li><i class="icon-linkedin-sign"></i> icon-linkedin-sign</li>
+      <li><i class="icon-github"></i> icon-github</li>
       <li><i class="icon-github-sign"></i> icon-github-sign</li>
-      <li><i class="icon-key"></i> icon-key</li>
     </ul>
   </div>
   <div class="span3">
     <ul class="the-icons">
-      <li><i class="icon-thumbs-down"></i> icon-thumbs-down</li>
-      <li><i class="icon-thumbs-up"></i> icon-thumbs-up</li>
-      <li><i class="icon-comments"></i> icon-comments</li>
-      <li><i class="icon-trophy"></i> icon-trophy</li>
-      <li><i class="icon-upload-alt"></i> icon-upload-alt</li>
+      <li><i class="icon-linkedin"></i> icon-linkedin</li>
+      <li><i class="icon-linkedin-sign"></i> icon-linkedin-sign</li>
+      <li><i class="icon-pinterest"></i> icon-pinterest</li>
+      <li><i class="icon-pinterest-sign"></i> icon-pinterest-sign</li>
     </ul>
   </div>
   <div class="span3">
     <ul class="the-icons">
-      <li><i class="icon-signin"></i> icon-signin</li>
-      <li><i class="icon-signout"></i> icon-signout</li>
-      <li><i class="icon-star-half"></i> icon-star-half</li>
-      <li><i class="icon-heart-empty"></i> icon-heart-empty</li>
-      <li><i class="icon-lemon"></i> icon-lemon</li>
+      <li><i class="icon-google-plus"></i> icon-google-plus</li>
+      <li><i class="icon-google-plus-sign"></i> icon-google-plus-sign</li>
+      <li><i class="icon-sign-blank"></i> icon-sign-blank</li>
     </ul>
   </div>
+
 </section>
 
 <section id="examples">
@@ -852,19 +980,19 @@
   <div class="modal hide fade in">
     <div class="modal-header">
       <a class="close" data-dismiss="modal"><i class="icon-remove"></i></a>
-      <h3><%= style %></h3>
+      <h3><%= iconName %></h3>
     </div>
     <div class="modal-body">
       <div class="row">
         <div class="span3 icon6">
           <div class="thumbnail">
-            <div><i class="<%= style %>"></i></div>
+            <div><i class="<%= iconName %>"></i></div>
             340px
           </div>
         </div>
         <div class="span3 icon5">
           <div class="thumbnail">
-            <div><i class="<%= style %>"></i></div>
+            <div><i class="<%= iconName %>"></i></div>
             180px
           </div>
         </div>
@@ -872,25 +1000,25 @@
       <div class="row">
         <div class="span2 icon4">
           <div class="thumbnail">
-            <div><i class="<%= style %>"></i></div>
+            <div><i class="<%= iconName %>"></i></div>
             100px
           </div>
         </div>
         <div class="span2 icon3">
           <div class="thumbnail">
-            <div><i class="<%= style %>"></i></div>
+            <div><i class="<%= iconName %>"></i></div>
             50px
           </div>
         </div>
         <div class="span1 icon2">
           <div class="thumbnail">
-            <div><i class="<%= style %>"></i></div>
+            <div><i class="<%= iconName %>"></i></div>
             20px
           </div>
         </div>
         <div class="span1 icon1">
           <div class="thumbnail">
-            <div><i class="<%= style %>"></i></div>
+            <div><i class="<%= iconName %>"></i></div>
             12 px
           </div>
         </div>

less/font-awesome.less

@@ -56,7 +56,7 @@ a [class*=" icon-"] {
   font-size: 4/3em;
 }
 
-.btn {
+.btn, .nav-tabs {
   [class^="icon-"],
   [class*=" icon-"] {
   /* keeps button heights with and without icons the same */
@@ -290,8 +290,8 @@ ul.icons {
 .icon-save:before                 { content: "\f0c7"; }
 .icon-sign-blank:before           { content: "\f0c8"; }
 .icon-reorder:before              { content: "\f0c9"; }
-.icon-ul:before                   { content: "\f0ca"; }
-.icon-ol:before                   { content: "\f0cb"; }
+.icon-list-ul:before              { content: "\f0ca"; }
+.icon-list-ol:before              { content: "\f0cb"; }
 .icon-strikethrough:before        { content: "\f0cc"; }
 .icon-underline:before            { content: "\f0cd"; }
 .icon-table:before                { content: "\f0ce"; }
@@ -312,8 +312,15 @@ ul.icons {
 .icon-sort-down:before            { content: "\f0dd"; }
 .icon-sort-up:before              { content: "\f0de"; }
 
+.icon-envelope-alt:before         { content: "\f0e0"; }
+.icon-linkedin:before             { content: "\f0e1"; }
+.icon-undo:before                 { content: "\f0e2"; }
+.icon-legal:before                { content: "\f0e3"; }
+.icon-dashboard:before            { content: "\f0e4"; }
+.icon-comment-alt:before          { content: "\f0e5"; }
+.icon-comments-alt:before         { content: "\f0e6"; }
+.icon-bolt:before                 { content: "\f0e7"; }
+.icon-sitemap:before              { content: "\f0e8"; }
+.icon-umbrella:before             { content: "\f0e9"; }
+
 .icon-user-md:before              { content: "\f200"; }
-.icon-chart-pie-one-third:before  { content: "\f201"; }
-.icon-chart-pie-two-thirds:before { content: "\f202"; }
-.icon-chart-pie-full:before       { content: "\f203"; }
-.icon-chart-pie-empty:before      { content: "\f204"; }