You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@couchdb.apache.org by de...@apache.org on 2014/07/23 21:24:38 UTC

[29/64] [abbrv] updated path to reflect new repo ('couchdb-fauxton') and added select-all and deselect-all svg icons.

http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/4aa9e32a/assets/fonts/fauxtonicon.woff
----------------------------------------------------------------------
diff --git a/assets/fonts/fauxtonicon.woff b/assets/fonts/fauxtonicon.woff
index da5cbb6..1bcad6f 100644
Binary files a/assets/fonts/fauxtonicon.woff and b/assets/fonts/fauxtonicon.woff differ

http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/4aa9e32a/assets/fonts/fontcustom.yml
----------------------------------------------------------------------
diff --git a/assets/fonts/fontcustom.yml b/assets/fonts/fontcustom.yml
index b92677b..41bc4e4 100644
--- a/assets/fonts/fontcustom.yml
+++ b/assets/fonts/fontcustom.yml
@@ -19,8 +19,8 @@ quiet: false
 # --------------------------------------------------------------------------- #
 
 input:
-  vectors: PUT_YOUR_PATH_HERE/fauxton/assets/icons         # required
-  templates: PUT_YOUR_PATH_HERE/fauxton/assets/fonts/templates
+  vectors: PUT_YOUR_PATH_HERE/couchdb-fauxton/assets/icons         # required
+  templates: PUT_YOUR_PATH_HERE/couchdb-fauxton/assets/fonts/templates
 
 
 # --------------------------------------------------------------------------- #
@@ -28,10 +28,10 @@ input:
 # --------------------------------------------------------------------------- #
 
 output:
-  fonts: PUT_YOUR_PATH_HERE/fauxton/assets/fonts                              # required
-  # css: PUT_YOUR_PATH_HERE/fauxton/assets/less
-  preview: PUT_YOUR_PATH_HERE/fauxton/assets/fonts/styleguide
-  icons.less: PUT_YOUR_PATH_HERE/fauxton/assets/less 
+  fonts: PUT_YOUR_PATH_HERE/couchdb-fauxton/assets/fonts                              # required
+  # css: PUT_YOUR_PATH_HERE/couchdb-fauxton/assets/less
+  preview: PUT_YOUR_PATH_HERE/couchdb-fauxton/assets/fonts/styleguide
+  icons.less: PUT_YOUR_PATH_HERE/couchdb-fauxton/assets/less 
   #my-custom-template.yml: path/to/template/output
 
 

http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/4aa9e32a/assets/fonts/styleguide/fauxtonicon-preview.html
----------------------------------------------------------------------
diff --git a/assets/fonts/styleguide/fauxtonicon-preview.html b/assets/fonts/styleguide/fauxtonicon-preview.html
index ec2ec84..2081221 100644
--- a/assets/fonts/styleguide/fauxtonicon-preview.html
+++ b/assets/fonts/styleguide/fauxtonicon-preview.html
@@ -184,6 +184,7 @@
 .fonticon-cw:before,
 .fonticon-dashboard:before,
 .fonticon-database:before,
+.fonticon-deselect-all:before,
 .fonticon-document:before,
 .fonticon-documents:before,
 .fonticon-dot-circled:before,
@@ -248,6 +249,7 @@
 .fonticon-right-open:before,
 .fonticon-save:before,
 .fonticon-search:before,
+.fonticon-select-all:before,
 .fonticon-sidenav-filter-function:before,
 .fonticon-sidenav-info:before,
 .fonticon-sidenav-list-function:before,
@@ -283,7 +285,7 @@
   font-smoothing: antialiased;
       }
 
-      .fonticon-activetasks:before { content: "\f173"; }
+      .fonticon-activetasks:before { content: "\f100"; }
 .fonticon-arrow-box-down:before { content: "\f101"; }
 .fonticon-arrow-box-up:before { content: "\f102"; }
 .fonticon-arrow_left:before { content: "\f103"; }
@@ -299,99 +301,101 @@
 .fonticon-cancel:before { content: "\f10d"; }
 .fonticon-cancel-circled:before { content: "\f10e"; }
 .fonticon-cancel-circled2:before { content: "\f10f"; }
-.fonticon-circle-empty:before { content: "\f174"; }
-.fonticon-clipboard:before { content: "\f117"; }
-.fonticon-clock:before { content: "\f118"; }
-.fonticon-cog:before { content: "\f119"; }
-.fonticon-collapse:before { content: "\f11a"; }
-.fonticon-cw:before { content: "\f11b"; }
-.fonticon-dashboard:before { content: "\f11c"; }
-.fonticon-database:before { content: "\f11d"; }
-.fonticon-document:before { content: "\f11e"; }
-.fonticon-documents:before { content: "\f11f"; }
-.fonticon-dot-circled:before { content: "\f120"; }
-.fonticon-down:before { content: "\f121"; }
-.fonticon-down-1:before { content: "\f122"; }
-.fonticon-down-circled:before { content: "\f123"; }
-.fonticon-down-dir:before { content: "\f124"; }
-.fonticon-down-open:before { content: "\f125"; }
-.fonticon-drop-down-dots:before { content: "\f126"; }
-.fonticon-exchange:before { content: "\f127"; }
-.fonticon-expand:before { content: "\f128"; }
-.fonticon-eye:before { content: "\f129"; }
-.fonticon-help:before { content: "\f12a"; }
-.fonticon-help-circled:before { content: "\f12b"; }
-.fonticon-info-circled:before { content: "\f12c"; }
-.fonticon-json:before { content: "\f12d"; }
-.fonticon-key:before { content: "\f12e"; }
-.fonticon-left:before { content: "\f12f"; }
-.fonticon-left-1:before { content: "\f130"; }
-.fonticon-left-circled:before { content: "\f131"; }
-.fonticon-left-dir:before { content: "\f132"; }
-.fonticon-left-open:before { content: "\f133"; }
-.fonticon-link:before { content: "\f134"; }
-.fonticon-list-alt:before { content: "\f135"; }
-.fonticon-lock:before { content: "\f136"; }
-.fonticon-mail:before { content: "\f138"; }
-.fonticon-mail-alt:before { content: "\f139"; }
-.fonticon-megaphone:before { content: "\f13a"; }
-.fonticon-minus:before { content: "\f13b"; }
-.fonticon-minus-circled:before { content: "\f13c"; }
-.fonticon-minus-circled2:before { content: "\f175"; }
-.fonticon-minus-squared:before { content: "\f13d"; }
-.fonticon-minus-squared-alt:before { content: "\f13e"; }
-.fonticon-mixer:before { content: "\f13f"; }
-.fonticon-new-database:before { content: "\f140"; }
-.fonticon-ok:before { content: "\f141"; }
-.fonticon-ok-circled:before { content: "\f142"; }
-.fonticon-ok-circled-2:before { content: "\f143"; }
-.fonticon-paperclip:before { content: "\f144"; }
-.fonticon-pencil:before { content: "\f145"; }
-.fonticon-picture:before { content: "\f146"; }
-.fonticon-play:before { content: "\f147"; }
-.fonticon-plus:before { content: "\f148"; }
-.fonticon-plus-circled:before { content: "\f149"; }
-.fonticon-plus-circled2:before { content: "\f176"; }
-.fonticon-plus-squared:before { content: "\f14a"; }
-.fonticon-plus-squared-alt:before { content: "\f14b"; }
-.fonticon-popin:before { content: "\f14c"; }
-.fonticon-popout:before { content: "\f14d"; }
-.fonticon-profile:before { content: "\f14e"; }
-.fonticon-replicate:before { content: "\f14f"; }
-.fonticon-reply:before { content: "\f150"; }
-.fonticon-reply-all:before { content: "\f151"; }
-.fonticon-resize-full:before { content: "\f152"; }
-.fonticon-resize-full-reverse:before { content: "\f153"; }
-.fonticon-resize-small:before { content: "\f154"; }
-.fonticon-resize-small-reverse:before { content: "\f155"; }
-.fonticon-right:before { content: "\f156"; }
-.fonticon-right-1:before { content: "\f157"; }
-.fonticon-right-circled:before { content: "\f158"; }
-.fonticon-right-dir:before { content: "\f159"; }
-.fonticon-right-open:before { content: "\f15a"; }
-.fonticon-save:before { content: "\f15b"; }
-.fonticon-search:before { content: "\f15c"; }
-.fonticon-sidenav-filter-function:before { content: "\f15d"; }
-.fonticon-sidenav-info:before { content: "\f15e"; }
-.fonticon-sidenav-list-function:before { content: "\f15f"; }
-.fonticon-sidenav-map-reduce:before { content: "\f160"; }
-.fonticon-sidenav-search:before { content: "\f161"; }
-.fonticon-sidenav-show-function:before { content: "\f162"; }
-.fonticon-sidenav-update-function:before { content: "\f163"; }
-.fonticon-sitemap:before { content: "\f164"; }
-.fonticon-stats:before { content: "\f165"; }
-.fonticon-support:before { content: "\f166"; }
-.fonticon-swap-arrows:before { content: "\f167"; }
-.fonticon-table:before { content: "\f168"; }
-.fonticon-trash:before { content: "\f169"; }
-.fonticon-up:before { content: "\f16a"; }
-.fonticon-up-1:before { content: "\f16b"; }
-.fonticon-up-circled:before { content: "\f16c"; }
-.fonticon-up-dir:before { content: "\f16d"; }
-.fonticon-up-open:before { content: "\f16e"; }
-.fonticon-user:before { content: "\f16f"; }
-.fonticon-users:before { content: "\f170"; }
-.fonticon-wrench:before { content: "\f171"; }
+.fonticon-circle-empty:before { content: "\f110"; }
+.fonticon-clipboard:before { content: "\f111"; }
+.fonticon-clock:before { content: "\f112"; }
+.fonticon-cog:before { content: "\f113"; }
+.fonticon-collapse:before { content: "\f114"; }
+.fonticon-cw:before { content: "\f115"; }
+.fonticon-dashboard:before { content: "\f116"; }
+.fonticon-database:before { content: "\f117"; }
+.fonticon-deselect-all:before { content: "\f118"; }
+.fonticon-document:before { content: "\f119"; }
+.fonticon-documents:before { content: "\f11a"; }
+.fonticon-dot-circled:before { content: "\f11b"; }
+.fonticon-down:before { content: "\f11c"; }
+.fonticon-down-1:before { content: "\f11d"; }
+.fonticon-down-circled:before { content: "\f11e"; }
+.fonticon-down-dir:before { content: "\f11f"; }
+.fonticon-down-open:before { content: "\f120"; }
+.fonticon-drop-down-dots:before { content: "\f121"; }
+.fonticon-exchange:before { content: "\f122"; }
+.fonticon-expand:before { content: "\f123"; }
+.fonticon-eye:before { content: "\f124"; }
+.fonticon-help:before { content: "\f125"; }
+.fonticon-help-circled:before { content: "\f126"; }
+.fonticon-info-circled:before { content: "\f127"; }
+.fonticon-json:before { content: "\f128"; }
+.fonticon-key:before { content: "\f129"; }
+.fonticon-left:before { content: "\f12a"; }
+.fonticon-left-1:before { content: "\f12b"; }
+.fonticon-left-circled:before { content: "\f12c"; }
+.fonticon-left-dir:before { content: "\f12d"; }
+.fonticon-left-open:before { content: "\f12e"; }
+.fonticon-link:before { content: "\f12f"; }
+.fonticon-list-alt:before { content: "\f130"; }
+.fonticon-lock:before { content: "\f131"; }
+.fonticon-mail:before { content: "\f132"; }
+.fonticon-mail-alt:before { content: "\f133"; }
+.fonticon-megaphone:before { content: "\f134"; }
+.fonticon-minus:before { content: "\f135"; }
+.fonticon-minus-circled:before { content: "\f136"; }
+.fonticon-minus-circled2:before { content: "\f137"; }
+.fonticon-minus-squared:before { content: "\f138"; }
+.fonticon-minus-squared-alt:before { content: "\f139"; }
+.fonticon-mixer:before { content: "\f13a"; }
+.fonticon-new-database:before { content: "\f13b"; }
+.fonticon-ok:before { content: "\f13c"; }
+.fonticon-ok-circled:before { content: "\f13d"; }
+.fonticon-ok-circled-2:before { content: "\f13e"; }
+.fonticon-paperclip:before { content: "\f13f"; }
+.fonticon-pencil:before { content: "\f140"; }
+.fonticon-picture:before { content: "\f141"; }
+.fonticon-play:before { content: "\f142"; }
+.fonticon-plus:before { content: "\f143"; }
+.fonticon-plus-circled:before { content: "\f144"; }
+.fonticon-plus-circled2:before { content: "\f145"; }
+.fonticon-plus-squared:before { content: "\f146"; }
+.fonticon-plus-squared-alt:before { content: "\f147"; }
+.fonticon-popin:before { content: "\f148"; }
+.fonticon-popout:before { content: "\f149"; }
+.fonticon-profile:before { content: "\f14a"; }
+.fonticon-replicate:before { content: "\f14b"; }
+.fonticon-reply:before { content: "\f14c"; }
+.fonticon-reply-all:before { content: "\f14d"; }
+.fonticon-resize-full:before { content: "\f14e"; }
+.fonticon-resize-full-reverse:before { content: "\f14f"; }
+.fonticon-resize-small:before { content: "\f150"; }
+.fonticon-resize-small-reverse:before { content: "\f151"; }
+.fonticon-right:before { content: "\f152"; }
+.fonticon-right-1:before { content: "\f153"; }
+.fonticon-right-circled:before { content: "\f154"; }
+.fonticon-right-dir:before { content: "\f155"; }
+.fonticon-right-open:before { content: "\f156"; }
+.fonticon-save:before { content: "\f157"; }
+.fonticon-search:before { content: "\f158"; }
+.fonticon-select-all:before { content: "\f159"; }
+.fonticon-sidenav-filter-function:before { content: "\f15a"; }
+.fonticon-sidenav-info:before { content: "\f15b"; }
+.fonticon-sidenav-list-function:before { content: "\f15c"; }
+.fonticon-sidenav-map-reduce:before { content: "\f15d"; }
+.fonticon-sidenav-search:before { content: "\f15e"; }
+.fonticon-sidenav-show-function:before { content: "\f15f"; }
+.fonticon-sidenav-update-function:before { content: "\f160"; }
+.fonticon-sitemap:before { content: "\f161"; }
+.fonticon-stats:before { content: "\f162"; }
+.fonticon-support:before { content: "\f163"; }
+.fonticon-swap-arrows:before { content: "\f164"; }
+.fonticon-table:before { content: "\f165"; }
+.fonticon-trash:before { content: "\f166"; }
+.fonticon-up:before { content: "\f167"; }
+.fonticon-up-1:before { content: "\f168"; }
+.fonticon-up-circled:before { content: "\f169"; }
+.fonticon-up-dir:before { content: "\f16a"; }
+.fonticon-up-open:before { content: "\f16b"; }
+.fonticon-user:before { content: "\f16c"; }
+.fonticon-users:before { content: "\f16d"; }
+.fonticon-wrench:before { content: "\f16e"; }
     </style>
 
     <!--[if lte IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
@@ -407,7 +411,7 @@
   <body class="characters-off">
     <div id="page" class="container">
       <header>
-        <h1>fauxtonicon contains 109 glyphs:</h1>
+        <h1>fauxtonicon contains 111 glyphs:</h1>
         <a onclick="toggleCharacters(); return false;" href="#">Toggle Preview Characters</a>
       </header>
 
@@ -421,7 +425,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-activetasks" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf173;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf100;" />
         </div>
       </div>
       
@@ -629,7 +633,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-circle-empty" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf174;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf110;" />
         </div>
       </div>
       
@@ -642,7 +646,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-clipboard" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf117;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf111;" />
         </div>
       </div>
       
@@ -655,7 +659,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-clock" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf118;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf112;" />
         </div>
       </div>
       
@@ -668,7 +672,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-cog" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf119;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf113;" />
         </div>
       </div>
       
@@ -681,7 +685,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-collapse" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11a;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf114;" />
         </div>
       </div>
       
@@ -694,7 +698,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-cw" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11b;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf115;" />
         </div>
       </div>
       
@@ -707,7 +711,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-dashboard" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11c;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf116;" />
         </div>
       </div>
       
@@ -720,7 +724,20 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-database" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11d;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf117;" />
+        </div>
+      </div>
+      
+      <div class="glyph">
+        <div class="preview-glyphs">
+          <span class="step size-12"><span class="letters">Pp</span><i id="fonticon-deselect-all" class="fonticon-deselect-all"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fonticon-deselect-all" class="fonticon-deselect-all"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fonticon-deselect-all" class="fonticon-deselect-all"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fonticon-deselect-all" class="fonticon-deselect-all"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fonticon-deselect-all" class="fonticon-deselect-all"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fonticon-deselect-all" class="fonticon-deselect-all"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fonticon-deselect-all" class="fonticon-deselect-all"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fonticon-deselect-a
 ll" class="fonticon-deselect-all"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fonticon-deselect-all" class="fonticon-deselect-all"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fonticon-deselect-all" class="fonticon-deselect-all"></i></span>
+        </div>
+        <div class="preview-scale">
+          <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+        </div>
+        <div class="usage">
+          <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-deselect-all" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf118;" />
         </div>
       </div>
       
@@ -733,7 +750,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-document" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11e;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf119;" />
         </div>
       </div>
       
@@ -746,7 +763,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-documents" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11f;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11a;" />
         </div>
       </div>
       
@@ -759,7 +776,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-dot-circled" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf120;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11b;" />
         </div>
       </div>
       
@@ -772,7 +789,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-down" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf121;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11c;" />
         </div>
       </div>
       
@@ -785,7 +802,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-down-1" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf122;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11d;" />
         </div>
       </div>
       
@@ -798,7 +815,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-down-circled" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf123;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11e;" />
         </div>
       </div>
       
@@ -811,7 +828,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-down-dir" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf124;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11f;" />
         </div>
       </div>
       
@@ -824,7 +841,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-down-open" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf125;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf120;" />
         </div>
       </div>
       
@@ -837,7 +854,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-drop-down-dots" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf126;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf121;" />
         </div>
       </div>
       
@@ -850,7 +867,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-exchange" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf127;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf122;" />
         </div>
       </div>
       
@@ -863,7 +880,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-expand" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf128;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf123;" />
         </div>
       </div>
       
@@ -876,7 +893,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-eye" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf129;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf124;" />
         </div>
       </div>
       
@@ -889,7 +906,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-help" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12a;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf125;" />
         </div>
       </div>
       
@@ -902,7 +919,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-help-circled" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12b;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf126;" />
         </div>
       </div>
       
@@ -915,7 +932,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-info-circled" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12c;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf127;" />
         </div>
       </div>
       
@@ -928,7 +945,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-json" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12d;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf128;" />
         </div>
       </div>
       
@@ -941,7 +958,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-key" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12e;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf129;" />
         </div>
       </div>
       
@@ -954,7 +971,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-left" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12f;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12a;" />
         </div>
       </div>
       
@@ -967,7 +984,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-left-1" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf130;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12b;" />
         </div>
       </div>
       
@@ -980,7 +997,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-left-circled" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf131;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12c;" />
         </div>
       </div>
       
@@ -993,7 +1010,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-left-dir" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf132;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12d;" />
         </div>
       </div>
       
@@ -1006,7 +1023,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-left-open" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf133;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12e;" />
         </div>
       </div>
       
@@ -1019,7 +1036,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-link" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf134;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12f;" />
         </div>
       </div>
       
@@ -1032,7 +1049,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-list-alt" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf135;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf130;" />
         </div>
       </div>
       
@@ -1045,7 +1062,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-lock" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf136;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf131;" />
         </div>
       </div>
       
@@ -1058,7 +1075,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-mail" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf138;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf132;" />
         </div>
       </div>
       
@@ -1071,7 +1088,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-mail-alt" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf139;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf133;" />
         </div>
       </div>
       
@@ -1084,7 +1101,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-megaphone" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13a;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf134;" />
         </div>
       </div>
       
@@ -1097,7 +1114,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-minus" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13b;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf135;" />
         </div>
       </div>
       
@@ -1110,7 +1127,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-minus-circled" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13c;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf136;" />
         </div>
       </div>
       
@@ -1123,7 +1140,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-minus-circled2" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf175;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf137;" />
         </div>
       </div>
       
@@ -1136,7 +1153,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-minus-squared" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13d;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf138;" />
         </div>
       </div>
       
@@ -1149,7 +1166,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-minus-squared-alt" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13e;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf139;" />
         </div>
       </div>
       
@@ -1162,7 +1179,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-mixer" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13f;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13a;" />
         </div>
       </div>
       
@@ -1175,7 +1192,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-new-database" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf140;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13b;" />
         </div>
       </div>
       
@@ -1188,7 +1205,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-ok" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf141;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13c;" />
         </div>
       </div>
       
@@ -1201,7 +1218,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-ok-circled" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf142;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13d;" />
         </div>
       </div>
       
@@ -1214,7 +1231,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-ok-circled-2" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf143;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13e;" />
         </div>
       </div>
       
@@ -1227,7 +1244,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-paperclip" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf144;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13f;" />
         </div>
       </div>
       
@@ -1240,7 +1257,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-pencil" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf145;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf140;" />
         </div>
       </div>
       
@@ -1253,7 +1270,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-picture" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf146;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf141;" />
         </div>
       </div>
       
@@ -1266,7 +1283,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-play" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf147;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf142;" />
         </div>
       </div>
       
@@ -1279,7 +1296,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-plus" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf148;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf143;" />
         </div>
       </div>
       
@@ -1292,7 +1309,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-plus-circled" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf149;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf144;" />
         </div>
       </div>
       
@@ -1305,7 +1322,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-plus-circled2" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf176;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf145;" />
         </div>
       </div>
       
@@ -1318,7 +1335,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-plus-squared" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14a;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf146;" />
         </div>
       </div>
       
@@ -1331,7 +1348,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-plus-squared-alt" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14b;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf147;" />
         </div>
       </div>
       
@@ -1344,7 +1361,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-popin" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14c;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf148;" />
         </div>
       </div>
       
@@ -1357,7 +1374,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-popout" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14d;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf149;" />
         </div>
       </div>
       
@@ -1370,7 +1387,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-profile" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14e;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14a;" />
         </div>
       </div>
       
@@ -1383,7 +1400,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-replicate" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14f;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14b;" />
         </div>
       </div>
       
@@ -1396,7 +1413,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-reply" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf150;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14c;" />
         </div>
       </div>
       
@@ -1409,7 +1426,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-reply-all" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf151;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14d;" />
         </div>
       </div>
       
@@ -1422,7 +1439,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-resize-full" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf152;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14e;" />
         </div>
       </div>
       
@@ -1435,7 +1452,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-resize-full-reverse" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf153;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14f;" />
         </div>
       </div>
       
@@ -1448,7 +1465,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-resize-small" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf154;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf150;" />
         </div>
       </div>
       
@@ -1461,7 +1478,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-resize-small-reverse" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf155;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf151;" />
         </div>
       </div>
       
@@ -1474,7 +1491,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-right" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf156;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf152;" />
         </div>
       </div>
       
@@ -1487,7 +1504,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-right-1" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf157;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf153;" />
         </div>
       </div>
       
@@ -1500,7 +1517,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-right-circled" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf158;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf154;" />
         </div>
       </div>
       
@@ -1513,7 +1530,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-right-dir" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf159;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf155;" />
         </div>
       </div>
       
@@ -1526,7 +1543,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-right-open" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15a;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf156;" />
         </div>
       </div>
       
@@ -1539,7 +1556,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-save" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15b;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf157;" />
         </div>
       </div>
       
@@ -1552,7 +1569,20 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-search" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15c;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf158;" />
+        </div>
+      </div>
+      
+      <div class="glyph">
+        <div class="preview-glyphs">
+          <span class="step size-12"><span class="letters">Pp</span><i id="fonticon-select-all" class="fonticon-select-all"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fonticon-select-all" class="fonticon-select-all"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fonticon-select-all" class="fonticon-select-all"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fonticon-select-all" class="fonticon-select-all"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fonticon-select-all" class="fonticon-select-all"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fonticon-select-all" class="fonticon-select-all"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fonticon-select-all" class="fonticon-select-all"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fonticon-select-all" class="fonticon-select-all
 "></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fonticon-select-all" class="fonticon-select-all"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fonticon-select-all" class="fonticon-select-all"></i></span>
+        </div>
+        <div class="preview-scale">
+          <span class="step">12</span><span class="step">14</span><span class="step">16</span><span class="step">18</span><span class="step">21</span><span class="step">24</span><span class="step">36</span><span class="step">48</span><span class="step">60</span><span class="step">72</span>
+        </div>
+        <div class="usage">
+          <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-select-all" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf159;" />
         </div>
       </div>
       
@@ -1565,7 +1595,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-sidenav-filter-function" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15d;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15a;" />
         </div>
       </div>
       
@@ -1578,7 +1608,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-sidenav-info" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15e;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15b;" />
         </div>
       </div>
       
@@ -1591,7 +1621,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-sidenav-list-function" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15f;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15c;" />
         </div>
       </div>
       
@@ -1604,7 +1634,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-sidenav-map-reduce" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf160;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15d;" />
         </div>
       </div>
       
@@ -1617,7 +1647,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-sidenav-search" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf161;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15e;" />
         </div>
       </div>
       
@@ -1630,7 +1660,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-sidenav-show-function" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf162;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15f;" />
         </div>
       </div>
       
@@ -1643,7 +1673,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-sidenav-update-function" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf163;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf160;" />
         </div>
       </div>
       
@@ -1656,7 +1686,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-sitemap" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf164;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf161;" />
         </div>
       </div>
       
@@ -1669,7 +1699,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-stats" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf165;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf162;" />
         </div>
       </div>
       
@@ -1682,7 +1712,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-support" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf166;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf163;" />
         </div>
       </div>
       
@@ -1695,7 +1725,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-swap-arrows" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf167;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf164;" />
         </div>
       </div>
       
@@ -1708,7 +1738,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-table" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf168;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf165;" />
         </div>
       </div>
       
@@ -1721,7 +1751,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-trash" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf169;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf166;" />
         </div>
       </div>
       
@@ -1734,7 +1764,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-up" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16a;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf167;" />
         </div>
       </div>
       
@@ -1747,7 +1777,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-up-1" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16b;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf168;" />
         </div>
       </div>
       
@@ -1760,7 +1790,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-up-circled" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16c;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf169;" />
         </div>
       </div>
       
@@ -1773,7 +1803,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-up-dir" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16d;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16a;" />
         </div>
       </div>
       
@@ -1786,7 +1816,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-up-open" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16e;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16b;" />
         </div>
       </div>
       
@@ -1799,7 +1829,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-user" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16f;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16c;" />
         </div>
       </div>
       
@@ -1812,7 +1842,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-users" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf170;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16d;" />
         </div>
       </div>
       
@@ -1825,7 +1855,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-wrench" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf171;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16e;" />
         </div>
       </div>
       

http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/4aa9e32a/assets/icons/deselect-all.svg
----------------------------------------------------------------------
diff --git a/assets/icons/deselect-all.svg b/assets/icons/deselect-all.svg
new file mode 100644
index 0000000..c25b446
--- /dev/null
+++ b/assets/icons/deselect-all.svg
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
+<path d="M18,32h-4v-3h4V32z M8,3h3V0H8V3z M11,32v-3H8v3H11z M14,0v3h4V0H14z M27,3h2v2h3V0h-5V3z M3,18v-4H0v4H3z M0,11h3V8H0V11z
+	 M3,24v-3H0v3H3z M24,29h-3v3h3V29z M5,29H3v-2H0v5h5V29z M29,27v2h-2v3h5v-5H29z M29,8v3h3V8H29z M3,5V3h2V0H0v5H3z M21,0v3h3V0H21
+	z M29,14v4h3v-4H29z M32,21h-3v3h3V21z M22.8,9.1c-0.9-0.9-1.9-1.5-3.1-2c-1.2-0.5-2.4-0.8-3.7-0.8c-1.3,0-2.5,0.3-3.7,0.8
+	c-1.2,0.5-2.2,1.2-3.1,2c-0.9,0.9-1.5,1.9-2,3.1S6.4,14.7,6.4,16c0,1.3,0.3,2.6,0.8,3.8c0.5,1.2,1.2,2.2,2,3.1
+	c0.9,0.9,1.9,1.5,3.1,2c1.2,0.5,2.4,0.8,3.7,0.8c1.3,0,2.5-0.3,3.7-0.8c1.2-0.5,2.2-1.2,3.1-2c0.9-0.9,1.5-1.9,2-3.1
+	c0.5-1.2,0.8-2.4,0.8-3.8c0-1.3-0.3-2.6-0.8-3.7S23.6,10,22.8,9.1z M9.2,16c0-1.2,0.3-2.4,0.9-3.4c0.6-1.1,1.4-1.9,2.5-2.5
+	c1-0.6,2.2-0.9,3.4-0.9c1.4,0,2.6,0.4,3.8,1.1l-9.4,9.4C9.6,18.6,9.2,17.3,9.2,16z M22.3,18.6c-0.4,0.8-0.8,1.6-1.5,2.2
+	c-0.6,0.6-1.3,1.1-2.2,1.5c-0.8,0.4-1.7,0.5-2.6,0.5c-1.3,0-2.6-0.4-3.7-1.1l9.4-9.4c0.7,1.1,1.1,2.3,1.1,3.7
+	C22.8,16.9,22.6,17.8,22.3,18.6z"/>
+</svg>

http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/4aa9e32a/assets/icons/select-all.svg
----------------------------------------------------------------------
diff --git a/assets/icons/select-all.svg b/assets/icons/select-all.svg
new file mode 100644
index 0000000..5877dcb
--- /dev/null
+++ b/assets/icons/select-all.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">
+<path d="M18,32h-4v-3h4V32z M8,3h3V0H8V3z M11,32v-3H8v3H11z M14,0v3h4V0H14z M27,3h2v2h3V0h-5V3z M3,18v-4H0v4H3z M0,11h3V8H0V11z
+	 M3,24v-3H0v3H3z M24,29h-3v3h3V29z M5,29H3v-2H0v5h5V29z M29,27v2h-2v3h5v-5H29z M29,8v3h3V8H29z M3,5V3h2V0H0v5H3z M21,0v3h3V0H21
+	z M29,14v4h3v-4H29z M32,21h-3v3h3V21z M9.2,22.9c1.8,1.8,4.1,2.8,6.8,2.8c2.7,0,4.9-0.9,6.8-2.8c1.8-1.8,2.8-4.1,2.8-6.8
+	c0-2.7-0.9-4.9-2.8-6.8c-2-1.9-4.2-2.8-6.8-2.8c-2.6,0-4.9,0.9-6.8,2.8s-2.8,4.1-2.8,6.8C6.4,18.7,7.4,21,9.2,22.9z M11.9,15.2
+	l2,2.1l6.2-6.3l2,2l-6.2,6.2l-2,2l-4-4L11.9,15.2z"/>
+</svg>

http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/4aa9e32a/assets/less/icons.less
----------------------------------------------------------------------
diff --git a/assets/less/icons.less b/assets/less/icons.less
index 2a1166c..8b8559e 100644
--- a/assets/less/icons.less
+++ b/assets/less/icons.less
@@ -63,6 +63,7 @@ https://github.com/seanbarclay/fontcustom/blob/1c3ad3d2633d3a8add39e8827115394e9
 .fonticon-cw:before,
 .fonticon-dashboard:before,
 .fonticon-database:before,
+.fonticon-deselect-all:before,
 .fonticon-document:before,
 .fonticon-documents:before,
 .fonticon-dot-circled:before,
@@ -127,6 +128,7 @@ https://github.com/seanbarclay/fontcustom/blob/1c3ad3d2633d3a8add39e8827115394e9
 .fonticon-right-open:before,
 .fonticon-save:before,
 .fonticon-search:before,
+.fonticon-select-all:before,
 .fonticon-sidenav-filter-function:before,
 .fonticon-sidenav-info:before,
 .fonticon-sidenav-list-function:before,
@@ -162,7 +164,7 @@ https://github.com/seanbarclay/fontcustom/blob/1c3ad3d2633d3a8add39e8827115394e9
   font-smoothing: antialiased;
 }
 
-.fonticon-activetasks:before { content: "\f173"; }
+.fonticon-activetasks:before { content: "\f100"; }
 .fonticon-arrow-box-down:before { content: "\f101"; }
 .fonticon-arrow-box-up:before { content: "\f102"; }
 .fonticon-arrow_left:before { content: "\f103"; }
@@ -178,96 +180,98 @@ https://github.com/seanbarclay/fontcustom/blob/1c3ad3d2633d3a8add39e8827115394e9
 .fonticon-cancel:before { content: "\f10d"; }
 .fonticon-cancel-circled:before { content: "\f10e"; }
 .fonticon-cancel-circled2:before { content: "\f10f"; }
-.fonticon-circle-empty:before { content: "\f174"; }
-.fonticon-clipboard:before { content: "\f117"; }
-.fonticon-clock:before { content: "\f118"; }
-.fonticon-cog:before { content: "\f119"; }
-.fonticon-collapse:before { content: "\f11a"; }
-.fonticon-cw:before { content: "\f11b"; }
-.fonticon-dashboard:before { content: "\f11c"; }
-.fonticon-database:before { content: "\f11d"; }
-.fonticon-document:before { content: "\f11e"; }
-.fonticon-documents:before { content: "\f11f"; }
-.fonticon-dot-circled:before { content: "\f120"; }
-.fonticon-down:before { content: "\f121"; }
-.fonticon-down-1:before { content: "\f122"; }
-.fonticon-down-circled:before { content: "\f123"; }
-.fonticon-down-dir:before { content: "\f124"; }
-.fonticon-down-open:before { content: "\f125"; }
-.fonticon-drop-down-dots:before { content: "\f126"; }
-.fonticon-exchange:before { content: "\f127"; }
-.fonticon-expand:before { content: "\f128"; }
-.fonticon-eye:before { content: "\f129"; }
-.fonticon-help:before { content: "\f12a"; }
-.fonticon-help-circled:before { content: "\f12b"; }
-.fonticon-info-circled:before { content: "\f12c"; }
-.fonticon-json:before { content: "\f12d"; }
-.fonticon-key:before { content: "\f12e"; }
-.fonticon-left:before { content: "\f12f"; }
-.fonticon-left-1:before { content: "\f130"; }
-.fonticon-left-circled:before { content: "\f131"; }
-.fonticon-left-dir:before { content: "\f132"; }
-.fonticon-left-open:before { content: "\f133"; }
-.fonticon-link:before { content: "\f134"; }
-.fonticon-list-alt:before { content: "\f135"; }
-.fonticon-lock:before { content: "\f136"; }
-.fonticon-mail:before { content: "\f138"; }
-.fonticon-mail-alt:before { content: "\f139"; }
-.fonticon-megaphone:before { content: "\f13a"; }
-.fonticon-minus:before { content: "\f13b"; }
-.fonticon-minus-circled:before { content: "\f13c"; }
-.fonticon-minus-circled2:before { content: "\f175"; }
-.fonticon-minus-squared:before { content: "\f13d"; }
-.fonticon-minus-squared-alt:before { content: "\f13e"; }
-.fonticon-mixer:before { content: "\f13f"; }
-.fonticon-new-database:before { content: "\f140"; }
-.fonticon-ok:before { content: "\f141"; }
-.fonticon-ok-circled:before { content: "\f142"; }
-.fonticon-ok-circled-2:before { content: "\f143"; }
-.fonticon-paperclip:before { content: "\f144"; }
-.fonticon-pencil:before { content: "\f145"; }
-.fonticon-picture:before { content: "\f146"; }
-.fonticon-play:before { content: "\f147"; }
-.fonticon-plus:before { content: "\f148"; }
-.fonticon-plus-circled:before { content: "\f149"; }
-.fonticon-plus-circled2:before { content: "\f176"; }
-.fonticon-plus-squared:before { content: "\f14a"; }
-.fonticon-plus-squared-alt:before { content: "\f14b"; }
-.fonticon-popin:before { content: "\f14c"; }
-.fonticon-popout:before { content: "\f14d"; }
-.fonticon-profile:before { content: "\f14e"; }
-.fonticon-replicate:before { content: "\f14f"; }
-.fonticon-reply:before { content: "\f150"; }
-.fonticon-reply-all:before { content: "\f151"; }
-.fonticon-resize-full:before { content: "\f152"; }
-.fonticon-resize-full-reverse:before { content: "\f153"; }
-.fonticon-resize-small:before { content: "\f154"; }
-.fonticon-resize-small-reverse:before { content: "\f155"; }
-.fonticon-right:before { content: "\f156"; }
-.fonticon-right-1:before { content: "\f157"; }
-.fonticon-right-circled:before { content: "\f158"; }
-.fonticon-right-dir:before { content: "\f159"; }
-.fonticon-right-open:before { content: "\f15a"; }
-.fonticon-save:before { content: "\f15b"; }
-.fonticon-search:before { content: "\f15c"; }
-.fonticon-sidenav-filter-function:before { content: "\f15d"; }
-.fonticon-sidenav-info:before { content: "\f15e"; }
-.fonticon-sidenav-list-function:before { content: "\f15f"; }
-.fonticon-sidenav-map-reduce:before { content: "\f160"; }
-.fonticon-sidenav-search:before { content: "\f161"; }
-.fonticon-sidenav-show-function:before { content: "\f162"; }
-.fonticon-sidenav-update-function:before { content: "\f163"; }
-.fonticon-sitemap:before { content: "\f164"; }
-.fonticon-stats:before { content: "\f165"; }
-.fonticon-support:before { content: "\f166"; }
-.fonticon-swap-arrows:before { content: "\f167"; }
-.fonticon-table:before { content: "\f168"; }
-.fonticon-trash:before { content: "\f169"; }
-.fonticon-up:before { content: "\f16a"; }
-.fonticon-up-1:before { content: "\f16b"; }
-.fonticon-up-circled:before { content: "\f16c"; }
-.fonticon-up-dir:before { content: "\f16d"; }
-.fonticon-up-open:before { content: "\f16e"; }
-.fonticon-user:before { content: "\f16f"; }
-.fonticon-users:before { content: "\f170"; }
-.fonticon-wrench:before { content: "\f171"; }
\ No newline at end of file
+.fonticon-circle-empty:before { content: "\f110"; }
+.fonticon-clipboard:before { content: "\f111"; }
+.fonticon-clock:before { content: "\f112"; }
+.fonticon-cog:before { content: "\f113"; }
+.fonticon-collapse:before { content: "\f114"; }
+.fonticon-cw:before { content: "\f115"; }
+.fonticon-dashboard:before { content: "\f116"; }
+.fonticon-database:before { content: "\f117"; }
+.fonticon-deselect-all:before { content: "\f118"; }
+.fonticon-document:before { content: "\f119"; }
+.fonticon-documents:before { content: "\f11a"; }
+.fonticon-dot-circled:before { content: "\f11b"; }
+.fonticon-down:before { content: "\f11c"; }
+.fonticon-down-1:before { content: "\f11d"; }
+.fonticon-down-circled:before { content: "\f11e"; }
+.fonticon-down-dir:before { content: "\f11f"; }
+.fonticon-down-open:before { content: "\f120"; }
+.fonticon-drop-down-dots:before { content: "\f121"; }
+.fonticon-exchange:before { content: "\f122"; }
+.fonticon-expand:before { content: "\f123"; }
+.fonticon-eye:before { content: "\f124"; }
+.fonticon-help:before { content: "\f125"; }
+.fonticon-help-circled:before { content: "\f126"; }
+.fonticon-info-circled:before { content: "\f127"; }
+.fonticon-json:before { content: "\f128"; }
+.fonticon-key:before { content: "\f129"; }
+.fonticon-left:before { content: "\f12a"; }
+.fonticon-left-1:before { content: "\f12b"; }
+.fonticon-left-circled:before { content: "\f12c"; }
+.fonticon-left-dir:before { content: "\f12d"; }
+.fonticon-left-open:before { content: "\f12e"; }
+.fonticon-link:before { content: "\f12f"; }
+.fonticon-list-alt:before { content: "\f130"; }
+.fonticon-lock:before { content: "\f131"; }
+.fonticon-mail:before { content: "\f132"; }
+.fonticon-mail-alt:before { content: "\f133"; }
+.fonticon-megaphone:before { content: "\f134"; }
+.fonticon-minus:before { content: "\f135"; }
+.fonticon-minus-circled:before { content: "\f136"; }
+.fonticon-minus-circled2:before { content: "\f137"; }
+.fonticon-minus-squared:before { content: "\f138"; }
+.fonticon-minus-squared-alt:before { content: "\f139"; }
+.fonticon-mixer:before { content: "\f13a"; }
+.fonticon-new-database:before { content: "\f13b"; }
+.fonticon-ok:before { content: "\f13c"; }
+.fonticon-ok-circled:before { content: "\f13d"; }
+.fonticon-ok-circled-2:before { content: "\f13e"; }
+.fonticon-paperclip:before { content: "\f13f"; }
+.fonticon-pencil:before { content: "\f140"; }
+.fonticon-picture:before { content: "\f141"; }
+.fonticon-play:before { content: "\f142"; }
+.fonticon-plus:before { content: "\f143"; }
+.fonticon-plus-circled:before { content: "\f144"; }
+.fonticon-plus-circled2:before { content: "\f145"; }
+.fonticon-plus-squared:before { content: "\f146"; }
+.fonticon-plus-squared-alt:before { content: "\f147"; }
+.fonticon-popin:before { content: "\f148"; }
+.fonticon-popout:before { content: "\f149"; }
+.fonticon-profile:before { content: "\f14a"; }
+.fonticon-replicate:before { content: "\f14b"; }
+.fonticon-reply:before { content: "\f14c"; }
+.fonticon-reply-all:before { content: "\f14d"; }
+.fonticon-resize-full:before { content: "\f14e"; }
+.fonticon-resize-full-reverse:before { content: "\f14f"; }
+.fonticon-resize-small:before { content: "\f150"; }
+.fonticon-resize-small-reverse:before { content: "\f151"; }
+.fonticon-right:before { content: "\f152"; }
+.fonticon-right-1:before { content: "\f153"; }
+.fonticon-right-circled:before { content: "\f154"; }
+.fonticon-right-dir:before { content: "\f155"; }
+.fonticon-right-open:before { content: "\f156"; }
+.fonticon-save:before { content: "\f157"; }
+.fonticon-search:before { content: "\f158"; }
+.fonticon-select-all:before { content: "\f159"; }
+.fonticon-sidenav-filter-function:before { content: "\f15a"; }
+.fonticon-sidenav-info:before { content: "\f15b"; }
+.fonticon-sidenav-list-function:before { content: "\f15c"; }
+.fonticon-sidenav-map-reduce:before { content: "\f15d"; }
+.fonticon-sidenav-search:before { content: "\f15e"; }
+.fonticon-sidenav-show-function:before { content: "\f15f"; }
+.fonticon-sidenav-update-function:before { content: "\f160"; }
+.fonticon-sitemap:before { content: "\f161"; }
+.fonticon-stats:before { content: "\f162"; }
+.fonticon-support:before { content: "\f163"; }
+.fonticon-swap-arrows:before { content: "\f164"; }
+.fonticon-table:before { content: "\f165"; }
+.fonticon-trash:before { content: "\f166"; }
+.fonticon-up:before { content: "\f167"; }
+.fonticon-up-1:before { content: "\f168"; }
+.fonticon-up-circled:before { content: "\f169"; }
+.fonticon-up-dir:before { content: "\f16a"; }
+.fonticon-up-open:before { content: "\f16b"; }
+.fonticon-user:before { content: "\f16c"; }
+.fonticon-users:before { content: "\f16d"; }
+.fonticon-wrench:before { content: "\f16e"; }
\ No newline at end of file