Login screen new interface (social buttons)

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

Binary file not shown.

View file

@ -117,4 +117,5 @@
<glyph unicode="&#57451;" d="M256 484c-126 0-228-102-228-228 0-126 102-228 228-228 126 0 228 102 228 228 0 126-102 228-228 228z m0-399c-94 0-171 77-171 171 0 94 77 171 171 171 94 0 171-77 171-171 0-94-77-171-171-171z m58 173c-10-9-27-16-31-18-4-2-4-4-4-10l0-8-57 0 0 18c0 14 1 22 16 30l20 10c7 5 16 8 16 15 0 8-7 11-24 11-16 0-33-6-45-14l-15 50c8 4 30 18 72 18 42 0 72-26 72-57 0-26-9-36-20-45z m-64-111c-22 0-37 12-37 32 0 21 15 33 37 33 22 0 37-12 37-33 0-20-15-32-37-32z"/>
<glyph unicode="&#57452;" d="M411 475l-88-88-65 65 0-194 194 0-65 65 88 88z m-351-221l65-65-88-88 64-64 88 88 65-65 0 194z"/>
<glyph unicode="&#57453;" d="M282 475l65-64-89-89 64-64 89 89 64-65 0 193z m-92-221l-89-89-64 65 0-193 193 0-65 64 89 89z"/>
<glyph unicode="&#57455;" d="M256 484c-126 0-228-102-228-228 0-126 102-228 228-228 126 0 228 102 228 228 0 126-102 228-228 228z m-185-228c0 39 12 75 33 105 3 1 7 2 9 1 3-2 2-3 2-7 1-6 2-13 10-9 7 4 5 15 9 21 3 4 7 9 10 12 5 4 9 6 9 12 1 7-5 9-11 10 8 7 16 12 26 17 2-1 5-5 4-9-2-3-10-3-8-10 10-5 33 18 32-4-9-3-30-6-31-18-1-12 20-9 27-8 9 1 16 3 23 9 9 6 23 18 25 28 4 18-23 9-29 17-2 3-2 7-1 11 0 0 0 0 0 1 15 4 30 6 46 6 22 0 43-4 62-11-8-13-3-36-3-50 0-8-4-8-9-13-5-6-10-10-17-9-16 3-31 10-45-3-5-5-10-9-10-17 0-5-2-13 4-15 3-2 12-2 15 1 4 3 4 10 6 15 3 6 11 9 15 3 3-6 1-12-2-17-5-7-8-10-16-13-2-1-4-3-7-2-3 1-4 4-6 5-6 2-12-4-15-7-4-4-9-6-15-7-4-1-13 1-10-7 1-5 7-5 6-13-7 0-17 2-21-3-2-3-7-18-5-21 2-4 12-3 16-3 6-1 12 0 13 7 4 2 5 6 8 8 3 2 6 3 10 3 12 2 13-5 18-13 4-6 10-11 10-1-1 8-8 12-7 21 7 2 9-7 11-12 2-4 3-7 6-10 1-2 3-4 5-6 2 6 6 10 8 15 2 5 5 10 9 14 7 7 36 7 25-5-5-4-36-11-26-20 4-5 14 0 19-3 5-2 2-9 2-14 0-1 0-2 0-3-13-7-36-3-48-2-9 0-15 4-22 9-7 5-11 6-20 7-22 1-39-3-56-17-16-13-23-29-19-50 6-35 45-29 72-31 11-1 13-2 17-12 3-9 6-17 8-26 2-8 2-17 3-25 1-8 2-13 6-17-100 3-180 85-180 185z m242-176c7 4 11 8 18 13 3 2 6 2 8 6 2 5-1 8-3 13-4 10 4 14 10 21 7 6 12 15 16 23 4 6 10 20 10 26-8 0-17-4-26-3-11 2-19 9-25 16-7 7-11 16-10 26 0 4 0 5 3 6 5-6 14-9 19-16 4-5 6-9 11-13 3-2 5-6 8-9 4-4 13-1 17 3 6 5 5 11 7 17 1 5 4 7 6 12 1 5 0 11 0 15-5 1-8 0-12-2-3-2-3-5-8-5-7 0-11 8-12 15 6 3 15 2 22 2 7 0 13 1 19 4 11 5 19 0 28-6 5-4 12-14 16-8 4 5 2 16 2 22 0 3 1 6 1 10 1 2 1 4 2 5 1-5 1-11 1-17 0-82-54-152-128-176z"/>
</font></defs></svg>

Before

Width:  |  Height:  |  Size: 42 KiB

After

Width:  |  Height:  |  Size: 44 KiB

Before After
Before After

Binary file not shown.

Binary file not shown.

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() {

View file

@ -368,3 +368,6 @@
.icon-resize-out:before {
content: "\e06d";
}
.icon-world:before {
content: "\e06f";
}