couchdb-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From robertkowal...@apache.org
Subject [1/4] New Query Options tray added
Date Thu, 16 Oct 2014 10:03:08 GMT
Repository: couchdb-fauxton
Updated Branches:
  refs/heads/master 5976c65db -> 332c7b535


http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/332c7b53/assets/fonts/fauxtonicon.woff
----------------------------------------------------------------------
diff --git a/assets/fonts/fauxtonicon.woff b/assets/fonts/fauxtonicon.woff
index d228017..b02778e 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/332c7b53/assets/fonts/styleguide/fauxtonicon-preview.html
----------------------------------------------------------------------
diff --git a/assets/fonts/styleguide/fauxtonicon-preview.html b/assets/fonts/styleguide/fauxtonicon-preview.html
index 2081221..10ba192 100644
--- a/assets/fonts/styleguide/fauxtonicon-preview.html
+++ b/assets/fonts/styleguide/fauxtonicon-preview.html
@@ -197,6 +197,7 @@
 .fonticon-exchange:before,
 .fonticon-expand:before,
 .fonticon-eye:before,
+.fonticon-gears:before,
 .fonticon-help:before,
 .fonticon-help-circled:before,
 .fonticon-info-circled:before,
@@ -290,112 +291,113 @@
 .fonticon-arrow-box-up:before { content: "\f102"; }
 .fonticon-arrow_left:before { content: "\f103"; }
 .fonticon-arrow_right:before { content: "\f104"; }
-.fonticon-arrows-cw:before { content: "\f105"; }
-.fonticon-article:before { content: "\f106"; }
-.fonticon-attention-alt:before { content: "\f107"; }
-.fonticon-attention-circled:before { content: "\f108"; }
-.fonticon-block:before { content: "\f109"; }
-.fonticon-bookmark:before { content: "\f10a"; }
-.fonticon-bookmark-ribbon-wplus:before { content: "\f10b"; }
-.fonticon-burger:before { content: "\f10c"; }
-.fonticon-cancel:before { content: "\f10d"; }
-.fonticon-cancel-circled:before { content: "\f10e"; }
-.fonticon-cancel-circled2:before { content: "\f10f"; }
-.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"; }
+.fonticon-arrows-cw:before { content: "\f106"; }
+.fonticon-article:before { content: "\f107"; }
+.fonticon-attention-alt:before { content: "\f108"; }
+.fonticon-attention-circled:before { content: "\f109"; }
+.fonticon-block:before { content: "\f10b"; }
+.fonticon-bookmark:before { content: "\f10c"; }
+.fonticon-bookmark-ribbon-wplus:before { content: "\f10d"; }
+.fonticon-burger:before { content: "\f10e"; }
+.fonticon-cancel:before { content: "\f10f"; }
+.fonticon-cancel-circled:before { content: "\f110"; }
+.fonticon-cancel-circled2:before { content: "\f111"; }
+.fonticon-circle-empty:before { content: "\f112"; }
+.fonticon-clipboard:before { content: "\f113"; }
+.fonticon-clock:before { content: "\f114"; }
+.fonticon-cog:before { content: "\f115"; }
+.fonticon-collapse:before { content: "\f116"; }
+.fonticon-cw:before { content: "\f117"; }
+.fonticon-dashboard:before { content: "\f118"; }
+.fonticon-database:before { content: "\f119"; }
+.fonticon-deselect-all:before { content: "\f11a"; }
+.fonticon-document:before { content: "\f11b"; }
+.fonticon-documents:before { content: "\f11c"; }
+.fonticon-dot-circled:before { content: "\f11d"; }
+.fonticon-down:before { content: "\f11e"; }
+.fonticon-down-1:before { content: "\f11f"; }
+.fonticon-down-circled:before { content: "\f120"; }
+.fonticon-down-dir:before { content: "\f121"; }
+.fonticon-down-open:before { content: "\f122"; }
+.fonticon-drop-down-dots:before { content: "\f124"; }
+.fonticon-exchange:before { content: "\f125"; }
+.fonticon-expand:before { content: "\f126"; }
+.fonticon-eye:before { content: "\f127"; }
+.fonticon-gears:before { content: "\f12b"; }
+.fonticon-help:before { content: "\f12c"; }
+.fonticon-help-circled:before { content: "\f12d"; }
+.fonticon-info-circled:before { content: "\f12e"; }
+.fonticon-json:before { content: "\f12f"; }
+.fonticon-key:before { content: "\f130"; }
+.fonticon-left:before { content: "\f131"; }
+.fonticon-left-1:before { content: "\f132"; }
+.fonticon-left-circled:before { content: "\f133"; }
+.fonticon-left-dir:before { content: "\f134"; }
+.fonticon-left-open:before { content: "\f135"; }
+.fonticon-link:before { content: "\f136"; }
+.fonticon-list-alt:before { content: "\f137"; }
+.fonticon-lock:before { content: "\f138"; }
+.fonticon-mail:before { content: "\f139"; }
+.fonticon-mail-alt:before { content: "\f13a"; }
+.fonticon-megaphone:before { content: "\f13b"; }
+.fonticon-minus:before { content: "\f13c"; }
+.fonticon-minus-circled:before { content: "\f13d"; }
+.fonticon-minus-circled2:before { content: "\f13e"; }
+.fonticon-minus-squared:before { content: "\f13f"; }
+.fonticon-minus-squared-alt:before { content: "\f140"; }
+.fonticon-mixer:before { content: "\f141"; }
+.fonticon-new-database:before { content: "\f142"; }
+.fonticon-ok:before { content: "\f143"; }
+.fonticon-ok-circled:before { content: "\f144"; }
+.fonticon-ok-circled-2:before { content: "\f145"; }
+.fonticon-paperclip:before { content: "\f146"; }
+.fonticon-pencil:before { content: "\f148"; }
+.fonticon-picture:before { content: "\f149"; }
+.fonticon-play:before { content: "\f14a"; }
+.fonticon-plus:before { content: "\f14b"; }
+.fonticon-plus-circled:before { content: "\f14c"; }
+.fonticon-plus-circled2:before { content: "\f14d"; }
+.fonticon-plus-squared:before { content: "\f14e"; }
+.fonticon-plus-squared-alt:before { content: "\f14f"; }
+.fonticon-popin:before { content: "\f150"; }
+.fonticon-popout:before { content: "\f151"; }
+.fonticon-profile:before { content: "\f152"; }
+.fonticon-replicate:before { content: "\f153"; }
+.fonticon-reply:before { content: "\f154"; }
+.fonticon-reply-all:before { content: "\f155"; }
+.fonticon-resize-full:before { content: "\f156"; }
+.fonticon-resize-full-reverse:before { content: "\f157"; }
+.fonticon-resize-small:before { content: "\f158"; }
+.fonticon-resize-small-reverse:before { content: "\f159"; }
+.fonticon-right:before { content: "\f15a"; }
+.fonticon-right-1:before { content: "\f15b"; }
+.fonticon-right-circled:before { content: "\f15c"; }
+.fonticon-right-dir:before { content: "\f15d"; }
+.fonticon-right-open:before { content: "\f15e"; }
+.fonticon-save:before { content: "\f15f"; }
+.fonticon-search:before { content: "\f160"; }
+.fonticon-select-all:before { content: "\f161"; }
+.fonticon-sidenav-filter-function:before { content: "\f162"; }
+.fonticon-sidenav-info:before { content: "\f163"; }
+.fonticon-sidenav-list-function:before { content: "\f164"; }
+.fonticon-sidenav-map-reduce:before { content: "\f165"; }
+.fonticon-sidenav-search:before { content: "\f166"; }
+.fonticon-sidenav-show-function:before { content: "\f167"; }
+.fonticon-sidenav-update-function:before { content: "\f168"; }
+.fonticon-sitemap:before { content: "\f169"; }
+.fonticon-stats:before { content: "\f16c"; }
+.fonticon-support:before { content: "\f170"; }
+.fonticon-swap-arrows:before { content: "\f171"; }
+.fonticon-table:before { content: "\f172"; }
+.fonticon-trash:before { content: "\f173"; }
+.fonticon-up:before { content: "\f174"; }
+.fonticon-up-1:before { content: "\f175"; }
+.fonticon-up-circled:before { content: "\f176"; }
+.fonticon-up-dir:before { content: "\f177"; }
+.fonticon-up-open:before { content: "\f178"; }
+.fonticon-user:before { content: "\f179"; }
+.fonticon-users:before { content: "\f17a"; }
+.fonticon-wrench:before { content: "\f17b"; }
     </style>
 
     <!--[if lte IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
@@ -411,7 +413,7 @@
   <body class="characters-off">
     <div id="page" class="container">
       <header>
-        <h1>fauxtonicon contains 111 glyphs:</h1>
+        <h1>fauxtonicon contains 112 glyphs:</h1>
         <a onclick="toggleCharacters(); return false;" href="#">Toggle Preview Characters</a>
       </header>
 
@@ -490,7 +492,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-arrows-cw" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf105;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf106;" />
         </div>
       </div>
       
@@ -503,7 +505,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-article" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf106;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf107;" />
         </div>
       </div>
       
@@ -516,7 +518,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-attention-alt" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf107;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf108;" />
         </div>
       </div>
       
@@ -529,7 +531,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-attention-circled" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf108;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf109;" />
         </div>
       </div>
       
@@ -542,7 +544,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-block" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf109;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10b;" />
         </div>
       </div>
       
@@ -555,7 +557,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-bookmark" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10a;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10c;" />
         </div>
       </div>
       
@@ -568,7 +570,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-bookmark-ribbon-wplus" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10b;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10d;" />
         </div>
       </div>
       
@@ -581,7 +583,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-burger" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10c;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10e;" />
         </div>
       </div>
       
@@ -594,7 +596,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-cancel" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10d;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10f;" />
         </div>
       </div>
       
@@ -607,7 +609,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-cancel-circled" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10e;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf110;" />
         </div>
       </div>
       
@@ -620,7 +622,7 @@
         </div>
         <div class="usage">
           <input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fonticon-cancel-circled2" />
-          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10f;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf111;" />
         </div>
       </div>
       
@@ -633,7 +635,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;#xf110;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf112;" />
         </div>
       </div>
       
@@ -646,7 +648,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;#xf111;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf113;" />
         </div>
       </div>
       
@@ -659,7 +661,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;#xf112;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf114;" />
         </div>
       </div>
       
@@ -672,7 +674,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;#xf113;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf115;" />
         </div>
       </div>
       
@@ -685,7 +687,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;#xf114;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf116;" />
         </div>
       </div>
       
@@ -698,7 +700,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;#xf115;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf117;" />
         </div>
       </div>
       
@@ -711,7 +713,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;#xf116;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf118;" />
         </div>
       </div>
       
@@ -724,7 +726,7 @@
         </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;#xf117;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf119;" />
         </div>
       </div>
       
@@ -737,7 +739,7 @@
         </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;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11a;" />
         </div>
       </div>
       
@@ -750,7 +752,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;#xf119;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11b;" />
         </div>
       </div>
       
@@ -763,7 +765,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;#xf11a;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11c;" />
         </div>
       </div>
       
@@ -776,7 +778,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;#xf11b;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11d;" />
         </div>
       </div>
       
@@ -789,7 +791,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;#xf11c;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11e;" />
         </div>
       </div>
       
@@ -802,7 +804,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;#xf11d;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11f;" />
         </div>
       </div>
       
@@ -815,7 +817,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;#xf11e;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf120;" />
         </div>
       </div>
       
@@ -828,7 +830,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;#xf11f;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf121;" />
         </div>
       </div>
       
@@ -841,7 +843,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;#xf120;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf122;" />
         </div>
       </div>
       
@@ -854,7 +856,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;#xf121;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf124;" />
         </div>
       </div>
       
@@ -867,7 +869,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;#xf122;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf125;" />
         </div>
       </div>
       
@@ -880,7 +882,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;#xf123;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf126;" />
         </div>
       </div>
       
@@ -893,7 +895,20 @@
         </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;#xf124;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf127;" />
+        </div>
+      </div>
+      
+      <div class="glyph">
+        <div class="preview-glyphs">
+          <span class="step size-12"><span class="letters">Pp</span><i id="fonticon-gears" class="fonticon-gears"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fonticon-gears" class="fonticon-gears"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fonticon-gears" class="fonticon-gears"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fonticon-gears" class="fonticon-gears"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fonticon-gears" class="fonticon-gears"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fonticon-gears" class="fonticon-gears"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fonticon-gears" class="fonticon-gears"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fonticon-gears" class="fonticon-gears"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fo
 nticon-gears" class="fonticon-gears"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fonticon-gears" class="fonticon-gears"></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-gears" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12b;" />
         </div>
       </div>
       
@@ -906,7 +921,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;#xf125;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12c;" />
         </div>
       </div>
       
@@ -919,7 +934,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;#xf126;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12d;" />
         </div>
       </div>
       
@@ -932,7 +947,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;#xf127;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12e;" />
         </div>
       </div>
       
@@ -945,7 +960,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;#xf128;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12f;" />
         </div>
       </div>
       
@@ -958,7 +973,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;#xf129;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf130;" />
         </div>
       </div>
       
@@ -971,7 +986,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;#xf12a;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf131;" />
         </div>
       </div>
       
@@ -984,7 +999,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;#xf12b;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf132;" />
         </div>
       </div>
       
@@ -997,7 +1012,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;#xf12c;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf133;" />
         </div>
       </div>
       
@@ -1010,7 +1025,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;#xf12d;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf134;" />
         </div>
       </div>
       
@@ -1023,7 +1038,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;#xf12e;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf135;" />
         </div>
       </div>
       
@@ -1036,7 +1051,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;#xf12f;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf136;" />
         </div>
       </div>
       
@@ -1049,7 +1064,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;#xf130;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf137;" />
         </div>
       </div>
       
@@ -1062,7 +1077,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;#xf131;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf138;" />
         </div>
       </div>
       
@@ -1075,7 +1090,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;#xf132;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf139;" />
         </div>
       </div>
       
@@ -1088,7 +1103,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;#xf133;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13a;" />
         </div>
       </div>
       
@@ -1101,7 +1116,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;#xf134;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13b;" />
         </div>
       </div>
       
@@ -1114,7 +1129,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;#xf135;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13c;" />
         </div>
       </div>
       
@@ -1127,7 +1142,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;#xf136;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13d;" />
         </div>
       </div>
       
@@ -1140,7 +1155,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;#xf137;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13e;" />
         </div>
       </div>
       
@@ -1153,7 +1168,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;#xf138;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf13f;" />
         </div>
       </div>
       
@@ -1166,7 +1181,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;#xf139;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf140;" />
         </div>
       </div>
       
@@ -1179,7 +1194,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;#xf13a;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf141;" />
         </div>
       </div>
       
@@ -1192,7 +1207,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;#xf13b;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf142;" />
         </div>
       </div>
       
@@ -1205,7 +1220,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;#xf13c;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf143;" />
         </div>
       </div>
       
@@ -1218,7 +1233,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;#xf13d;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf144;" />
         </div>
       </div>
       
@@ -1231,7 +1246,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;#xf13e;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf145;" />
         </div>
       </div>
       
@@ -1244,7 +1259,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;#xf13f;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf146;" />
         </div>
       </div>
       
@@ -1257,7 +1272,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;#xf140;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf148;" />
         </div>
       </div>
       
@@ -1270,7 +1285,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;#xf141;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf149;" />
         </div>
       </div>
       
@@ -1283,7 +1298,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;#xf142;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14a;" />
         </div>
       </div>
       
@@ -1296,7 +1311,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;#xf143;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14b;" />
         </div>
       </div>
       
@@ -1309,7 +1324,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;#xf144;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14c;" />
         </div>
       </div>
       
@@ -1322,7 +1337,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;#xf145;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14d;" />
         </div>
       </div>
       
@@ -1335,7 +1350,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;#xf146;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14e;" />
         </div>
       </div>
       
@@ -1348,7 +1363,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;#xf147;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf14f;" />
         </div>
       </div>
       
@@ -1361,7 +1376,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;#xf148;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf150;" />
         </div>
       </div>
       
@@ -1374,7 +1389,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;#xf149;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf151;" />
         </div>
       </div>
       
@@ -1387,7 +1402,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;#xf14a;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf152;" />
         </div>
       </div>
       
@@ -1400,7 +1415,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;#xf14b;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf153;" />
         </div>
       </div>
       
@@ -1413,7 +1428,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;#xf14c;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf154;" />
         </div>
       </div>
       
@@ -1426,7 +1441,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;#xf14d;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf155;" />
         </div>
       </div>
       
@@ -1439,7 +1454,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;#xf14e;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf156;" />
         </div>
       </div>
       
@@ -1452,7 +1467,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;#xf14f;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf157;" />
         </div>
       </div>
       
@@ -1465,7 +1480,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;#xf150;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf158;" />
         </div>
       </div>
       
@@ -1478,7 +1493,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;#xf151;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf159;" />
         </div>
       </div>
       
@@ -1491,7 +1506,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;#xf152;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15a;" />
         </div>
       </div>
       
@@ -1504,7 +1519,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;#xf153;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15b;" />
         </div>
       </div>
       
@@ -1517,7 +1532,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;#xf154;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15c;" />
         </div>
       </div>
       
@@ -1530,7 +1545,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;#xf155;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15d;" />
         </div>
       </div>
       
@@ -1543,7 +1558,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;#xf156;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15e;" />
         </div>
       </div>
       
@@ -1556,7 +1571,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;#xf157;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf15f;" />
         </div>
       </div>
       
@@ -1569,7 +1584,7 @@
         </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;#xf158;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf160;" />
         </div>
       </div>
       
@@ -1582,7 +1597,7 @@
         </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;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf161;" />
         </div>
       </div>
       
@@ -1595,7 +1610,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;#xf15a;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf162;" />
         </div>
       </div>
       
@@ -1608,7 +1623,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;#xf15b;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf163;" />
         </div>
       </div>
       
@@ -1621,7 +1636,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;#xf15c;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf164;" />
         </div>
       </div>
       
@@ -1634,7 +1649,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;#xf15d;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf165;" />
         </div>
       </div>
       
@@ -1647,7 +1662,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;#xf15e;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf166;" />
         </div>
       </div>
       
@@ -1660,7 +1675,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;#xf15f;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf167;" />
         </div>
       </div>
       
@@ -1673,7 +1688,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;#xf160;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf168;" />
         </div>
       </div>
       
@@ -1686,7 +1701,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;#xf161;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf169;" />
         </div>
       </div>
       
@@ -1699,7 +1714,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;#xf162;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf16c;" />
         </div>
       </div>
       
@@ -1712,7 +1727,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;#xf163;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf170;" />
         </div>
       </div>
       
@@ -1725,7 +1740,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;#xf164;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf171;" />
         </div>
       </div>
       
@@ -1738,7 +1753,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;#xf165;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf172;" />
         </div>
       </div>
       
@@ -1751,7 +1766,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;#xf166;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf173;" />
         </div>
       </div>
       
@@ -1764,7 +1779,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;#xf167;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf174;" />
         </div>
       </div>
       
@@ -1777,7 +1792,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;#xf168;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf175;" />
         </div>
       </div>
       
@@ -1790,7 +1805,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;#xf169;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf176;" />
         </div>
       </div>
       
@@ -1803,7 +1818,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;#xf16a;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf177;" />
         </div>
       </div>
       
@@ -1816,7 +1831,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;#xf16b;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf178;" />
         </div>
       </div>
       
@@ -1829,7 +1844,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;#xf16c;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf179;" />
         </div>
       </div>
       
@@ -1842,7 +1857,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;#xf16d;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf17a;" />
         </div>
       </div>
       
@@ -1855,7 +1870,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;#xf16e;" />
+          <input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf17b;" />
         </div>
       </div>
       

http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/332c7b53/assets/icons/gears.svg
----------------------------------------------------------------------
diff --git a/assets/icons/gears.svg b/assets/icons/gears.svg
new file mode 100755
index 0000000..74890d0
--- /dev/null
+++ b/assets/icons/gears.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generated by IcoMoon.io -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="34" height="32" viewBox="0 0 34 32">
+<g>
+</g>
+	<path d="M16 16q0-1.893-1.339-3.232t-3.232-1.339-3.232 1.339-1.339 3.232 1.339 3.232 3.232 1.339 3.232-1.339 1.339-3.232zM29.714 25.143q0-0.929-0.679-1.607t-1.607-0.679-1.607 0.679-0.679 1.607q0 0.946 0.67 1.616t1.616 0.67 1.616-0.67 0.67-1.616zM29.714 6.857q0-0.929-0.679-1.607t-1.607-0.679-1.607 0.679-0.679 1.607q0 0.946 0.67 1.616t1.616 0.67 1.616-0.67 0.67-1.616zM22.857 14.375v3.304q0 0.179-0.125 0.348t-0.286 0.188l-2.768 0.429q-0.196 0.625-0.571 1.357 0.607 0.857 1.607 2.054 0.125 0.179 0.125 0.357 0 0.214-0.125 0.339-0.411 0.536-1.473 1.598t-1.402 1.063q-0.196 0-0.375-0.125l-2.054-1.607q-0.661 0.339-1.375 0.554-0.196 1.929-0.411 2.768-0.125 0.429-0.536 0.429h-3.321q-0.196 0-0.357-0.134t-0.179-0.313l-0.411-2.732q-0.607-0.179-1.339-0.554l-2.107 1.589q-0.125 0.125-0.357 0.125-0.196 0-0.375-0.143-2.571-2.375-2.571-2.857 0-0.161 0.125-0.339 0.179-0.25 0.732-0.946t0.839-1.089q-0.411-0.786-0.625-1.464l-2.714-0.429q-0.179-0.018-0.304-0.17t-0.125-0.348v-3.304q0-0.179 0.125-0.348t0.286-
 0.188l2.768-0.429q0.196-0.625 0.571-1.357-0.607-0.857-1.607-2.054-0.125-0.196-0.125-0.357 0-0.214 0.125-0.357 0.393-0.536 1.464-1.589t1.411-1.054q0.196 0 0.375 0.125l2.054 1.607q0.607-0.321 1.375-0.571 0.196-1.929 0.411-2.75 0.125-0.429 0.536-0.429h3.321q0.196 0 0.357 0.134t0.179 0.313l0.411 2.732q0.607 0.179 1.339 0.554l2.107-1.589q0.143-0.125 0.357-0.125 0.196 0 0.375 0.143 2.571 2.375 2.571 2.857 0 0.161-0.125 0.339-0.214 0.286-0.75 0.964t-0.804 1.071q0.411 0.857 0.607 1.464l2.714 0.411q0.179 0.036 0.304 0.188t0.125 0.348zM34.286 23.893v2.5q0 0.286-2.661 0.554-0.214 0.482-0.536 0.929 0.911 2.018 0.911 2.464 0 0.071-0.071 0.125-2.179 1.268-2.214 1.268-0.143 0-0.821-0.839t-0.929-1.214q-0.357 0.036-0.536 0.036t-0.536-0.036q-0.25 0.375-0.929 1.214t-0.821 0.839q-0.036 0-2.214-1.268-0.071-0.054-0.071-0.125 0-0.446 0.911-2.464-0.321-0.446-0.536-0.929-2.661-0.268-2.661-0.554v-2.5q0-0.286 2.661-0.554 0.232-0.518 0.536-0.929-0.911-2.018-0.911-2.464 0-0.071 0.071-0.125 0.071-0.036 0.625-0.3
 57t1.054-0.607 0.536-0.286q0.143 0 0.821 0.83t0.929 1.205q0.357-0.036 0.536-0.036t0.536 0.036q0.911-1.268 1.643-2l0.107-0.036q0.071 0 2.214 1.25 0.071 0.054 0.071 0.125 0 0.446-0.911 2.464 0.304 0.411 0.536 0.929 2.661 0.268 2.661 0.554zM34.286 5.607v2.5q0 0.286-2.661 0.554-0.214 0.482-0.536 0.929 0.911 2.018 0.911 2.464 0 0.071-0.071 0.125-2.179 1.268-2.214 1.268-0.143 0-0.821-0.839t-0.929-1.214q-0.357 0.036-0.536 0.036t-0.536-0.036q-0.25 0.375-0.929 1.214t-0.821 0.839q-0.036 0-2.214-1.268-0.071-0.054-0.071-0.125 0-0.446 0.911-2.464-0.321-0.446-0.536-0.929-2.661-0.268-2.661-0.554v-2.5q0-0.286 2.661-0.554 0.232-0.518 0.536-0.929-0.911-2.018-0.911-2.464 0-0.071 0.071-0.125 0.071-0.036 0.625-0.357t1.054-0.607 0.536-0.286q0.143 0 0.821 0.83t0.929 1.205q0.357-0.036 0.536-0.036t0.536 0.036q0.911-1.268 1.643-2l0.107-0.036q0.071 0 2.214 1.25 0.071 0.054 0.071 0.125 0 0.446-0.911 2.464 0.304 0.411 0.536 0.929 2.661 0.268 2.661 0.554z" fill="#000000" />
+</svg>

http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/332c7b53/assets/less/bootstrap/forms.less
----------------------------------------------------------------------
diff --git a/assets/less/bootstrap/forms.less b/assets/less/bootstrap/forms.less
index 06767bd..10b4751 100644
--- a/assets/less/bootstrap/forms.less
+++ b/assets/less/bootstrap/forms.less
@@ -591,7 +591,7 @@ input.search-query {
     margin-bottom: 0;
     vertical-align: middle;
   }
-  // Re-hide hidden elements due to specifity
+  // Re-hide hidden elements due to specificity
   .hide {
     display: none;
   }

http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/332c7b53/assets/less/fauxton.less
----------------------------------------------------------------------
diff --git a/assets/less/fauxton.less b/assets/less/fauxton.less
index a0c1cf0..90e89d1 100644
--- a/assets/less/fauxton.less
+++ b/assets/less/fauxton.less
@@ -333,22 +333,35 @@ div.spinner {
 
 #api-navbar{
   > div{
-    > .api-url-btn {
+    > .api-url-btn, > .query-options-btn {
       padding:10px;
     }
   }
+
+  .header-icon {
+    font-size: 20px;
+    &:before {
+      float: left;
+      margin: 10px 6px 0px 0px;
+    }
+  }
 }
 
-.api-url-btn {
-  .icon {
-    font-size: 11px;
+header .header-icon {
+  font-size: 20px;
+  &:before {
+    float: left;
+    margin: 10px 6px 0px 0px;
   }
+}
+
+.api-url-btn, .query-options-btn {
   background: none;
   border: none;
   padding: 0;
   margin: 0;
 }
-.api-url-btn:hover {
+.api-url-btn:hover, .query-options-btn:hover {
   background: none;
 }
 .api-navbar {
@@ -620,8 +633,8 @@ REUSEABLE SHADOW BORDER
 }
 
 .tray {
+  .bottom-shadow-border;
   display: none;
-  .border-radius(5px);
   position: absolute;
   right: 5px;
   top: 55px;
@@ -666,7 +679,7 @@ REUSEABLE SHADOW BORDER
   .btn-primary {
     color: #666;
     font-size: 13px;
-    line-height: 3em;
+    line-height: 33px;
   }
 }
 

http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/332c7b53/assets/less/formstyles.less
----------------------------------------------------------------------
diff --git a/assets/less/formstyles.less b/assets/less/formstyles.less
index 262f376..6bddf24 100644
--- a/assets/less/formstyles.less
+++ b/assets/less/formstyles.less
@@ -113,7 +113,7 @@ select {
 .checkbox {
   label {
     display: inline-block;
-    padding-left:25px;
+    padding-left: 30px;
   }
 }
 
@@ -152,7 +152,7 @@ form.view-query-update, form.view-query-save {
   }
 
   .checkbox label:before {
-    border-radius: 3px;
+    border-radius: 12px;
   }
 
   .controls > .radio:first-child, .controls > .checkbox:first-child {
@@ -166,30 +166,36 @@ form.view-query-update, form.view-query-save {
     vertical-align: middle;
   }
 
+  input[type=checkbox] + label:hover:before {
+    border: 2px solid #fff;
+  }
+
   input[type=checkbox]:checked + label:before {
-    /*content: "\2713"; */
-    content: "\00d7";
-    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
-    font-size: 16px;
-    background-color: @linkColor;
-    color: white;
+    font-family: "fauxtonicon";
+    content: "\f143";
+    font-size: 12px;
+    background-color: inherit;
+    border: 2px solid #7C8085;
+    color: @linkColor;
     text-align: center;
-    line-height: 15px;
+    line-height: 19px;
+    box-shadow: none;
+    display: inline-block;
   }
 
   label:before {
     content: "";
     display: inline-block;
-
-    width: 16px;
-    height: 16px;
-
+    width: 22px;
+    height: 22px;
     margin-right: 10px;
     position: absolute;
     left: 0;
-    bottom: 1px;
-    background-color: #aaa;
-    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
+    bottom: 0px;
+    background-color: #7C8085;
+    -webkit-box-shadow: inset 0px 3px 0px 0px rgba(50, 50, 50, 0.40);
+    -moz-box-shadow:    inset 0px 3px 0px 0px rgba(50, 50, 50, 0.40);
+    box-shadow:         inset 0px 3px 0px 0px rgba(50, 50, 50, 0.40);
   }
 
   .radio label:before {

http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/332c7b53/assets/less/icons.less
----------------------------------------------------------------------
diff --git a/assets/less/icons.less b/assets/less/icons.less
index 8b8559e..2dfca93 100644
--- a/assets/less/icons.less
+++ b/assets/less/icons.less
@@ -76,6 +76,7 @@ https://github.com/seanbarclay/fontcustom/blob/1c3ad3d2633d3a8add39e8827115394e9
 .fonticon-exchange:before,
 .fonticon-expand:before,
 .fonticon-eye:before,
+.fonticon-gears:before,
 .fonticon-help:before,
 .fonticon-help-circled:before,
 .fonticon-info-circled:before,
@@ -169,109 +170,110 @@ https://github.com/seanbarclay/fontcustom/blob/1c3ad3d2633d3a8add39e8827115394e9
 .fonticon-arrow-box-up:before { content: "\f102"; }
 .fonticon-arrow_left:before { content: "\f103"; }
 .fonticon-arrow_right:before { content: "\f104"; }
-.fonticon-arrows-cw:before { content: "\f105"; }
-.fonticon-article:before { content: "\f106"; }
-.fonticon-attention-alt:before { content: "\f107"; }
-.fonticon-attention-circled:before { content: "\f108"; }
-.fonticon-block:before { content: "\f109"; }
-.fonticon-bookmark:before { content: "\f10a"; }
-.fonticon-bookmark-ribbon-wplus:before { content: "\f10b"; }
-.fonticon-burger:before { content: "\f10c"; }
-.fonticon-cancel:before { content: "\f10d"; }
-.fonticon-cancel-circled:before { content: "\f10e"; }
-.fonticon-cancel-circled2:before { content: "\f10f"; }
-.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
+.fonticon-arrows-cw:before { content: "\f106"; }
+.fonticon-article:before { content: "\f107"; }
+.fonticon-attention-alt:before { content: "\f108"; }
+.fonticon-attention-circled:before { content: "\f109"; }
+.fonticon-block:before { content: "\f10b"; }
+.fonticon-bookmark:before { content: "\f10c"; }
+.fonticon-bookmark-ribbon-wplus:before { content: "\f10d"; }
+.fonticon-burger:before { content: "\f10e"; }
+.fonticon-cancel:before { content: "\f10f"; }
+.fonticon-cancel-circled:before { content: "\f110"; }
+.fonticon-cancel-circled2:before { content: "\f111"; }
+.fonticon-circle-empty:before { content: "\f112"; }
+.fonticon-clipboard:before { content: "\f113"; }
+.fonticon-clock:before { content: "\f114"; }
+.fonticon-cog:before { content: "\f115"; }
+.fonticon-collapse:before { content: "\f116"; }
+.fonticon-cw:before { content: "\f117"; }
+.fonticon-dashboard:before { content: "\f118"; }
+.fonticon-database:before { content: "\f119"; }
+.fonticon-deselect-all:before { content: "\f11a"; }
+.fonticon-document:before { content: "\f11b"; }
+.fonticon-documents:before { content: "\f11c"; }
+.fonticon-dot-circled:before { content: "\f11d"; }
+.fonticon-down:before { content: "\f11e"; }
+.fonticon-down-1:before { content: "\f11f"; }
+.fonticon-down-circled:before { content: "\f120"; }
+.fonticon-down-dir:before { content: "\f121"; }
+.fonticon-down-open:before { content: "\f122"; }
+.fonticon-drop-down-dots:before { content: "\f124"; }
+.fonticon-exchange:before { content: "\f125"; }
+.fonticon-expand:before { content: "\f126"; }
+.fonticon-eye:before { content: "\f127"; }
+.fonticon-gears:before { content: "\f12b"; }
+.fonticon-help:before { content: "\f12c"; }
+.fonticon-help-circled:before { content: "\f12d"; }
+.fonticon-info-circled:before { content: "\f12e"; }
+.fonticon-json:before { content: "\f12f"; }
+.fonticon-key:before { content: "\f130"; }
+.fonticon-left:before { content: "\f131"; }
+.fonticon-left-1:before { content: "\f132"; }
+.fonticon-left-circled:before { content: "\f133"; }
+.fonticon-left-dir:before { content: "\f134"; }
+.fonticon-left-open:before { content: "\f135"; }
+.fonticon-link:before { content: "\f136"; }
+.fonticon-list-alt:before { content: "\f137"; }
+.fonticon-lock:before { content: "\f138"; }
+.fonticon-mail:before { content: "\f139"; }
+.fonticon-mail-alt:before { content: "\f13a"; }
+.fonticon-megaphone:before { content: "\f13b"; }
+.fonticon-minus:before { content: "\f13c"; }
+.fonticon-minus-circled:before { content: "\f13d"; }
+.fonticon-minus-circled2:before { content: "\f13e"; }
+.fonticon-minus-squared:before { content: "\f13f"; }
+.fonticon-minus-squared-alt:before { content: "\f140"; }
+.fonticon-mixer:before { content: "\f141"; }
+.fonticon-new-database:before { content: "\f142"; }
+.fonticon-ok:before { content: "\f143"; }
+.fonticon-ok-circled:before { content: "\f144"; }
+.fonticon-ok-circled-2:before { content: "\f145"; }
+.fonticon-paperclip:before { content: "\f146"; }
+.fonticon-pencil:before { content: "\f148"; }
+.fonticon-picture:before { content: "\f149"; }
+.fonticon-play:before { content: "\f14a"; }
+.fonticon-plus:before { content: "\f14b"; }
+.fonticon-plus-circled:before { content: "\f14c"; }
+.fonticon-plus-circled2:before { content: "\f14d"; }
+.fonticon-plus-squared:before { content: "\f14e"; }
+.fonticon-plus-squared-alt:before { content: "\f14f"; }
+.fonticon-popin:before { content: "\f150"; }
+.fonticon-popout:before { content: "\f151"; }
+.fonticon-profile:before { content: "\f152"; }
+.fonticon-replicate:before { content: "\f153"; }
+.fonticon-reply:before { content: "\f154"; }
+.fonticon-reply-all:before { content: "\f155"; }
+.fonticon-resize-full:before { content: "\f156"; }
+.fonticon-resize-full-reverse:before { content: "\f157"; }
+.fonticon-resize-small:before { content: "\f158"; }
+.fonticon-resize-small-reverse:before { content: "\f159"; }
+.fonticon-right:before { content: "\f15a"; }
+.fonticon-right-1:before { content: "\f15b"; }
+.fonticon-right-circled:before { content: "\f15c"; }
+.fonticon-right-dir:before { content: "\f15d"; }
+.fonticon-right-open:before { content: "\f15e"; }
+.fonticon-save:before { content: "\f15f"; }
+.fonticon-search:before { content: "\f160"; }
+.fonticon-select-all:before { content: "\f161"; }
+.fonticon-sidenav-filter-function:before { content: "\f162"; }
+.fonticon-sidenav-info:before { content: "\f163"; }
+.fonticon-sidenav-list-function:before { content: "\f164"; }
+.fonticon-sidenav-map-reduce:before { content: "\f165"; }
+.fonticon-sidenav-search:before { content: "\f166"; }
+.fonticon-sidenav-show-function:before { content: "\f167"; }
+.fonticon-sidenav-update-function:before { content: "\f168"; }
+.fonticon-sitemap:before { content: "\f169"; }
+.fonticon-stats:before { content: "\f16c"; }
+.fonticon-support:before { content: "\f170"; }
+.fonticon-swap-arrows:before { content: "\f171"; }
+.fonticon-table:before { content: "\f172"; }
+.fonticon-trash:before { content: "\f173"; }
+.fonticon-up:before { content: "\f174"; }
+.fonticon-up-1:before { content: "\f175"; }
+.fonticon-up-circled:before { content: "\f176"; }
+.fonticon-up-dir:before { content: "\f177"; }
+.fonticon-up-open:before { content: "\f178"; }
+.fonticon-user:before { content: "\f179"; }
+.fonticon-users:before { content: "\f17a"; }
+.fonticon-wrench:before { content: "\f17b"; }
\ No newline at end of file


Mime
View raw message