Dereku/snappymail
1
0
Fork 0
mirror of https://github.com/the-djmaze/snappymail.git synced 2026-07-13 03:27:39 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Login screen new interface (social buttons)

Browse source
This commit is contained in:
RainLoop Team 2014-10-30 17:59:25 +04:00
parent 28a684b7c8
commit 77a30c0b92
40 changed files with 622 additions and 630 deletions
Download patch file Download diff file Expand all files Collapse all files

894
vendors/fontastic/icons-reference.html vendored
View file

@ -43,449 +43,6 @@ h2{font-size:18px;padding:0 0 21px 5px;margin:45px 0 0 0;text-transform:uppercas
<div class="container">
<h1>RainLoop</h1>
<p class="small">This font was created with<a href="http://fontastic.me/">Fontastic</a></p>
<h2>Character mapping</h2>
<ul class="glyphs character-mapping">
<li>
<div data-icon="&#xe000;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe000;">
</li>
<li>
<div data-icon="&#xe001;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe001;">
</li>
<li>
<div data-icon="&#xe002;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe002;">
</li>
<li>
<div data-icon="&#xe003;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe003;">
</li>
<li>
<div data-icon="&#xe004;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe004;">
</li>
<li>
<div data-icon="&#xe005;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe005;">
</li>
<li>
<div data-icon="&#xe006;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe006;">
</li>
<li>
<div data-icon="&#xe007;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe007;">
</li>
<li>
<div data-icon="&#xe008;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe008;">
</li>
<li>
<div data-icon="&#xe009;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe009;">
</li>
<li>
<div data-icon="&#xe00a;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe00a;">
</li>
<li>
<div data-icon="&#xe00b;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe00b;">
</li>
<li>
<div data-icon="&#xe00c;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe00c;">
</li>
<li>
<div data-icon="&#xe00d;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe00d;">
</li>
<li>
<div data-icon="&#xe00e;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe00e;">
</li>
<li>
<div data-icon="&#xe00f;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe00f;">
</li>
<li>
<div data-icon="&#xe010;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe010;">
</li>
<li>
<div data-icon="&#xe011;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe011;">
</li>
<li>
<div data-icon="&#xe012;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe012;">
</li>
<li>
<div data-icon="&#xe013;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe013;">
</li>
<li>
<div data-icon="&#xe014;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe014;">
</li>
<li>
<div data-icon="&#xe015;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe015;">
</li>
<li>
<div data-icon="&#xe016;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe016;">
</li>
<li>
<div data-icon="&#xe017;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe017;">
</li>
<li>
<div data-icon="&#xe018;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe018;">
</li>
<li>
<div data-icon="&#xe019;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe019;">
</li>
<li>
<div data-icon="&#xe01a;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe01a;">
</li>
<li>
<div data-icon="&#xe01b;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe01b;">
</li>
<li>
<div data-icon="&#xe01c;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe01c;">
</li>
<li>
<div data-icon="&#xe01d;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe01d;">
</li>
<li>
<div data-icon="&#xe01e;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe01e;">
</li>
<li>
<div data-icon="&#xe01f;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe01f;">
</li>
<li>
<div data-icon="&#xe020;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe020;">
</li>
<li>
<div data-icon="&#xe021;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe021;">
</li>
<li>
<div data-icon="&#xe022;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe022;">
</li>
<li>
<div data-icon="&#xe023;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe023;">
</li>
<li>
<div data-icon="&#xe024;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe024;">
</li>
<li>
<div data-icon="&#xe025;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe025;">
</li>
<li>
<div data-icon="&#xe026;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe026;">
</li>
<li>
<div data-icon="&#xe027;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe027;">
</li>
<li>
<div data-icon="&#xe028;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe028;">
</li>
<li>
<div data-icon="&#xe029;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe029;">
</li>
<li>
<div data-icon="&#xe02a;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe02a;">
</li>
<li>
<div data-icon="&#xe02b;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe02b;">
</li>
<li>
<div data-icon="&#xe02c;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe02c;">
</li>
<li>
<div data-icon="&#xe02d;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe02d;">
</li>
<li>
<div data-icon="&#xe02e;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe02e;">
</li>
<li>
<div data-icon="&#xe02f;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe02f;">
</li>
<li>
<div data-icon="&#xe030;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe030;">
</li>
<li>
<div data-icon="&#xe031;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe031;">
</li>
<li>
<div data-icon="&#xe032;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe032;">
</li>
<li>
<div data-icon="&#xe033;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe033;">
</li>
<li>
<div data-icon="&#xe034;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe034;">
</li>
<li>
<div data-icon="&#xe035;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe035;">
</li>
<li>
<div data-icon="&#xe036;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe036;">
</li>
<li>
<div data-icon="&#xe037;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe037;">
</li>
<li>
<div data-icon="&#xe038;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe038;">
</li>
<li>
<div data-icon="&#xe039;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe039;">
</li>
<li>
<div data-icon="&#xe03a;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe03a;">
</li>
<li>
<div data-icon="&#xe03b;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe03b;">
</li>
<li>
<div data-icon="&#xe03c;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe03c;">
</li>
<li>
<div data-icon="&#xe03d;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe03d;">
</li>
<li>
<div data-icon="&#xe03e;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe03e;">
</li>
<li>
<div data-icon="&#xe03f;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe03f;">
</li>
<li>
<div data-icon="&#xe040;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe040;">
</li>
<li>
<div data-icon="&#xe041;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe041;">
</li>
<li>
<div data-icon="&#xe042;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe042;">
</li>
<li>
<div data-icon="&#xe043;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe043;">
</li>
<li>
<div data-icon="&#xe044;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe044;">
</li>
<li>
<div data-icon="&#xe045;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe045;">
</li>
<li>
<div data-icon="&#xe046;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe046;">
</li>
<li>
<div data-icon="&#xe047;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe047;">
</li>
<li>
<div data-icon="&#xe048;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe048;">
</li>
<li>
<div data-icon="&#xe049;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe049;">
</li>
<li>
<div data-icon="&#xe04a;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe04a;">
</li>
<li>
<div data-icon="&#xe04b;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe04b;">
</li>
<li>
<div data-icon="&#xe04c;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe04c;">
</li>
<li>
<div data-icon="&#xe04d;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe04d;">
</li>
<li>
<div data-icon="&#xe04e;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe04e;">
</li>
<li>
<div data-icon="&#xe04f;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe04f;">
</li>
<li>
<div data-icon="&#xe050;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe050;">
</li>
<li>
<div data-icon="&#xe051;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe051;">
</li>
<li>
<div data-icon="&#xe052;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe052;">
</li>
<li>
<div data-icon="&#xe053;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe053;">
</li>
<li>
<div data-icon="&#xe054;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe054;">
</li>
<li>
<div data-icon="&#xe055;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe055;">
</li>
<li>
<div data-icon="&#xe056;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe056;">
</li>
<li>
<div data-icon="&#xe057;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe057;">
</li>
<li>
<div data-icon="&#xe058;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe058;">
</li>
<li>
<div data-icon="&#xe059;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe059;">
</li>
<li>
<div data-icon="&#xe05a;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe05a;">
</li>
<li>
<div data-icon="&#xe05b;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe05b;">
</li>
<li>
<div data-icon="&#xe05c;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe05c;">
</li>
<li>
<div data-icon="&#xe05d;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe05d;">
</li>
<li>
<div data-icon="&#xe05e;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe05e;">
</li>
<li>
<div data-icon="&#xe05f;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe05f;">
</li>
<li>
<div data-icon="&#xe060;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe060;">
</li>
<li>
<div data-icon="&#xe061;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe061;">
</li>
<li>
<div data-icon="&#xe062;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe062;">
</li>
<li>
<div data-icon="&#xe063;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe063;">
</li>
<li>
<div data-icon="&#xe064;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe064;">
</li>
<li>
<div data-icon="&#xe065;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe065;">
</li>
<li>
<div data-icon="&#xe066;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe066;">
</li>
<li>
<div data-icon="&#xe067;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe067;">
</li>
<li>
<div data-icon="&#xe068;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe068;">
</li>
<li>
<div data-icon="&#xe069;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe069;">
</li>
<li>
<div data-icon="&#xe06a;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe06a;">
</li>
<li>
<div data-icon="&#xe06b;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe06b;">
</li>
<li>
<div data-icon="&#xe06c;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe06c;">
</li>
<li>
<div data-icon="&#xe06d;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe06d;">
</li>
</ul>
<h2>CSS mapping</h2>
<ul class="glyphs css-mapping">
<li>
@ -928,6 +485,457 @@ h2{font-size:18px;padding:0 0 21px 5px;margin:45px 0 0 0;text-transform:uppercas
<div class="icon icon-resize-out"></div>
<input type="text" readonly="readonly" value="resize-out">
</li>
<li>
<div class="icon icon-world"></div>
<input type="text" readonly="readonly" value="world">
</li>
</ul>
<h2>Character mapping</h2>
<ul class="glyphs character-mapping">
<li>
<div data-icon="&#xe000;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe000;">
</li>
<li>
<div data-icon="&#xe001;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe001;">
</li>
<li>
<div data-icon="&#xe002;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe002;">
</li>
<li>
<div data-icon="&#xe003;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe003;">
</li>
<li>
<div data-icon="&#xe004;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe004;">
</li>
<li>
<div data-icon="&#xe005;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe005;">
</li>
<li>
<div data-icon="&#xe006;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe006;">
</li>
<li>
<div data-icon="&#xe007;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe007;">
</li>
<li>
<div data-icon="&#xe008;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe008;">
</li>
<li>
<div data-icon="&#xe009;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe009;">
</li>
<li>
<div data-icon="&#xe00a;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe00a;">
</li>
<li>
<div data-icon="&#xe00b;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe00b;">
</li>
<li>
<div data-icon="&#xe00c;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe00c;">
</li>
<li>
<div data-icon="&#xe00d;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe00d;">
</li>
<li>
<div data-icon="&#xe00e;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe00e;">
</li>
<li>
<div data-icon="&#xe00f;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe00f;">
</li>
<li>
<div data-icon="&#xe010;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe010;">
</li>
<li>
<div data-icon="&#xe011;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe011;">
</li>
<li>
<div data-icon="&#xe012;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe012;">
</li>
<li>
<div data-icon="&#xe013;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe013;">
</li>
<li>
<div data-icon="&#xe014;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe014;">
</li>
<li>
<div data-icon="&#xe015;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe015;">
</li>
<li>
<div data-icon="&#xe016;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe016;">
</li>
<li>
<div data-icon="&#xe017;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe017;">
</li>
<li>
<div data-icon="&#xe018;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe018;">
</li>
<li>
<div data-icon="&#xe019;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe019;">
</li>
<li>
<div data-icon="&#xe01a;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe01a;">
</li>
<li>
<div data-icon="&#xe01b;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe01b;">
</li>
<li>
<div data-icon="&#xe01c;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe01c;">
</li>
<li>
<div data-icon="&#xe01d;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe01d;">
</li>
<li>
<div data-icon="&#xe01e;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe01e;">
</li>
<li>
<div data-icon="&#xe01f;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe01f;">
</li>
<li>
<div data-icon="&#xe020;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe020;">
</li>
<li>
<div data-icon="&#xe021;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe021;">
</li>
<li>
<div data-icon="&#xe022;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe022;">
</li>
<li>
<div data-icon="&#xe023;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe023;">
</li>
<li>
<div data-icon="&#xe024;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe024;">
</li>
<li>
<div data-icon="&#xe025;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe025;">
</li>
<li>
<div data-icon="&#xe026;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe026;">
</li>
<li>
<div data-icon="&#xe027;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe027;">
</li>
<li>
<div data-icon="&#xe028;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe028;">
</li>
<li>
<div data-icon="&#xe029;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe029;">
</li>
<li>
<div data-icon="&#xe02a;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe02a;">
</li>
<li>
<div data-icon="&#xe02b;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe02b;">
</li>
<li>
<div data-icon="&#xe02c;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe02c;">
</li>
<li>
<div data-icon="&#xe02d;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe02d;">
</li>
<li>
<div data-icon="&#xe02e;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe02e;">
</li>
<li>
<div data-icon="&#xe02f;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe02f;">
</li>
<li>
<div data-icon="&#xe030;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe030;">
</li>
<li>
<div data-icon="&#xe031;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe031;">
</li>
<li>
<div data-icon="&#xe032;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe032;">
</li>
<li>
<div data-icon="&#xe033;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe033;">
</li>
<li>
<div data-icon="&#xe034;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe034;">
</li>
<li>
<div data-icon="&#xe035;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe035;">
</li>
<li>
<div data-icon="&#xe036;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe036;">
</li>
<li>
<div data-icon="&#xe037;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe037;">
</li>
<li>
<div data-icon="&#xe038;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe038;">
</li>
<li>
<div data-icon="&#xe039;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe039;">
</li>
<li>
<div data-icon="&#xe03a;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe03a;">
</li>
<li>
<div data-icon="&#xe03b;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe03b;">
</li>
<li>
<div data-icon="&#xe03c;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe03c;">
</li>
<li>
<div data-icon="&#xe03d;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe03d;">
</li>
<li>
<div data-icon="&#xe03e;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe03e;">
</li>
<li>
<div data-icon="&#xe03f;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe03f;">
</li>
<li>
<div data-icon="&#xe040;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe040;">
</li>
<li>
<div data-icon="&#xe041;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe041;">
</li>
<li>
<div data-icon="&#xe042;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe042;">
</li>
<li>
<div data-icon="&#xe043;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe043;">
</li>
<li>
<div data-icon="&#xe044;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe044;">
</li>
<li>
<div data-icon="&#xe045;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe045;">
</li>
<li>
<div data-icon="&#xe046;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe046;">
</li>
<li>
<div data-icon="&#xe047;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe047;">
</li>
<li>
<div data-icon="&#xe048;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe048;">
</li>
<li>
<div data-icon="&#xe049;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe049;">
</li>
<li>
<div data-icon="&#xe04a;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe04a;">
</li>
<li>
<div data-icon="&#xe04b;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe04b;">
</li>
<li>
<div data-icon="&#xe04c;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe04c;">
</li>
<li>
<div data-icon="&#xe04d;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe04d;">
</li>
<li>
<div data-icon="&#xe04e;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe04e;">
</li>
<li>
<div data-icon="&#xe04f;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe04f;">
</li>
<li>
<div data-icon="&#xe050;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe050;">
</li>
<li>
<div data-icon="&#xe051;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe051;">
</li>
<li>
<div data-icon="&#xe052;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe052;">
</li>
<li>
<div data-icon="&#xe053;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe053;">
</li>
<li>
<div data-icon="&#xe054;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe054;">
</li>
<li>
<div data-icon="&#xe055;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe055;">
</li>
<li>
<div data-icon="&#xe056;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe056;">
</li>
<li>
<div data-icon="&#xe057;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe057;">
</li>
<li>
<div data-icon="&#xe058;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe058;">
</li>
<li>
<div data-icon="&#xe059;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe059;">
</li>
<li>
<div data-icon="&#xe05a;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe05a;">
</li>
<li>
<div data-icon="&#xe05b;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe05b;">
</li>
<li>
<div data-icon="&#xe05c;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe05c;">
</li>
<li>
<div data-icon="&#xe05d;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe05d;">
</li>
<li>
<div data-icon="&#xe05e;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe05e;">
</li>
<li>
<div data-icon="&#xe05f;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe05f;">
</li>
<li>
<div data-icon="&#xe060;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe060;">
</li>
<li>
<div data-icon="&#xe061;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe061;">
</li>
<li>
<div data-icon="&#xe062;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe062;">
</li>
<li>
<div data-icon="&#xe063;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe063;">
</li>
<li>
<div data-icon="&#xe064;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe064;">
</li>
<li>
<div data-icon="&#xe065;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe065;">
</li>
<li>
<div data-icon="&#xe066;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe066;">
</li>
<li>
<div data-icon="&#xe067;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe067;">
</li>
<li>
<div data-icon="&#xe068;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe068;">
</li>
<li>
<div data-icon="&#xe069;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe069;">
</li>
<li>
<div data-icon="&#xe06a;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe06a;">
</li>
<li>
<div data-icon="&#xe06b;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe06b;">
</li>
<li>
<div data-icon="&#xe06c;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe06c;">
</li>
<li>
<div data-icon="&#xe06d;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe06d;">
</li>
<li>
<div data-icon="&#xe06f;" class="icon"></div>
<input type="text" readonly="readonly" value="&amp;#xe06f;">
</li>
</ul>
</div><script type="text/javascript">
(function() {