MightyPork/datatable.directory
1
0
Fork 1
Code Issues 25 Pull Requests Releases Wiki Activity

public dash and view counting

Browse Source
This commit is contained in:
MightyPork
2018-07-29 11:52:29 +02:00
parent f77b1789fa
commit a79b5ae7d8
37 changed files with 415 additions and 663 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/fonts/fa-dtbl-1-preview.html
+54 -417
View File
@@ -162,23 +162,12 @@
[data-icon]:before,
.fa-address-card-o:before,
.fa-at:before,
.fa-bell:before,
.fa-bell-o:before,
.fa-calendar:before,
.fa-check:before,
.fa-clock-o:before,
.fa-cloud-upload:before,
.fa-code-fork:before,
.fa-comment:before,
.fa-download:before,
.fa-eye:before,
.fa-eye-slash:before,
.fa-facebook-square:before,
.fa-filter:before,
.fa-flag:before,
.fa-floppy-o:before,
.fa-gavel:before,
.fa-github:before,
.fa-globe:before,
.fa-google:before,
@@ -188,29 +177,16 @@
.fa-key-modern:before,
.fa-link:before,
.fa-pencil:before,
.fa-pencil-square-o:before,
.fa-question-circle:before,
.fa-quote-left:before,
.fa-reply:before,
.fa-rss:before,
.fa-search:before,
.fa-share-alt:before,
.fa-sign-in:before,
.fa-sign-out:before,
.fa-sliders:before,
.fa-sort:before,
.fa-sort-asc:before,
.fa-sort-desc:before,
.fa-star:before,
.fa-star-o:before,
.fa-table:before,
.fa-th-list:before,
.fa-times:before,
.fa-trash:before,
.fa-trash-o:before,
.fa-user-circle-o:before,
.fa-user-plus:before,
.fa-wrench:before {
.fa-users:before {
display: inline-block;
font-family: "fa-dtbl-1";
font-style: normal;
@@ -226,55 +202,31 @@
}
.fa-address-card-o:before { content: "\f100"; }
.fa-at:before { content: "\f101"; }
.fa-bell:before { content: "\f102"; }
.fa-bell-o:before { content: "\f103"; }
.fa-calendar:before { content: "\f104"; }
.fa-check:before { content: "\f105"; }
.fa-clock-o:before { content: "\f106"; }
.fa-cloud-upload:before { content: "\f107"; }
.fa-code-fork:before { content: "\f108"; }
.fa-comment:before { content: "\f109"; }
.fa-download:before { content: "\f10a"; }
.fa-eye:before { content: "\f10b"; }
.fa-eye-slash:before { content: "\f10c"; }
.fa-facebook-square:before { content: "\f10d"; }
.fa-filter:before { content: "\f10e"; }
.fa-flag:before { content: "\f10f"; }
.fa-floppy-o:before { content: "\f110"; }
.fa-gavel:before { content: "\f111"; }
.fa-github:before { content: "\f112"; }
.fa-globe:before { content: "\f113"; }
.fa-google:before { content: "\f114"; }
.fa-history:before { content: "\f115"; }
.fa-home:before { content: "\f116"; }
.fa-inbox:before { content: "\f117"; }
.fa-key-modern:before { content: "\f118"; }
.fa-link:before { content: "\f119"; }
.fa-pencil:before { content: "\f11a"; }
.fa-pencil-square-o:before { content: "\f11b"; }
.fa-question-circle:before { content: "\f11c"; }
.fa-quote-left:before { content: "\f11d"; }
.fa-reply:before { content: "\f11e"; }
.fa-rss:before { content: "\f11f"; }
.fa-search:before { content: "\f120"; }
.fa-share-alt:before { content: "\f121"; }
.fa-sign-in:before { content: "\f122"; }
.fa-sign-out:before { content: "\f123"; }
.fa-sliders:before { content: "\f124"; }
.fa-sort:before { content: "\f125"; }
.fa-sort-asc:before { content: "\f126"; }
.fa-sort-desc:before { content: "\f127"; }
.fa-star:before { content: "\f128"; }
.fa-star-o:before { content: "\f129"; }
.fa-table:before { content: "\f12a"; }
.fa-th-list:before { content: "\f12b"; }
.fa-times:before { content: "\f12c"; }
.fa-trash:before { content: "\f12d"; }
.fa-trash-o:before { content: "\f12e"; }
.fa-user-circle-o:before { content: "\f12f"; }
.fa-user-plus:before { content: "\f130"; }
.fa-wrench:before { content: "\f131"; }
.fa-calendar:before { content: "\f101"; }
.fa-code-fork:before { content: "\f102"; }
.fa-comment:before { content: "\f103"; }
.fa-eye:before { content: "\f104"; }
.fa-facebook-square:before { content: "\f105"; }
.fa-floppy-o:before { content: "\f106"; }
.fa-github:before { content: "\f107"; }
.fa-globe:before { content: "\f108"; }
.fa-google:before { content: "\f109"; }
.fa-history:before { content: "\f10a"; }
.fa-home:before { content: "\f10b"; }
.fa-inbox:before { content: "\f10c"; }
.fa-key-modern:before { content: "\f10d"; }
.fa-link:before { content: "\f10e"; }
.fa-pencil:before { content: "\f10f"; }
.fa-question-circle:before { content: "\f110"; }
.fa-sign-in:before { content: "\f111"; }
.fa-sign-out:before { content: "\f112"; }
.fa-star:before { content: "\f113"; }
.fa-star-o:before { content: "\f114"; }
.fa-table:before { content: "\f115"; }
.fa-th-list:before { content: "\f116"; }
.fa-user-circle-o:before { content: "\f117"; }
.fa-user-plus:before { content: "\f118"; }
.fa-users:before { content: "\f119"; }
</style>
<!--[if lte IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
@@ -290,7 +242,7 @@
<body class="characters-off">
<div id="page" class="container">
<header>
<h1>fa-dtbl-1 contains 50 glyphs:</h1>
<h1>fa-dtbl-1 contains 26 glyphs:</h1>
<a onclick="toggleCharacters(); return false;" href="#">Toggle Preview Characters</a>
</header>
@@ -309,45 +261,6 @@
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="fa-at" class="fa-at"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-at" class="fa-at"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-at" class="fa-at"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-at" class="fa-at"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-at" class="fa-at"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-at" class="fa-at"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-at" class="fa-at"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-at" class="fa-at"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-at" class="fa-at"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-at" class="fa-at"></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=".fa-at" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf101;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="fa-bell" class="fa-bell"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-bell" class="fa-bell"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-bell" class="fa-bell"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-bell" class="fa-bell"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-bell" class="fa-bell"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-bell" class="fa-bell"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-bell" class="fa-bell"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-bell" class="fa-bell"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-bell" class="fa-bell"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-bell" class="fa-bell"></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=".fa-bell" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf102;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="fa-bell-o" class="fa-bell-o"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-bell-o" class="fa-bell-o"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-bell-o" class="fa-bell-o"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-bell-o" class="fa-bell-o"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-bell-o" class="fa-bell-o"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-bell-o" class="fa-bell-o"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-bell-o" class="fa-bell-o"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-bell-o" class="fa-bell-o"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-bell-o" class="fa-bell-o"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-bell-o" class="fa-bell-o"></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=".fa-bell-o" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf103;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="fa-calendar" class="fa-calendar"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-calendar" class="fa-calendar"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-calendar" class="fa-calendar"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-calendar" class="fa-calendar"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-calendar" class="fa-calendar"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-calendar" class="fa-calendar"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-calendar" class="fa-calendar"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-calendar" class="fa-calendar"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-calendar" class="fa-calendar"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-calendar" class="fa-calendar"></i></span>
@@ -357,46 +270,7 @@
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-calendar" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf104;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="fa-check" class="fa-check"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-check" class="fa-check"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-check" class="fa-check"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-check" class="fa-check"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-check" class="fa-check"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-check" class="fa-check"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-check" class="fa-check"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-check" class="fa-check"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-check" class="fa-check"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-check" class="fa-check"></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=".fa-check" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf105;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="fa-clock-o" class="fa-clock-o"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-clock-o" class="fa-clock-o"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-clock-o" class="fa-clock-o"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-clock-o" class="fa-clock-o"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-clock-o" class="fa-clock-o"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-clock-o" class="fa-clock-o"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-clock-o" class="fa-clock-o"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-clock-o" class="fa-clock-o"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-clock-o" class="fa-clock-o"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-clock-o" class="fa-clock-o"></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=".fa-clock-o" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf106;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="fa-cloud-upload" class="fa-cloud-upload"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-cloud-upload" class="fa-cloud-upload"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-cloud-upload" class="fa-cloud-upload"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-cloud-upload" class="fa-cloud-upload"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-cloud-upload" class="fa-cloud-upload"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-cloud-upload" class="fa-cloud-upload"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-cloud-upload" class="fa-cloud-upload"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-cloud-upload" class="fa-cloud-upload"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-cloud-upload" class="fa-cloud-upload"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-cloud-upload" class="fa-cloud-upload"></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=".fa-cloud-upload" />
<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;#xf101;" />
</div>
</div>
@@ -409,7 +283,7 @@
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-code-fork" />
<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;#xf102;" />
</div>
</div>
@@ -422,20 +296,7 @@
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-comment" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf109;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="fa-download" class="fa-download"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-download" class="fa-download"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-download" class="fa-download"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-download" class="fa-download"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-download" class="fa-download"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-download" class="fa-download"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-download" class="fa-download"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-download" class="fa-download"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-download" class="fa-download"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-download" class="fa-download"></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=".fa-download" />
<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;#xf103;" />
</div>
</div>
@@ -448,20 +309,7 @@
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-eye" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10b;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="fa-eye-slash" class="fa-eye-slash"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-eye-slash" class="fa-eye-slash"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-eye-slash" class="fa-eye-slash"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-eye-slash" class="fa-eye-slash"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-eye-slash" class="fa-eye-slash"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-eye-slash" class="fa-eye-slash"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-eye-slash" class="fa-eye-slash"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-eye-slash" class="fa-eye-slash"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-eye-slash" class="fa-eye-slash"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-eye-slash" class="fa-eye-slash"></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=".fa-eye-slash" />
<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;#xf104;" />
</div>
</div>
@@ -474,33 +322,7 @@
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-facebook-square" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10d;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="fa-filter" class="fa-filter"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-filter" class="fa-filter"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-filter" class="fa-filter"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-filter" class="fa-filter"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-filter" class="fa-filter"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-filter" class="fa-filter"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-filter" class="fa-filter"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-filter" class="fa-filter"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-filter" class="fa-filter"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-filter" class="fa-filter"></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=".fa-filter" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf10e;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="fa-flag" class="fa-flag"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-flag" class="fa-flag"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-flag" class="fa-flag"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-flag" class="fa-flag"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-flag" class="fa-flag"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-flag" class="fa-flag"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-flag" class="fa-flag"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-flag" class="fa-flag"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-flag" class="fa-flag"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-flag" class="fa-flag"></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=".fa-flag" />
<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;#xf105;" />
</div>
</div>
@@ -514,21 +336,7 @@
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-floppy-o" />
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-save" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf110;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="fa-gavel" class="fa-gavel"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-gavel" class="fa-gavel"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-gavel" class="fa-gavel"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-gavel" class="fa-gavel"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-gavel" class="fa-gavel"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-gavel" class="fa-gavel"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-gavel" class="fa-gavel"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-gavel" class="fa-gavel"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-gavel" class="fa-gavel"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-gavel" class="fa-gavel"></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=".fa-gavel" />
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-legal" />
<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;#xf106;" />
</div>
</div>
@@ -541,7 +349,7 @@
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-github" />
<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;#xf107;" />
</div>
</div>
@@ -554,7 +362,7 @@
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-globe" />
<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;#xf108;" />
</div>
</div>
@@ -567,7 +375,7 @@
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-google" />
<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;#xf109;" />
</div>
</div>
@@ -580,7 +388,7 @@
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-history" />
<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;#xf10a;" />
</div>
</div>
@@ -593,7 +401,7 @@
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-home" />
<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;#xf10b;" />
</div>
</div>
@@ -606,7 +414,7 @@
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-inbox" />
<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;#xf10c;" />
</div>
</div>
@@ -619,7 +427,7 @@
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-key-modern" />
<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;#xf10d;" />
</div>
</div>
@@ -632,7 +440,7 @@
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-link" />
<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;#xf10e;" />
</div>
</div>
@@ -645,21 +453,7 @@
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-pencil" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11a;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="fa-pencil-square-o" class="fa-pencil-square-o"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-pencil-square-o" class="fa-pencil-square-o"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-pencil-square-o" class="fa-pencil-square-o"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-pencil-square-o" class="fa-pencil-square-o"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-pencil-square-o" class="fa-pencil-square-o"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-pencil-square-o" class="fa-pencil-square-o"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-pencil-square-o" class="fa-pencil-square-o"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-pencil-square-o" class="fa-pencil-square-o"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-pencil-square-o" class="fa-pencil-square-o"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-pencil-square-o" class="fa-pencil-square-o"></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=".fa-pencil-square-o" />
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-edit" />
<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;#xf10f;" />
</div>
</div>
@@ -672,72 +466,7 @@
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-question-circle" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11c;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="fa-quote-left" class="fa-quote-left"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-quote-left" class="fa-quote-left"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-quote-left" class="fa-quote-left"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-quote-left" class="fa-quote-left"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-quote-left" class="fa-quote-left"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-quote-left" class="fa-quote-left"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-quote-left" class="fa-quote-left"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-quote-left" class="fa-quote-left"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-quote-left" class="fa-quote-left"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-quote-left" class="fa-quote-left"></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=".fa-quote-left" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11d;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="fa-reply" class="fa-reply"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-reply" class="fa-reply"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-reply" class="fa-reply"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-reply" class="fa-reply"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-reply" class="fa-reply"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-reply" class="fa-reply"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-reply" class="fa-reply"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-reply" class="fa-reply"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-reply" class="fa-reply"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-reply" class="fa-reply"></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=".fa-reply" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11e;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="fa-rss" class="fa-rss"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-rss" class="fa-rss"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-rss" class="fa-rss"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-rss" class="fa-rss"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-rss" class="fa-rss"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-rss" class="fa-rss"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-rss" class="fa-rss"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-rss" class="fa-rss"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-rss" class="fa-rss"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-rss" class="fa-rss"></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=".fa-rss" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf11f;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="fa-search" class="fa-search"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-search" class="fa-search"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-search" class="fa-search"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-search" class="fa-search"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-search" class="fa-search"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-search" class="fa-search"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-search" class="fa-search"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-search" class="fa-search"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-search" class="fa-search"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-search" class="fa-search"></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=".fa-search" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf120;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="fa-share-alt" class="fa-share-alt"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-share-alt" class="fa-share-alt"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-share-alt" class="fa-share-alt"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-share-alt" class="fa-share-alt"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-share-alt" class="fa-share-alt"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-share-alt" class="fa-share-alt"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-share-alt" class="fa-share-alt"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-share-alt" class="fa-share-alt"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-share-alt" class="fa-share-alt"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-share-alt" class="fa-share-alt"></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=".fa-share-alt" />
<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;#xf110;" />
</div>
</div>
@@ -750,7 +479,7 @@
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-sign-in" />
<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;#xf111;" />
</div>
</div>
@@ -763,59 +492,7 @@
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-sign-out" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf123;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="fa-sliders" class="fa-sliders"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-sliders" class="fa-sliders"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-sliders" class="fa-sliders"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-sliders" class="fa-sliders"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-sliders" class="fa-sliders"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-sliders" class="fa-sliders"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-sliders" class="fa-sliders"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-sliders" class="fa-sliders"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-sliders" class="fa-sliders"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-sliders" class="fa-sliders"></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=".fa-sliders" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf124;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="fa-sort" class="fa-sort"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-sort" class="fa-sort"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-sort" class="fa-sort"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-sort" class="fa-sort"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-sort" class="fa-sort"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-sort" class="fa-sort"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-sort" class="fa-sort"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-sort" class="fa-sort"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-sort" class="fa-sort"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-sort" class="fa-sort"></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=".fa-sort" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf125;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="fa-sort-asc" class="fa-sort-asc"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-sort-asc" class="fa-sort-asc"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-sort-asc" class="fa-sort-asc"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-sort-asc" class="fa-sort-asc"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-sort-asc" class="fa-sort-asc"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-sort-asc" class="fa-sort-asc"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-sort-asc" class="fa-sort-asc"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-sort-asc" class="fa-sort-asc"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-sort-asc" class="fa-sort-asc"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-sort-asc" class="fa-sort-asc"></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=".fa-sort-asc" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf126;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="fa-sort-desc" class="fa-sort-desc"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-sort-desc" class="fa-sort-desc"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-sort-desc" class="fa-sort-desc"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-sort-desc" class="fa-sort-desc"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-sort-desc" class="fa-sort-desc"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-sort-desc" class="fa-sort-desc"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-sort-desc" class="fa-sort-desc"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-sort-desc" class="fa-sort-desc"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-sort-desc" class="fa-sort-desc"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-sort-desc" class="fa-sort-desc"></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=".fa-sort-desc" />
<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;#xf112;" />
</div>
</div>
@@ -828,7 +505,7 @@
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-star" />
<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;#xf113;" />
</div>
</div>
@@ -841,7 +518,7 @@
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-star-o" />
<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;#xf114;" />
</div>
</div>
@@ -854,7 +531,7 @@
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-table" />
<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;#xf115;" />
</div>
</div>
@@ -867,47 +544,7 @@
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-th-list" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12b;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="fa-times" class="fa-times"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-times" class="fa-times"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-times" class="fa-times"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-times" class="fa-times"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-times" class="fa-times"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-times" class="fa-times"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-times" class="fa-times"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-times" class="fa-times"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-times" class="fa-times"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-times" class="fa-times"></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=".fa-times" />
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-close" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12c;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="fa-trash" class="fa-trash"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-trash" class="fa-trash"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-trash" class="fa-trash"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-trash" class="fa-trash"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-trash" class="fa-trash"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-trash" class="fa-trash"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-trash" class="fa-trash"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-trash" class="fa-trash"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-trash" class="fa-trash"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-trash" class="fa-trash"></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=".fa-trash" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf12d;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="fa-trash-o" class="fa-trash-o"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-trash-o" class="fa-trash-o"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-trash-o" class="fa-trash-o"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-trash-o" class="fa-trash-o"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-trash-o" class="fa-trash-o"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-trash-o" class="fa-trash-o"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-trash-o" class="fa-trash-o"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-trash-o" class="fa-trash-o"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-trash-o" class="fa-trash-o"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-trash-o" class="fa-trash-o"></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=".fa-trash-o" />
<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;#xf116;" />
</div>
</div>
@@ -920,7 +557,7 @@
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-user-circle-o" />
<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;#xf117;" />
</div>
</div>
@@ -933,20 +570,20 @@
</div>
<div class="usage">
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-user-plus" />
<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;#xf118;" />
</div>
</div>
<div class="glyph">
<div class="preview-glyphs">
<span class="step size-12"><span class="letters">Pp</span><i id="fa-wrench" class="fa-wrench"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-wrench" class="fa-wrench"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-wrench" class="fa-wrench"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-wrench" class="fa-wrench"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-wrench" class="fa-wrench"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-wrench" class="fa-wrench"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-wrench" class="fa-wrench"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-wrench" class="fa-wrench"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-wrench" class="fa-wrench"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-wrench" class="fa-wrench"></i></span>
<span class="step size-12"><span class="letters">Pp</span><i id="fa-users" class="fa-users"></i></span><span class="step size-14"><span class="letters">Pp</span><i id="fa-users" class="fa-users"></i></span><span class="step size-16"><span class="letters">Pp</span><i id="fa-users" class="fa-users"></i></span><span class="step size-18"><span class="letters">Pp</span><i id="fa-users" class="fa-users"></i></span><span class="step size-21"><span class="letters">Pp</span><i id="fa-users" class="fa-users"></i></span><span class="step size-24"><span class="letters">Pp</span><i id="fa-users" class="fa-users"></i></span><span class="step size-36"><span class="letters">Pp</span><i id="fa-users" class="fa-users"></i></span><span class="step size-48"><span class="letters">Pp</span><i id="fa-users" class="fa-users"></i></span><span class="step size-60"><span class="letters">Pp</span><i id="fa-users" class="fa-users"></i></span><span class="step size-72"><span class="letters">Pp</span><i id="fa-users" class="fa-users"></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=".fa-wrench" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf131;" />
<input class="class" type="text" readonly="readonly" onClick="this.select();" value=".fa-users" />
<input class="point" type="text" readonly="readonly" onClick="this.select();" value="&amp;#xf119;" />
</div>
</div>