noalyss-commit
[Top][All Lists]
Advanced

[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

[Noalyss-commit] [noalyss] 64/107: Add demo for fontello


From: Dany De Bontridder
Subject: [Noalyss-commit] [noalyss] 64/107: Add demo for fontello
Date: Mon, 26 Aug 2019 10:32:01 -0400 (EDT)

sparkyx pushed a commit to branch master
in repository noalyss.

commit b20c6e7c65cd8f9402b27cda3d4de35c9f92c32c
Author: Dany De Bontridder <address@hidden>
Date:   Tue Aug 6 00:15:28 2019 +0200

    Add demo for fontello
---
 html/image/fontello/css/animation.css          |  85 +++++
 html/image/fontello/css/fontello-codes.css     |  96 ++++++
 html/image/fontello/css/fontello-embedded.css  | 149 +++++++++
 html/image/fontello/css/fontello-ie7-codes.css |  96 ++++++
 html/image/fontello/css/fontello-ie7.css       | 107 ++++++
 html/image/fontello/css/fontello.css           | 152 +++++++++
 html/image/fontello/demo.html                  | 446 +++++++++++++++++++++++++
 7 files changed, 1131 insertions(+)

diff --git a/html/image/fontello/css/animation.css 
b/html/image/fontello/css/animation.css
new file mode 100644
index 0000000..ac5a956
--- /dev/null
+++ b/html/image/fontello/css/animation.css
@@ -0,0 +1,85 @@
+/*
+   Animation example, for spinners
+*/
+.animate-spin {
+  -moz-animation: spin 2s infinite linear;
+  -o-animation: spin 2s infinite linear;
+  -webkit-animation: spin 2s infinite linear;
+  animation: spin 2s infinite linear;
+  display: inline-block;
+}
+@-moz-keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+
+  100% {
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+@-webkit-keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+
+  100% {
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+@-o-keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+
+  100% {
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+@-ms-keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+
+  100% {
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+@keyframes spin {
+  0% {
+    -moz-transform: rotate(0deg);
+    -o-transform: rotate(0deg);
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+
+  100% {
+    -moz-transform: rotate(359deg);
+    -o-transform: rotate(359deg);
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
diff --git a/html/image/fontello/css/fontello-codes.css 
b/html/image/fontello/css/fontello-codes.css
new file mode 100644
index 0000000..6a7d1c9
--- /dev/null
+++ b/html/image/fontello/css/fontello-codes.css
@@ -0,0 +1,96 @@
+
+.icon-logout:before { content: '\e800'; } /* '' */
+.icon-cancel-circled:before { content: '\e801'; } /* '' */
+.icon-cancel-circled2:before { content: '\e802'; } /* '' */
+.icon-eye:before { content: '\e803'; } /* '' */
+.icon-upload:before { content: '\e804'; } /* '' */
+.icon-download:before { content: '\e805'; } /* '' */
+.icon-attention:before { content: '\e806'; } /* '' */
+.icon-search:before { content: '\e807'; } /* '' */
+.icon-mail:before { content: '\e808'; } /* '' */
+.icon-anchor:before { content: '\e809'; } /* '' */
+.icon-resize-full-alt:before { content: '\e80a'; } /* '' */
+.icon-tag:before { content: '\e80b'; } /* '' */
+.icon-cw:before { content: '\e80c'; } /* '' */
+.icon-edit:before { content: '\e80d'; } /* '' */
+.icon-attention-circled:before { content: '\e80e'; } /* '' */
+.icon-trash-empty:before { content: '\e80f'; } /* '' */
+.icon-doc:before { content: '\e810'; } /* '' */
+.icon-calendar:before { content: '\e811'; } /* '' */
+.icon-edit-1:before { content: '\e812'; } /* '' */
+.icon-resize-full:before { content: '\e813'; } /* '' */
+.icon-up-bold:before { content: '\e814'; } /* '' */
+.icon-down-fat:before { content: '\e815'; } /* '' */
+.icon-cancel-circled2-1:before { content: '\e816'; } /* '' */
+.icon-upload-1:before { content: '\e817'; } /* '' */
+.icon-exclamation:before { content: '\e818'; } /* '' */
+.icon-down-open-1:before { content: '\e819'; } /* '' */
+.icon-up-open-1:before { content: '\e81a'; } /* '' */
+.icon-left-open-1:before { content: '\e81b'; } /* '' */
+.icon-right-open-1:before { content: '\e81c'; } /* '' */
+.icon-arrows-cw:before { content: '\e81d'; } /* '' */
+.icon-down-dir:before { content: '\e81e'; } /* '' */
+.icon-up-dir:before { content: '\e81f'; } /* '' */
+.icon-cog:before { content: '\e820'; } /* '' */
+.icon-cog-alt:before { content: '\e821'; } /* '' */
+.icon-down-dir-1:before { content: '\e822'; } /* '' */
+.icon-up-dir-1:before { content: '\e823'; } /* '' */
+.icon-down-open-2:before { content: '\e824'; } /* '' */
+.icon-right-open-2:before { content: '\e825'; } /* '' */
+.icon-left-open-2:before { content: '\e826'; } /* '' */
+.icon-up-open-2:before { content: '\e827'; } /* '' */
+.icon-plus:before { content: '\e828'; } /* '' */
+.icon-compass:before { content: '\e829'; } /* '' */
+.icon-resize-full-alt-1:before { content: '\e82a'; } /* '' */
+.icon-tag-1:before { content: '\e82b'; } /* '' */
+.icon-edit-2:before { content: '\e82c'; } /* '' */
+.icon-compass-1:before { content: '\e82d'; } /* '' */
+.icon-cogs:before { content: '\e82e'; } /* '' */
+.icon-up:before { content: '\e82f'; } /* '' */
+.icon-thumbs-up:before { content: '\e830'; } /* '' */
+.icon-lock:before { content: '\e831'; } /* '' */
+.icon-lock-open:before { content: '\e832'; } /* '' */
+.icon-thumbs-down:before { content: '\e833'; } /* '' */
+.icon-bell:before { content: '\e834'; } /* '' */
+.icon-resize-small:before { content: '\e835'; } /* '' */
+.icon-resize-full-1:before { content: '\e836'; } /* '' */
+.icon-right-hand:before { content: '\e837'; } /* '' */
+.icon-left-hand:before { content: '\e838'; } /* '' */
+.icon-up-hand:before { content: '\e839'; } /* '' */
+.icon-down-hand:before { content: '\e83a'; } /* '' */
+.icon-eye-off:before { content: '\e83b'; } /* '' */
+.icon-arrows-cw-1:before { content: '\e83c'; } /* '' */
+.icon-down-open:before { content: '\f004'; } /* '' */
+.icon-up-open:before { content: '\f005'; } /* '' */
+.icon-right-open:before { content: '\f006'; } /* '' */
+.icon-left-open:before { content: '\f007'; } /* '' */
+.icon-move:before { content: '\f047'; } /* '' */
+.icon-info-circled-alt:before { content: '\f086'; } /* '' */
+.icon-link-ext:before { content: '\f08e'; } /* '' */
+.icon-comment-empty:before { content: '\f0e5'; } /* '' */
+.icon-doc-text:before { content: '\f0f6'; } /* '' */
+.icon-plus-squared:before { content: '\f0fe'; } /* '' */
+.icon-angle-circled-left:before { content: '\f137'; } /* '' */
+.icon-angle-circled-right:before { content: '\f138'; } /* '' */
+.icon-angle-circled-up:before { content: '\f139'; } /* '' */
+.icon-angle-circled-down:before { content: '\f13a'; } /* '' */
+.icon-lock-open-alt:before { content: '\f13e'; } /* '' */
+.icon-ellipsis-vert:before { content: '\f142'; } /* '' */
+.icon-sort-alt-up:before { content: '\f160'; } /* '' */
+.icon-sort-alt-down:before { content: '\f161'; } /* '' */
+.icon-bitbucket:before { content: '\f171'; } /* '' */
+.icon-linux:before { content: '\f17c'; } /* '' */
+.icon-dot-circled:before { content: '\f192'; } /* '' */
+.icon-plus-squared-alt:before { content: '\f196'; } /* '' */
+.icon-fax:before { content: '\f1ac'; } /* '' */
+.icon-sliders:before { content: '\f1de'; } /* '' */
+.icon-share:before { content: '\f1e0'; } /* '' */
+.icon-calc:before { content: '\f1ec'; } /* '' */
+.icon-bell-off-empty:before { content: '\f1f7'; } /* '' */
+.icon-toggle-off:before { content: '\f204'; } /* '' */
+.icon-toggle-on:before { content: '\f205'; } /* '' */
+.icon-safari:before { content: '\f267'; } /* '' */
+.icon-chrome:before { content: '\f268'; } /* '' */
+.icon-firefox:before { content: '\f269'; } /* '' */
+.icon-calendar-1:before { content: '\f4c5'; } /* '' */
+.icon-search-1:before { content: '\f50d'; } /* '' */
\ No newline at end of file
diff --git a/html/image/fontello/css/fontello-embedded.css 
b/html/image/fontello/css/fontello-embedded.css
new file mode 100644
index 0000000..2e1ba7b
--- /dev/null
+++ b/html/image/fontello/css/fontello-embedded.css
@@ -0,0 +1,149 @@
+@font-face {
+  font-family: 'fontello';
+  src: url('../font/fontello.eot?30012397');
+  src: url('../font/fontello.eot?30012397#iefix') format('embedded-opentype'),
+       url('../font/fontello.svg?30012397#fontello') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+@font-face {
+  font-family: 'fontello';
+  src: 
url('data:application/octet-stream;base64,d09GRgABAAAAAE40AA8AAAAAf1gAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABWAAAADsAAABUIIslek9TLzIAAAGUAAAAQwAAAFY+J1YHY21hcAAAAdgAAAKwAAAHVKLchQVjdnQgAAAEiAAAABMAAAAgBtn+9mZwZ20AAAScAAAFkAAAC3CKkZBZZ2FzcAAACiwAAAAIAAAACAAAABBnbHlmAAAKNAAAPYoAAGAIGX4BB2hlYWQAAEfAAAAANAAAADYUwiVzaGhlYQAAR/QAAAAgAAAAJAfBBDZobXR4AABIFAAAAK4AAAGAR3L/vWxvY2EAAEjEAAAAwgAAAMIEd+tobWF4cAAASYgAAAAgAAAAIAH6DahuYW1lAABJqAAAAXcAAALNzJ0fIXBvc3QAAEsgAAAClwAABKESaSZUcHJlcAAATbg
 [...]
+       
url('data:application/octet-stream;base64,AAEAAAAPAIAAAwBwR1NVQiCLJXoAAAD8AAAAVE9TLzI+J1YHAAABUAAAAFZjbWFwotyFBQAAAagAAAdUY3Z0IAbZ/vYAAHNAAAAAIGZwZ22KkZBZAABzYAAAC3BnYXNwAAAAEAAAczgAAAAIZ2x5Zhl+AQcAAAj8AABgCGhlYWQUwiVzAABpBAAAADZoaGVhB8EENgAAaTwAAAAkaG10eEdy/70AAGlgAAABgGxvY2EEd+toAABq4AAAAMJtYXhwAfoNqAAAa6QAAAAgbmFtZcydHyEAAGvEAAACzXBvc3QSaSZUAABulAAABKFwcmVw5UErvAAAftAAAACGAAEAAAAKADAAPgACREZMVAAObGF0bgAaAAQAAAAAAAAAAQAAAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAA
 [...]
+}
+/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment 
if you need it. */
+/* Note, that will break hinting! In other OS-es font will be not as sharp as 
it could be */
+/*
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+  @font-face {
+    font-family: 'fontello';
+    src: url('../font/fontello.svg?30012397#fontello') format('svg');
+  }
+}
+*/
+ 
+ [class^="icon-"]:before, [class*=" icon-"]:before {
+  font-family: "fontello";
+  font-style: normal;
+  font-weight: normal;
+  speak: none;
+ 
+  display: inline-block;
+  text-decoration: inherit;
+  width: 1em;
+  margin-right: .2em;
+  text-align: center;
+  /* opacity: .8; */
+ 
+  /* For safety - reset parent styles, that can break glyph codes*/
+  font-variant: normal;
+  text-transform: none;
+     
+  /* fix buttons height, for twitter bootstrap */
+  line-height: 1em;
+ 
+  /* Animation center compensation - margins should be symmetric */
+  /* remove if not needed */
+  margin-left: .2em;
+ 
+  /* you can be more comfortable with increased icons size */
+  /* font-size: 120%; */
+ 
+  /* Uncomment for 3D effect */
+  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
+}
+.icon-logout:before { content: '\e800'; } /* '' */
+.icon-cancel-circled:before { content: '\e801'; } /* '' */
+.icon-cancel-circled2:before { content: '\e802'; } /* '' */
+.icon-eye:before { content: '\e803'; } /* '' */
+.icon-upload:before { content: '\e804'; } /* '' */
+.icon-download:before { content: '\e805'; } /* '' */
+.icon-attention:before { content: '\e806'; } /* '' */
+.icon-search:before { content: '\e807'; } /* '' */
+.icon-mail:before { content: '\e808'; } /* '' */
+.icon-anchor:before { content: '\e809'; } /* '' */
+.icon-resize-full-alt:before { content: '\e80a'; } /* '' */
+.icon-tag:before { content: '\e80b'; } /* '' */
+.icon-cw:before { content: '\e80c'; } /* '' */
+.icon-edit:before { content: '\e80d'; } /* '' */
+.icon-attention-circled:before { content: '\e80e'; } /* '' */
+.icon-trash-empty:before { content: '\e80f'; } /* '' */
+.icon-doc:before { content: '\e810'; } /* '' */
+.icon-calendar:before { content: '\e811'; } /* '' */
+.icon-edit-1:before { content: '\e812'; } /* '' */
+.icon-resize-full:before { content: '\e813'; } /* '' */
+.icon-up-bold:before { content: '\e814'; } /* '' */
+.icon-down-fat:before { content: '\e815'; } /* '' */
+.icon-cancel-circled2-1:before { content: '\e816'; } /* '' */
+.icon-upload-1:before { content: '\e817'; } /* '' */
+.icon-exclamation:before { content: '\e818'; } /* '' */
+.icon-down-open-1:before { content: '\e819'; } /* '' */
+.icon-up-open-1:before { content: '\e81a'; } /* '' */
+.icon-left-open-1:before { content: '\e81b'; } /* '' */
+.icon-right-open-1:before { content: '\e81c'; } /* '' */
+.icon-arrows-cw:before { content: '\e81d'; } /* '' */
+.icon-down-dir:before { content: '\e81e'; } /* '' */
+.icon-up-dir:before { content: '\e81f'; } /* '' */
+.icon-cog:before { content: '\e820'; } /* '' */
+.icon-cog-alt:before { content: '\e821'; } /* '' */
+.icon-down-dir-1:before { content: '\e822'; } /* '' */
+.icon-up-dir-1:before { content: '\e823'; } /* '' */
+.icon-down-open-2:before { content: '\e824'; } /* '' */
+.icon-right-open-2:before { content: '\e825'; } /* '' */
+.icon-left-open-2:before { content: '\e826'; } /* '' */
+.icon-up-open-2:before { content: '\e827'; } /* '' */
+.icon-plus:before { content: '\e828'; } /* '' */
+.icon-compass:before { content: '\e829'; } /* '' */
+.icon-resize-full-alt-1:before { content: '\e82a'; } /* '' */
+.icon-tag-1:before { content: '\e82b'; } /* '' */
+.icon-edit-2:before { content: '\e82c'; } /* '' */
+.icon-compass-1:before { content: '\e82d'; } /* '' */
+.icon-cogs:before { content: '\e82e'; } /* '' */
+.icon-up:before { content: '\e82f'; } /* '' */
+.icon-thumbs-up:before { content: '\e830'; } /* '' */
+.icon-lock:before { content: '\e831'; } /* '' */
+.icon-lock-open:before { content: '\e832'; } /* '' */
+.icon-thumbs-down:before { content: '\e833'; } /* '' */
+.icon-bell:before { content: '\e834'; } /* '' */
+.icon-resize-small:before { content: '\e835'; } /* '' */
+.icon-resize-full-1:before { content: '\e836'; } /* '' */
+.icon-right-hand:before { content: '\e837'; } /* '' */
+.icon-left-hand:before { content: '\e838'; } /* '' */
+.icon-up-hand:before { content: '\e839'; } /* '' */
+.icon-down-hand:before { content: '\e83a'; } /* '' */
+.icon-eye-off:before { content: '\e83b'; } /* '' */
+.icon-arrows-cw-1:before { content: '\e83c'; } /* '' */
+.icon-down-open:before { content: '\f004'; } /* '' */
+.icon-up-open:before { content: '\f005'; } /* '' */
+.icon-right-open:before { content: '\f006'; } /* '' */
+.icon-left-open:before { content: '\f007'; } /* '' */
+.icon-move:before { content: '\f047'; } /* '' */
+.icon-info-circled-alt:before { content: '\f086'; } /* '' */
+.icon-link-ext:before { content: '\f08e'; } /* '' */
+.icon-comment-empty:before { content: '\f0e5'; } /* '' */
+.icon-doc-text:before { content: '\f0f6'; } /* '' */
+.icon-plus-squared:before { content: '\f0fe'; } /* '' */
+.icon-angle-circled-left:before { content: '\f137'; } /* '' */
+.icon-angle-circled-right:before { content: '\f138'; } /* '' */
+.icon-angle-circled-up:before { content: '\f139'; } /* '' */
+.icon-angle-circled-down:before { content: '\f13a'; } /* '' */
+.icon-lock-open-alt:before { content: '\f13e'; } /* '' */
+.icon-ellipsis-vert:before { content: '\f142'; } /* '' */
+.icon-sort-alt-up:before { content: '\f160'; } /* '' */
+.icon-sort-alt-down:before { content: '\f161'; } /* '' */
+.icon-bitbucket:before { content: '\f171'; } /* '' */
+.icon-linux:before { content: '\f17c'; } /* '' */
+.icon-dot-circled:before { content: '\f192'; } /* '' */
+.icon-plus-squared-alt:before { content: '\f196'; } /* '' */
+.icon-fax:before { content: '\f1ac'; } /* '' */
+.icon-sliders:before { content: '\f1de'; } /* '' */
+.icon-share:before { content: '\f1e0'; } /* '' */
+.icon-calc:before { content: '\f1ec'; } /* '' */
+.icon-bell-off-empty:before { content: '\f1f7'; } /* '' */
+.icon-toggle-off:before { content: '\f204'; } /* '' */
+.icon-toggle-on:before { content: '\f205'; } /* '' */
+.icon-safari:before { content: '\f267'; } /* '' */
+.icon-chrome:before { content: '\f268'; } /* '' */
+.icon-firefox:before { content: '\f269'; } /* '' */
+.icon-calendar-1:before { content: '\f4c5'; } /* '' */
+.icon-search-1:before { content: '\f50d'; } /* '' */
\ No newline at end of file
diff --git a/html/image/fontello/css/fontello-ie7-codes.css 
b/html/image/fontello/css/fontello-ie7-codes.css
new file mode 100644
index 0000000..fc69015
--- /dev/null
+++ b/html/image/fontello/css/fontello-ie7-codes.css
@@ -0,0 +1,96 @@
+
+.icon-logout { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe800;&nbsp;'); }
+.icon-cancel-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe801;&nbsp;'); }
+.icon-cancel-circled2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe802;&nbsp;'); }
+.icon-eye { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML 
= '&#xe803;&nbsp;'); }
+.icon-upload { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe804;&nbsp;'); }
+.icon-download { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe805;&nbsp;'); }
+.icon-attention { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe806;&nbsp;'); }
+.icon-search { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe807;&nbsp;'); }
+.icon-mail { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe808;&nbsp;'); }
+.icon-anchor { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe809;&nbsp;'); }
+.icon-resize-full-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe80a;&nbsp;'); }
+.icon-tag { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML 
= '&#xe80b;&nbsp;'); }
+.icon-cw { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML 
= '&#xe80c;&nbsp;'); }
+.icon-edit { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe80d;&nbsp;'); }
+.icon-attention-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe80e;&nbsp;'); }
+.icon-trash-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe80f;&nbsp;'); }
+.icon-doc { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML 
= '&#xe810;&nbsp;'); }
+.icon-calendar { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe811;&nbsp;'); }
+.icon-edit-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe812;&nbsp;'); }
+.icon-resize-full { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe813;&nbsp;'); }
+.icon-up-bold { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe814;&nbsp;'); }
+.icon-down-fat { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe815;&nbsp;'); }
+.icon-cancel-circled2-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe816;&nbsp;'); }
+.icon-upload-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe817;&nbsp;'); }
+.icon-exclamation { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe818;&nbsp;'); }
+.icon-down-open-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe819;&nbsp;'); }
+.icon-up-open-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe81a;&nbsp;'); }
+.icon-left-open-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe81b;&nbsp;'); }
+.icon-right-open-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe81c;&nbsp;'); }
+.icon-arrows-cw { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe81d;&nbsp;'); }
+.icon-down-dir { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe81e;&nbsp;'); }
+.icon-up-dir { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe81f;&nbsp;'); }
+.icon-cog { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML 
= '&#xe820;&nbsp;'); }
+.icon-cog-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe821;&nbsp;'); }
+.icon-down-dir-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe822;&nbsp;'); }
+.icon-up-dir-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe823;&nbsp;'); }
+.icon-down-open-2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe824;&nbsp;'); }
+.icon-right-open-2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe825;&nbsp;'); }
+.icon-left-open-2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe826;&nbsp;'); }
+.icon-up-open-2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe827;&nbsp;'); }
+.icon-plus { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe828;&nbsp;'); }
+.icon-compass { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe829;&nbsp;'); }
+.icon-resize-full-alt-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe82a;&nbsp;'); }
+.icon-tag-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe82b;&nbsp;'); }
+.icon-edit-2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe82c;&nbsp;'); }
+.icon-compass-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe82d;&nbsp;'); }
+.icon-cogs { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe82e;&nbsp;'); }
+.icon-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML 
= '&#xe82f;&nbsp;'); }
+.icon-thumbs-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe830;&nbsp;'); }
+.icon-lock { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe831;&nbsp;'); }
+.icon-lock-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe832;&nbsp;'); }
+.icon-thumbs-down { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe833;&nbsp;'); }
+.icon-bell { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe834;&nbsp;'); }
+.icon-resize-small { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe835;&nbsp;'); }
+.icon-resize-full-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe836;&nbsp;'); }
+.icon-right-hand { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe837;&nbsp;'); }
+.icon-left-hand { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe838;&nbsp;'); }
+.icon-up-hand { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe839;&nbsp;'); }
+.icon-down-hand { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe83a;&nbsp;'); }
+.icon-eye-off { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe83b;&nbsp;'); }
+.icon-arrows-cw-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe83c;&nbsp;'); }
+.icon-down-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf004;&nbsp;'); }
+.icon-up-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf005;&nbsp;'); }
+.icon-right-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf006;&nbsp;'); }
+.icon-left-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf007;&nbsp;'); }
+.icon-move { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf047;&nbsp;'); }
+.icon-info-circled-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf086;&nbsp;'); }
+.icon-link-ext { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf08e;&nbsp;'); }
+.icon-comment-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf0e5;&nbsp;'); }
+.icon-doc-text { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf0f6;&nbsp;'); }
+.icon-plus-squared { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf0fe;&nbsp;'); }
+.icon-angle-circled-left { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf137;&nbsp;'); }
+.icon-angle-circled-right { *zoom: expression( this.runtimeStyle['zoom'] = 
'1', this.innerHTML = '&#xf138;&nbsp;'); }
+.icon-angle-circled-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf139;&nbsp;'); }
+.icon-angle-circled-down { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf13a;&nbsp;'); }
+.icon-lock-open-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf13e;&nbsp;'); }
+.icon-ellipsis-vert { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf142;&nbsp;'); }
+.icon-sort-alt-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf160;&nbsp;'); }
+.icon-sort-alt-down { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf161;&nbsp;'); }
+.icon-bitbucket { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf171;&nbsp;'); }
+.icon-linux { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf17c;&nbsp;'); }
+.icon-dot-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf192;&nbsp;'); }
+.icon-plus-squared-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf196;&nbsp;'); }
+.icon-fax { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML 
= '&#xf1ac;&nbsp;'); }
+.icon-sliders { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf1de;&nbsp;'); }
+.icon-share { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf1e0;&nbsp;'); }
+.icon-calc { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf1ec;&nbsp;'); }
+.icon-bell-off-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf1f7;&nbsp;'); }
+.icon-toggle-off { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf204;&nbsp;'); }
+.icon-toggle-on { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf205;&nbsp;'); }
+.icon-safari { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf267;&nbsp;'); }
+.icon-chrome { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf268;&nbsp;'); }
+.icon-firefox { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf269;&nbsp;'); }
+.icon-calendar-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf4c5;&nbsp;'); }
+.icon-search-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf50d;&nbsp;'); }
\ No newline at end of file
diff --git a/html/image/fontello/css/fontello-ie7.css 
b/html/image/fontello/css/fontello-ie7.css
new file mode 100644
index 0000000..b028886
--- /dev/null
+++ b/html/image/fontello/css/fontello-ie7.css
@@ -0,0 +1,107 @@
+[class^="icon-"], [class*=" icon-"] {
+  font-family: 'fontello';
+  font-style: normal;
+  font-weight: normal;
+ 
+  /* fix buttons height */
+  line-height: 1em;
+ 
+  /* you can be more comfortable with increased icons size */
+  /* font-size: 120%; */
+}
+ 
+.icon-logout { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe800;&nbsp;'); }
+.icon-cancel-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe801;&nbsp;'); }
+.icon-cancel-circled2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe802;&nbsp;'); }
+.icon-eye { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML 
= '&#xe803;&nbsp;'); }
+.icon-upload { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe804;&nbsp;'); }
+.icon-download { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe805;&nbsp;'); }
+.icon-attention { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe806;&nbsp;'); }
+.icon-search { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe807;&nbsp;'); }
+.icon-mail { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe808;&nbsp;'); }
+.icon-anchor { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe809;&nbsp;'); }
+.icon-resize-full-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe80a;&nbsp;'); }
+.icon-tag { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML 
= '&#xe80b;&nbsp;'); }
+.icon-cw { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML 
= '&#xe80c;&nbsp;'); }
+.icon-edit { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe80d;&nbsp;'); }
+.icon-attention-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe80e;&nbsp;'); }
+.icon-trash-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe80f;&nbsp;'); }
+.icon-doc { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML 
= '&#xe810;&nbsp;'); }
+.icon-calendar { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe811;&nbsp;'); }
+.icon-edit-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe812;&nbsp;'); }
+.icon-resize-full { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe813;&nbsp;'); }
+.icon-up-bold { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe814;&nbsp;'); }
+.icon-down-fat { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe815;&nbsp;'); }
+.icon-cancel-circled2-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe816;&nbsp;'); }
+.icon-upload-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe817;&nbsp;'); }
+.icon-exclamation { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe818;&nbsp;'); }
+.icon-down-open-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe819;&nbsp;'); }
+.icon-up-open-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe81a;&nbsp;'); }
+.icon-left-open-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe81b;&nbsp;'); }
+.icon-right-open-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe81c;&nbsp;'); }
+.icon-arrows-cw { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe81d;&nbsp;'); }
+.icon-down-dir { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe81e;&nbsp;'); }
+.icon-up-dir { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe81f;&nbsp;'); }
+.icon-cog { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML 
= '&#xe820;&nbsp;'); }
+.icon-cog-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe821;&nbsp;'); }
+.icon-down-dir-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe822;&nbsp;'); }
+.icon-up-dir-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe823;&nbsp;'); }
+.icon-down-open-2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe824;&nbsp;'); }
+.icon-right-open-2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe825;&nbsp;'); }
+.icon-left-open-2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe826;&nbsp;'); }
+.icon-up-open-2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe827;&nbsp;'); }
+.icon-plus { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe828;&nbsp;'); }
+.icon-compass { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe829;&nbsp;'); }
+.icon-resize-full-alt-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe82a;&nbsp;'); }
+.icon-tag-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe82b;&nbsp;'); }
+.icon-edit-2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe82c;&nbsp;'); }
+.icon-compass-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe82d;&nbsp;'); }
+.icon-cogs { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe82e;&nbsp;'); }
+.icon-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML 
= '&#xe82f;&nbsp;'); }
+.icon-thumbs-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe830;&nbsp;'); }
+.icon-lock { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe831;&nbsp;'); }
+.icon-lock-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe832;&nbsp;'); }
+.icon-thumbs-down { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe833;&nbsp;'); }
+.icon-bell { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe834;&nbsp;'); }
+.icon-resize-small { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe835;&nbsp;'); }
+.icon-resize-full-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe836;&nbsp;'); }
+.icon-right-hand { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe837;&nbsp;'); }
+.icon-left-hand { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe838;&nbsp;'); }
+.icon-up-hand { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe839;&nbsp;'); }
+.icon-down-hand { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe83a;&nbsp;'); }
+.icon-eye-off { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe83b;&nbsp;'); }
+.icon-arrows-cw-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xe83c;&nbsp;'); }
+.icon-down-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf004;&nbsp;'); }
+.icon-up-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf005;&nbsp;'); }
+.icon-right-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf006;&nbsp;'); }
+.icon-left-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf007;&nbsp;'); }
+.icon-move { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf047;&nbsp;'); }
+.icon-info-circled-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf086;&nbsp;'); }
+.icon-link-ext { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf08e;&nbsp;'); }
+.icon-comment-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf0e5;&nbsp;'); }
+.icon-doc-text { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf0f6;&nbsp;'); }
+.icon-plus-squared { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf0fe;&nbsp;'); }
+.icon-angle-circled-left { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf137;&nbsp;'); }
+.icon-angle-circled-right { *zoom: expression( this.runtimeStyle['zoom'] = 
'1', this.innerHTML = '&#xf138;&nbsp;'); }
+.icon-angle-circled-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf139;&nbsp;'); }
+.icon-angle-circled-down { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf13a;&nbsp;'); }
+.icon-lock-open-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf13e;&nbsp;'); }
+.icon-ellipsis-vert { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf142;&nbsp;'); }
+.icon-sort-alt-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf160;&nbsp;'); }
+.icon-sort-alt-down { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf161;&nbsp;'); }
+.icon-bitbucket { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf171;&nbsp;'); }
+.icon-linux { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf17c;&nbsp;'); }
+.icon-dot-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf192;&nbsp;'); }
+.icon-plus-squared-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf196;&nbsp;'); }
+.icon-fax { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML 
= '&#xf1ac;&nbsp;'); }
+.icon-sliders { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf1de;&nbsp;'); }
+.icon-share { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf1e0;&nbsp;'); }
+.icon-calc { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf1ec;&nbsp;'); }
+.icon-bell-off-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf1f7;&nbsp;'); }
+.icon-toggle-off { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf204;&nbsp;'); }
+.icon-toggle-on { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf205;&nbsp;'); }
+.icon-safari { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf267;&nbsp;'); }
+.icon-chrome { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf268;&nbsp;'); }
+.icon-firefox { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf269;&nbsp;'); }
+.icon-calendar-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf4c5;&nbsp;'); }
+.icon-search-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', 
this.innerHTML = '&#xf50d;&nbsp;'); }
\ No newline at end of file
diff --git a/html/image/fontello/css/fontello.css 
b/html/image/fontello/css/fontello.css
new file mode 100644
index 0000000..8c1edd5
--- /dev/null
+++ b/html/image/fontello/css/fontello.css
@@ -0,0 +1,152 @@
+@font-face {
+  font-family: 'fontello';
+  src: url('../font/fontello.eot?62647818');
+  src: url('../font/fontello.eot?62647818#iefix') format('embedded-opentype'),
+       url('../font/fontello.woff2?62647818') format('woff2'),
+       url('../font/fontello.woff?62647818') format('woff'),
+       url('../font/fontello.ttf?62647818') format('truetype'),
+       url('../font/fontello.svg?62647818#fontello') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment 
if you need it. */
+/* Note, that will break hinting! In other OS-es font will be not as sharp as 
it could be */
+/*
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+  @font-face {
+    font-family: 'fontello';
+    src: url('../font/fontello.svg?62647818#fontello') format('svg');
+  }
+}
+*/
+ 
+ [class^="icon-"]:before, [class*=" icon-"]:before {
+  font-family: "fontello";
+  font-style: normal;
+  font-weight: normal;
+  speak: none;
+ 
+  display: inline-block;
+  text-decoration: inherit;
+  width: 1em;
+  margin-right: .2em;
+  text-align: center;
+  /* opacity: .8; */
+ 
+  /* For safety - reset parent styles, that can break glyph codes*/
+  font-variant: normal;
+  text-transform: none;
+ 
+  /* fix buttons height, for twitter bootstrap */
+  line-height: 1em;
+ 
+  /* Animation center compensation - margins should be symmetric */
+  /* remove if not needed */
+  margin-left: .2em;
+ 
+  /* you can be more comfortable with increased icons size */
+  /* font-size: 120%; */
+ 
+  /* Font smoothing. That was taken from TWBS */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+ 
+  /* Uncomment for 3D effect */
+  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
+}
+ 
+.icon-logout:before { content: '\e800'; } /* '' */
+.icon-cancel-circled:before { content: '\e801'; } /* '' */
+.icon-cancel-circled2:before { content: '\e802'; } /* '' */
+.icon-eye:before { content: '\e803'; } /* '' */
+.icon-upload:before { content: '\e804'; } /* '' */
+.icon-download:before { content: '\e805'; } /* '' */
+.icon-attention:before { content: '\e806'; } /* '' */
+.icon-search:before { content: '\e807'; } /* '' */
+.icon-mail:before { content: '\e808'; } /* '' */
+.icon-anchor:before { content: '\e809'; } /* '' */
+.icon-resize-full-alt:before { content: '\e80a'; } /* '' */
+.icon-tag:before { content: '\e80b'; } /* '' */
+.icon-cw:before { content: '\e80c'; } /* '' */
+.icon-edit:before { content: '\e80d'; } /* '' */
+.icon-attention-circled:before { content: '\e80e'; } /* '' */
+.icon-trash-empty:before { content: '\e80f'; } /* '' */
+.icon-doc:before { content: '\e810'; } /* '' */
+.icon-calendar:before { content: '\e811'; } /* '' */
+.icon-edit-1:before { content: '\e812'; } /* '' */
+.icon-resize-full:before { content: '\e813'; } /* '' */
+.icon-up-bold:before { content: '\e814'; } /* '' */
+.icon-down-fat:before { content: '\e815'; } /* '' */
+.icon-cancel-circled2-1:before { content: '\e816'; } /* '' */
+.icon-upload-1:before { content: '\e817'; } /* '' */
+.icon-exclamation:before { content: '\e818'; } /* '' */
+.icon-down-open-1:before { content: '\e819'; } /* '' */
+.icon-up-open-1:before { content: '\e81a'; } /* '' */
+.icon-left-open-1:before { content: '\e81b'; } /* '' */
+.icon-right-open-1:before { content: '\e81c'; } /* '' */
+.icon-arrows-cw:before { content: '\e81d'; } /* '' */
+.icon-down-dir:before { content: '\e81e'; } /* '' */
+.icon-up-dir:before { content: '\e81f'; } /* '' */
+.icon-cog:before { content: '\e820'; } /* '' */
+.icon-cog-alt:before { content: '\e821'; } /* '' */
+.icon-down-dir-1:before { content: '\e822'; } /* '' */
+.icon-up-dir-1:before { content: '\e823'; } /* '' */
+.icon-down-open-2:before { content: '\e824'; } /* '' */
+.icon-right-open-2:before { content: '\e825'; } /* '' */
+.icon-left-open-2:before { content: '\e826'; } /* '' */
+.icon-up-open-2:before { content: '\e827'; } /* '' */
+.icon-plus:before { content: '\e828'; } /* '' */
+.icon-compass:before { content: '\e829'; } /* '' */
+.icon-resize-full-alt-1:before { content: '\e82a'; } /* '' */
+.icon-tag-1:before { content: '\e82b'; } /* '' */
+.icon-edit-2:before { content: '\e82c'; } /* '' */
+.icon-compass-1:before { content: '\e82d'; } /* '' */
+.icon-cogs:before { content: '\e82e'; } /* '' */
+.icon-up:before { content: '\e82f'; } /* '' */
+.icon-thumbs-up:before { content: '\e830'; } /* '' */
+.icon-lock:before { content: '\e831'; } /* '' */
+.icon-lock-open:before { content: '\e832'; } /* '' */
+.icon-thumbs-down:before { content: '\e833'; } /* '' */
+.icon-bell:before { content: '\e834'; } /* '' */
+.icon-resize-small:before { content: '\e835'; } /* '' */
+.icon-resize-full-1:before { content: '\e836'; } /* '' */
+.icon-right-hand:before { content: '\e837'; } /* '' */
+.icon-left-hand:before { content: '\e838'; } /* '' */
+.icon-up-hand:before { content: '\e839'; } /* '' */
+.icon-down-hand:before { content: '\e83a'; } /* '' */
+.icon-eye-off:before { content: '\e83b'; } /* '' */
+.icon-arrows-cw-1:before { content: '\e83c'; } /* '' */
+.icon-down-open:before { content: '\f004'; } /* '' */
+.icon-up-open:before { content: '\f005'; } /* '' */
+.icon-right-open:before { content: '\f006'; } /* '' */
+.icon-left-open:before { content: '\f007'; } /* '' */
+.icon-move:before { content: '\f047'; } /* '' */
+.icon-info-circled-alt:before { content: '\f086'; } /* '' */
+.icon-link-ext:before { content: '\f08e'; } /* '' */
+.icon-comment-empty:before { content: '\f0e5'; } /* '' */
+.icon-doc-text:before { content: '\f0f6'; } /* '' */
+.icon-plus-squared:before { content: '\f0fe'; } /* '' */
+.icon-angle-circled-left:before { content: '\f137'; } /* '' */
+.icon-angle-circled-right:before { content: '\f138'; } /* '' */
+.icon-angle-circled-up:before { content: '\f139'; } /* '' */
+.icon-angle-circled-down:before { content: '\f13a'; } /* '' */
+.icon-lock-open-alt:before { content: '\f13e'; } /* '' */
+.icon-ellipsis-vert:before { content: '\f142'; } /* '' */
+.icon-sort-alt-up:before { content: '\f160'; } /* '' */
+.icon-sort-alt-down:before { content: '\f161'; } /* '' */
+.icon-bitbucket:before { content: '\f171'; } /* '' */
+.icon-linux:before { content: '\f17c'; } /* '' */
+.icon-dot-circled:before { content: '\f192'; } /* '' */
+.icon-plus-squared-alt:before { content: '\f196'; } /* '' */
+.icon-fax:before { content: '\f1ac'; } /* '' */
+.icon-sliders:before { content: '\f1de'; } /* '' */
+.icon-share:before { content: '\f1e0'; } /* '' */
+.icon-calc:before { content: '\f1ec'; } /* '' */
+.icon-bell-off-empty:before { content: '\f1f7'; } /* '' */
+.icon-toggle-off:before { content: '\f204'; } /* '' */
+.icon-toggle-on:before { content: '\f205'; } /* '' */
+.icon-safari:before { content: '\f267'; } /* '' */
+.icon-chrome:before { content: '\f268'; } /* '' */
+.icon-firefox:before { content: '\f269'; } /* '' */
+.icon-calendar-1:before { content: '\f4c5'; } /* '' */
+.icon-search-1:before { content: '\f50d'; } /* '' */
\ No newline at end of file
diff --git a/html/image/fontello/demo.html b/html/image/fontello/demo.html
new file mode 100644
index 0000000..9eb49bb
--- /dev/null
+++ b/html/image/fontello/demo.html
@@ -0,0 +1,446 @@
+<!DOCTYPE html>
+<html>
+  <head><!--[if lt IE 9]><script language="javascript" type="text/javascript" 
src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
+    <meta charset="UTF-8"><style>/*
+ * Bootstrap v2.2.1
+ *
+ * Copyright 2012 Twitter, Inc
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Designed and built with all the love in the world @twitter by @mdo and @fat.
+ */
+.clearfix {
+  *zoom: 1;
+}
+.clearfix:before,
+.clearfix:after {
+  display: table;
+  content: "";
+  line-height: 0;
+}
+.clearfix:after {
+  clear: both;
+}
+html {
+  font-size: 100%;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+}
+a:focus {
+  outline: thin dotted #333;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+a:hover,
+a:active {
+  outline: 0;
+}
+button,
+input,
+select,
+textarea {
+  margin: 0;
+  font-size: 100%;
+  vertical-align: middle;
+}
+button,
+input {
+  *overflow: visible;
+  line-height: normal;
+}
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  padding: 0;
+  border: 0;
+}
+body {
+  margin: 0;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 14px;
+  line-height: 20px;
+  color: #333;
+  background-color: #fff;
+}
+a {
+  color: #08c;
+  text-decoration: none;
+}
+a:hover {
+  color: #005580;
+  text-decoration: underline;
+}
+.row {
+  margin-left: -20px;
+  *zoom: 1;
+}
+.row:before,
+.row:after {
+  display: table;
+  content: "";
+  line-height: 0;
+}
+.row:after {
+  clear: both;
+}
+[class*="span"] {
+  float: left;
+  min-height: 1px;
+  margin-left: 20px;
+}
+.container,
+.navbar-static-top .container,
+.navbar-fixed-top .container,
+.navbar-fixed-bottom .container {
+  width: 940px;
+}
+.span12 {
+  width: 940px;
+}
+.span11 {
+  width: 860px;
+}
+.span10 {
+  width: 780px;
+}
+.span9 {
+  width: 700px;
+}
+.span8 {
+  width: 620px;
+}
+.span7 {
+  width: 540px;
+}
+.span6 {
+  width: 460px;
+}
+.span5 {
+  width: 380px;
+}
+.span4 {
+  width: 300px;
+}
+.span3 {
+  width: 220px;
+}
+.span2 {
+  width: 140px;
+}
+.span1 {
+  width: 60px;
+}
+[class*="span"].pull-right,
+.row-fluid [class*="span"].pull-right {
+  float: right;
+}
+.container {
+  margin-right: auto;
+  margin-left: auto;
+  *zoom: 1;
+}
+.container:before,
+.container:after {
+  display: table;
+  content: "";
+  line-height: 0;
+}
+.container:after {
+  clear: both;
+}
+p {
+  margin: 0 0 10px;
+}
+.lead {
+  margin-bottom: 20px;
+  font-size: 21px;
+  font-weight: 200;
+  line-height: 30px;
+}
+small {
+  font-size: 85%;
+}
+h1 {
+  margin: 10px 0;
+  font-family: inherit;
+  font-weight: bold;
+  line-height: 20px;
+  color: inherit;
+  text-rendering: optimizelegibility;
+}
+h1 small {
+  font-weight: normal;
+  line-height: 1;
+  color: #999;
+}
+h1 {
+  line-height: 40px;
+}
+h1 {
+  font-size: 38.5px;
+}
+h1 small {
+  font-size: 24.5px;
+}
+body {
+  margin-top: 90px;
+}
+.header {
+  position: fixed;
+  top: 0;
+  left: 50%;
+  margin-left: -480px;
+  background-color: #fff;
+  border-bottom: 1px solid #ddd;
+  padding-top: 10px;
+  z-index: 10;
+}
+.footer {
+  color: #ddd;
+  font-size: 12px;
+  text-align: center;
+  margin-top: 20px;
+}
+.footer a {
+  color: #ccc;
+  text-decoration: underline;
+}
+.the-icons {
+  font-size: 14px;
+  line-height: 24px;
+}
+.switch {
+  position: absolute;
+  right: 0;
+  bottom: 10px;
+  color: #666;
+}
+.switch input {
+  margin-right: 0.3em;
+}
+.codesOn .i-name {
+  display: none;
+}
+.codesOn .i-code {
+  display: inline;
+}
+.i-code {
+  display: none;
+}
+@font-face {
+      font-family: 'fontello';
+      src: url('./fontello.eot?69183758');
+      src: url('./fontello.eot?69183758#iefix') format('embedded-opentype'),
+           url('./fontello.woff?69183758') format('woff'),
+           url('./fontello.ttf?69183758') format('truetype'),
+           url('./fontello.svg?69183758#fontello') format('svg');
+      font-weight: normal;
+      font-style: normal;
+    }
+     
+     
+    .demo-icon
+    {
+      font-family: "fontello";
+      font-style: normal;
+      font-weight: normal;
+      speak: none;
+     
+      display: inline-block;
+      text-decoration: inherit;
+      width: 1em;
+      margin-right: .2em;
+      text-align: center;
+      /* opacity: .8; */
+     
+      /* For safety - reset parent styles, that can break glyph codes*/
+      font-variant: normal;
+      text-transform: none;
+     
+      /* fix buttons height, for twitter bootstrap */
+      line-height: 1em;
+     
+      /* Animation center compensation - margins should be symmetric */
+      /* remove if not needed */
+      margin-left: .2em;
+     
+      /* You can be more comfortable with increased icons size */
+      /* font-size: 120%; */
+     
+      /* Font smoothing. That was taken from TWBS */
+      -webkit-font-smoothing: antialiased;
+      -moz-osx-font-smoothing: grayscale;
+     
+      /* Uncomment for 3D effect */
+      /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
+    }
+     </style>
+    <link rel="stylesheet" href="css/animation.css"><!--[if IE 7]><link 
rel="stylesheet" href="css/" + font.fontname + "-ie7.css"><![endif]-->
+    <script>
+      function toggleCodes(on) {
+        var obj = document.getElementById('icons');
+      
+        if (on) {
+          obj.className += ' codesOn';
+        } else {
+          obj.className = obj.className.replace(' codesOn', '');
+        }
+      }
+      
+    </script>
+  </head>
+  <body>
+    <div class="container header">
+      <h1>fontello <small>font demo</small></h1>
+      <label class="switch">
+        <input type="checkbox" onclick="toggleCodes(this.checked)">show codes
+      </label>
+    </div>
+    <div class="container" id="icons">
+      <div class="row">
+        <div class="the-icons span3" title="Code: 0xe800"><i class="demo-icon 
icon-logout">&#xe800;</i> <span class="i-name">icon-logout</span><span 
class="i-code">0xe800</span></div>
+        <div class="the-icons span3" title="Code: 0xe801"><i class="demo-icon 
icon-cancel-circled">&#xe801;</i> <span 
class="i-name">icon-cancel-circled</span><span 
class="i-code">0xe801</span></div>
+        <div class="the-icons span3" title="Code: 0xe802"><i class="demo-icon 
icon-cancel-circled2">&#xe802;</i> <span 
class="i-name">icon-cancel-circled2</span><span 
class="i-code">0xe802</span></div>
+        <div class="the-icons span3" title="Code: 0xe803"><i class="demo-icon 
icon-eye">&#xe803;</i> <span class="i-name">icon-eye</span><span 
class="i-code">0xe803</span></div>
+      </div>
+      <div class="row">
+        <div class="the-icons span3" title="Code: 0xe804"><i class="demo-icon 
icon-upload">&#xe804;</i> <span class="i-name">icon-upload</span><span 
class="i-code">0xe804</span></div>
+        <div class="the-icons span3" title="Code: 0xe805"><i class="demo-icon 
icon-download">&#xe805;</i> <span class="i-name">icon-download</span><span 
class="i-code">0xe805</span></div>
+        <div class="the-icons span3" title="Code: 0xe806"><i class="demo-icon 
icon-attention">&#xe806;</i> <span class="i-name">icon-attention</span><span 
class="i-code">0xe806</span></div>
+        <div class="the-icons span3" title="Code: 0xe807"><i class="demo-icon 
icon-search">&#xe807;</i> <span class="i-name">icon-search</span><span 
class="i-code">0xe807</span></div>
+      </div>
+      <div class="row">
+        <div class="the-icons span3" title="Code: 0xe808"><i class="demo-icon 
icon-mail">&#xe808;</i> <span class="i-name">icon-mail</span><span 
class="i-code">0xe808</span></div>
+        <div class="the-icons span3" title="Code: 0xe809"><i class="demo-icon 
icon-anchor">&#xe809;</i> <span class="i-name">icon-anchor</span><span 
class="i-code">0xe809</span></div>
+        <div class="the-icons span3" title="Code: 0xe80a"><i class="demo-icon 
icon-resize-full-alt">&#xe80a;</i> <span 
class="i-name">icon-resize-full-alt</span><span 
class="i-code">0xe80a</span></div>
+        <div class="the-icons span3" title="Code: 0xe80b"><i class="demo-icon 
icon-tag">&#xe80b;</i> <span class="i-name">icon-tag</span><span 
class="i-code">0xe80b</span></div>
+      </div>
+      <div class="row">
+        <div class="the-icons span3" title="Code: 0xe80c"><i class="demo-icon 
icon-cw">&#xe80c;</i> <span class="i-name">icon-cw</span><span 
class="i-code">0xe80c</span></div>
+        <div class="the-icons span3" title="Code: 0xe80d"><i class="demo-icon 
icon-edit">&#xe80d;</i> <span class="i-name">icon-edit</span><span 
class="i-code">0xe80d</span></div>
+        <div class="the-icons span3" title="Code: 0xe80e"><i class="demo-icon 
icon-attention-circled">&#xe80e;</i> <span 
class="i-name">icon-attention-circled</span><span 
class="i-code">0xe80e</span></div>
+        <div class="the-icons span3" title="Code: 0xe80f"><i class="demo-icon 
icon-trash-empty">&#xe80f;</i> <span 
class="i-name">icon-trash-empty</span><span class="i-code">0xe80f</span></div>
+      </div>
+      <div class="row">
+        <div class="the-icons span3" title="Code: 0xe810"><i class="demo-icon 
icon-doc">&#xe810;</i> <span class="i-name">icon-doc</span><span 
class="i-code">0xe810</span></div>
+        <div class="the-icons span3" title="Code: 0xe811"><i class="demo-icon 
icon-calendar">&#xe811;</i> <span class="i-name">icon-calendar</span><span 
class="i-code">0xe811</span></div>
+        <div class="the-icons span3" title="Code: 0xe812"><i class="demo-icon 
icon-edit-1">&#xe812;</i> <span class="i-name">icon-edit-1</span><span 
class="i-code">0xe812</span></div>
+        <div class="the-icons span3" title="Code: 0xe813"><i class="demo-icon 
icon-resize-full">&#xe813;</i> <span 
class="i-name">icon-resize-full</span><span class="i-code">0xe813</span></div>
+      </div>
+      <div class="row">
+        <div class="the-icons span3" title="Code: 0xe814"><i class="demo-icon 
icon-up-bold">&#xe814;</i> <span class="i-name">icon-up-bold</span><span 
class="i-code">0xe814</span></div>
+        <div class="the-icons span3" title="Code: 0xe815"><i class="demo-icon 
icon-down-fat">&#xe815;</i> <span class="i-name">icon-down-fat</span><span 
class="i-code">0xe815</span></div>
+        <div class="the-icons span3" title="Code: 0xe816"><i class="demo-icon 
icon-cancel-circled2-1">&#xe816;</i> <span 
class="i-name">icon-cancel-circled2-1</span><span 
class="i-code">0xe816</span></div>
+        <div class="the-icons span3" title="Code: 0xe817"><i class="demo-icon 
icon-upload-1">&#xe817;</i> <span class="i-name">icon-upload-1</span><span 
class="i-code">0xe817</span></div>
+      </div>
+      <div class="row">
+        <div class="the-icons span3" title="Code: 0xe818"><i class="demo-icon 
icon-exclamation">&#xe818;</i> <span 
class="i-name">icon-exclamation</span><span class="i-code">0xe818</span></div>
+        <div class="the-icons span3" title="Code: 0xe819"><i class="demo-icon 
icon-down-open-1">&#xe819;</i> <span 
class="i-name">icon-down-open-1</span><span class="i-code">0xe819</span></div>
+        <div class="the-icons span3" title="Code: 0xe81a"><i class="demo-icon 
icon-up-open-1">&#xe81a;</i> <span class="i-name">icon-up-open-1</span><span 
class="i-code">0xe81a</span></div>
+        <div class="the-icons span3" title="Code: 0xe81b"><i class="demo-icon 
icon-left-open-1">&#xe81b;</i> <span 
class="i-name">icon-left-open-1</span><span class="i-code">0xe81b</span></div>
+      </div>
+      <div class="row">
+        <div class="the-icons span3" title="Code: 0xe81c"><i class="demo-icon 
icon-right-open-1">&#xe81c;</i> <span 
class="i-name">icon-right-open-1</span><span class="i-code">0xe81c</span></div>
+        <div class="the-icons span3" title="Code: 0xe81d"><i class="demo-icon 
icon-arrows-cw">&#xe81d;</i> <span class="i-name">icon-arrows-cw</span><span 
class="i-code">0xe81d</span></div>
+        <div class="the-icons span3" title="Code: 0xe81e"><i class="demo-icon 
icon-down-dir">&#xe81e;</i> <span class="i-name">icon-down-dir</span><span 
class="i-code">0xe81e</span></div>
+        <div class="the-icons span3" title="Code: 0xe81f"><i class="demo-icon 
icon-up-dir">&#xe81f;</i> <span class="i-name">icon-up-dir</span><span 
class="i-code">0xe81f</span></div>
+      </div>
+      <div class="row">
+        <div class="the-icons span3" title="Code: 0xe820"><i class="demo-icon 
icon-cog">&#xe820;</i> <span class="i-name">icon-cog</span><span 
class="i-code">0xe820</span></div>
+        <div class="the-icons span3" title="Code: 0xe821"><i class="demo-icon 
icon-cog-alt">&#xe821;</i> <span class="i-name">icon-cog-alt</span><span 
class="i-code">0xe821</span></div>
+        <div class="the-icons span3" title="Code: 0xe822"><i class="demo-icon 
icon-down-dir-1">&#xe822;</i> <span class="i-name">icon-down-dir-1</span><span 
class="i-code">0xe822</span></div>
+        <div class="the-icons span3" title="Code: 0xe823"><i class="demo-icon 
icon-up-dir-1">&#xe823;</i> <span class="i-name">icon-up-dir-1</span><span 
class="i-code">0xe823</span></div>
+      </div>
+      <div class="row">
+        <div class="the-icons span3" title="Code: 0xe824"><i class="demo-icon 
icon-down-open-2">&#xe824;</i> <span 
class="i-name">icon-down-open-2</span><span class="i-code">0xe824</span></div>
+        <div class="the-icons span3" title="Code: 0xe825"><i class="demo-icon 
icon-right-open-2">&#xe825;</i> <span 
class="i-name">icon-right-open-2</span><span class="i-code">0xe825</span></div>
+        <div class="the-icons span3" title="Code: 0xe826"><i class="demo-icon 
icon-left-open-2">&#xe826;</i> <span 
class="i-name">icon-left-open-2</span><span class="i-code">0xe826</span></div>
+        <div class="the-icons span3" title="Code: 0xe827"><i class="demo-icon 
icon-up-open-2">&#xe827;</i> <span class="i-name">icon-up-open-2</span><span 
class="i-code">0xe827</span></div>
+      </div>
+      <div class="row">
+        <div class="the-icons span3" title="Code: 0xe828"><i class="demo-icon 
icon-plus">&#xe828;</i> <span class="i-name">icon-plus</span><span 
class="i-code">0xe828</span></div>
+        <div class="the-icons span3" title="Code: 0xe829"><i class="demo-icon 
icon-compass">&#xe829;</i> <span class="i-name">icon-compass</span><span 
class="i-code">0xe829</span></div>
+        <div class="the-icons span3" title="Code: 0xe82a"><i class="demo-icon 
icon-resize-full-alt-1">&#xe82a;</i> <span 
class="i-name">icon-resize-full-alt-1</span><span 
class="i-code">0xe82a</span></div>
+        <div class="the-icons span3" title="Code: 0xe82b"><i class="demo-icon 
icon-tag-1">&#xe82b;</i> <span class="i-name">icon-tag-1</span><span 
class="i-code">0xe82b</span></div>
+      </div>
+      <div class="row">
+        <div class="the-icons span3" title="Code: 0xe82c"><i class="demo-icon 
icon-edit-2">&#xe82c;</i> <span class="i-name">icon-edit-2</span><span 
class="i-code">0xe82c</span></div>
+        <div class="the-icons span3" title="Code: 0xe82d"><i class="demo-icon 
icon-compass-1">&#xe82d;</i> <span class="i-name">icon-compass-1</span><span 
class="i-code">0xe82d</span></div>
+        <div class="the-icons span3" title="Code: 0xe82e"><i class="demo-icon 
icon-cogs">&#xe82e;</i> <span class="i-name">icon-cogs</span><span 
class="i-code">0xe82e</span></div>
+        <div class="the-icons span3" title="Code: 0xe82f"><i class="demo-icon 
icon-up">&#xe82f;</i> <span class="i-name">icon-up</span><span 
class="i-code">0xe82f</span></div>
+      </div>
+      <div class="row">
+        <div class="the-icons span3" title="Code: 0xe830"><i class="demo-icon 
icon-thumbs-up">&#xe830;</i> <span class="i-name">icon-thumbs-up</span><span 
class="i-code">0xe830</span></div>
+        <div class="the-icons span3" title="Code: 0xe831"><i class="demo-icon 
icon-lock">&#xe831;</i> <span class="i-name">icon-lock</span><span 
class="i-code">0xe831</span></div>
+        <div class="the-icons span3" title="Code: 0xe832"><i class="demo-icon 
icon-lock-open">&#xe832;</i> <span class="i-name">icon-lock-open</span><span 
class="i-code">0xe832</span></div>
+        <div class="the-icons span3" title="Code: 0xe833"><i class="demo-icon 
icon-thumbs-down">&#xe833;</i> <span 
class="i-name">icon-thumbs-down</span><span class="i-code">0xe833</span></div>
+      </div>
+      <div class="row">
+        <div class="the-icons span3" title="Code: 0xe834"><i class="demo-icon 
icon-bell">&#xe834;</i> <span class="i-name">icon-bell</span><span 
class="i-code">0xe834</span></div>
+        <div class="the-icons span3" title="Code: 0xe835"><i class="demo-icon 
icon-resize-small">&#xe835;</i> <span 
class="i-name">icon-resize-small</span><span class="i-code">0xe835</span></div>
+        <div class="the-icons span3" title="Code: 0xe836"><i class="demo-icon 
icon-resize-full-1">&#xe836;</i> <span 
class="i-name">icon-resize-full-1</span><span class="i-code">0xe836</span></div>
+        <div class="the-icons span3" title="Code: 0xe837"><i class="demo-icon 
icon-right-hand">&#xe837;</i> <span class="i-name">icon-right-hand</span><span 
class="i-code">0xe837</span></div>
+      </div>
+      <div class="row">
+        <div class="the-icons span3" title="Code: 0xe838"><i class="demo-icon 
icon-left-hand">&#xe838;</i> <span class="i-name">icon-left-hand</span><span 
class="i-code">0xe838</span></div>
+        <div class="the-icons span3" title="Code: 0xe839"><i class="demo-icon 
icon-up-hand">&#xe839;</i> <span class="i-name">icon-up-hand</span><span 
class="i-code">0xe839</span></div>
+        <div class="the-icons span3" title="Code: 0xe83a"><i class="demo-icon 
icon-down-hand">&#xe83a;</i> <span class="i-name">icon-down-hand</span><span 
class="i-code">0xe83a</span></div>
+        <div class="the-icons span3" title="Code: 0xe83b"><i class="demo-icon 
icon-eye-off">&#xe83b;</i> <span class="i-name">icon-eye-off</span><span 
class="i-code">0xe83b</span></div>
+      </div>
+      <div class="row">
+        <div class="the-icons span3" title="Code: 0xe83c"><i class="demo-icon 
icon-arrows-cw-1">&#xe83c;</i> <span 
class="i-name">icon-arrows-cw-1</span><span class="i-code">0xe83c</span></div>
+        <div class="the-icons span3" title="Code: 0xf004"><i class="demo-icon 
icon-down-open">&#xf004;</i> <span class="i-name">icon-down-open</span><span 
class="i-code">0xf004</span></div>
+        <div class="the-icons span3" title="Code: 0xf005"><i class="demo-icon 
icon-up-open">&#xf005;</i> <span class="i-name">icon-up-open</span><span 
class="i-code">0xf005</span></div>
+        <div class="the-icons span3" title="Code: 0xf006"><i class="demo-icon 
icon-right-open">&#xf006;</i> <span class="i-name">icon-right-open</span><span 
class="i-code">0xf006</span></div>
+      </div>
+      <div class="row">
+        <div class="the-icons span3" title="Code: 0xf007"><i class="demo-icon 
icon-left-open">&#xf007;</i> <span class="i-name">icon-left-open</span><span 
class="i-code">0xf007</span></div>
+        <div class="the-icons span3" title="Code: 0xf047"><i class="demo-icon 
icon-move">&#xf047;</i> <span class="i-name">icon-move</span><span 
class="i-code">0xf047</span></div>
+        <div class="the-icons span3" title="Code: 0xf086"><i class="demo-icon 
icon-info-circled-alt">&#xf086;</i> <span 
class="i-name">icon-info-circled-alt</span><span 
class="i-code">0xf086</span></div>
+        <div class="the-icons span3" title="Code: 0xf08e"><i class="demo-icon 
icon-link-ext">&#xf08e;</i> <span class="i-name">icon-link-ext</span><span 
class="i-code">0xf08e</span></div>
+      </div>
+      <div class="row">
+        <div class="the-icons span3" title="Code: 0xf0e5"><i class="demo-icon 
icon-comment-empty">&#xf0e5;</i> <span 
class="i-name">icon-comment-empty</span><span class="i-code">0xf0e5</span></div>
+        <div class="the-icons span3" title="Code: 0xf0f6"><i class="demo-icon 
icon-doc-text">&#xf0f6;</i> <span class="i-name">icon-doc-text</span><span 
class="i-code">0xf0f6</span></div>
+        <div class="the-icons span3" title="Code: 0xf0fe"><i class="demo-icon 
icon-plus-squared">&#xf0fe;</i> <span 
class="i-name">icon-plus-squared</span><span class="i-code">0xf0fe</span></div>
+        <div class="the-icons span3" title="Code: 0xf137"><i class="demo-icon 
icon-angle-circled-left">&#xf137;</i> <span 
class="i-name">icon-angle-circled-left</span><span 
class="i-code">0xf137</span></div>
+      </div>
+      <div class="row">
+        <div class="the-icons span3" title="Code: 0xf138"><i class="demo-icon 
icon-angle-circled-right">&#xf138;</i> <span 
class="i-name">icon-angle-circled-right</span><span 
class="i-code">0xf138</span></div>
+        <div class="the-icons span3" title="Code: 0xf139"><i class="demo-icon 
icon-angle-circled-up">&#xf139;</i> <span 
class="i-name">icon-angle-circled-up</span><span 
class="i-code">0xf139</span></div>
+        <div class="the-icons span3" title="Code: 0xf13a"><i class="demo-icon 
icon-angle-circled-down">&#xf13a;</i> <span 
class="i-name">icon-angle-circled-down</span><span 
class="i-code">0xf13a</span></div>
+        <div class="the-icons span3" title="Code: 0xf13e"><i class="demo-icon 
icon-lock-open-alt">&#xf13e;</i> <span 
class="i-name">icon-lock-open-alt</span><span class="i-code">0xf13e</span></div>
+      </div>
+      <div class="row">
+        <div class="the-icons span3" title="Code: 0xf142"><i class="demo-icon 
icon-ellipsis-vert">&#xf142;</i> <span 
class="i-name">icon-ellipsis-vert</span><span class="i-code">0xf142</span></div>
+        <div class="the-icons span3" title="Code: 0xf160"><i class="demo-icon 
icon-sort-alt-up">&#xf160;</i> <span 
class="i-name">icon-sort-alt-up</span><span class="i-code">0xf160</span></div>
+        <div class="the-icons span3" title="Code: 0xf161"><i class="demo-icon 
icon-sort-alt-down">&#xf161;</i> <span 
class="i-name">icon-sort-alt-down</span><span class="i-code">0xf161</span></div>
+        <div class="the-icons span3" title="Code: 0xf171"><i class="demo-icon 
icon-bitbucket">&#xf171;</i> <span class="i-name">icon-bitbucket</span><span 
class="i-code">0xf171</span></div>
+      </div>
+      <div class="row">
+        <div class="the-icons span3" title="Code: 0xf17c"><i class="demo-icon 
icon-linux">&#xf17c;</i> <span class="i-name">icon-linux</span><span 
class="i-code">0xf17c</span></div>
+        <div class="the-icons span3" title="Code: 0xf192"><i class="demo-icon 
icon-dot-circled">&#xf192;</i> <span 
class="i-name">icon-dot-circled</span><span class="i-code">0xf192</span></div>
+        <div class="the-icons span3" title="Code: 0xf196"><i class="demo-icon 
icon-plus-squared-alt">&#xf196;</i> <span 
class="i-name">icon-plus-squared-alt</span><span 
class="i-code">0xf196</span></div>
+        <div class="the-icons span3" title="Code: 0xf1ac"><i class="demo-icon 
icon-fax">&#xf1ac;</i> <span class="i-name">icon-fax</span><span 
class="i-code">0xf1ac</span></div>
+      </div>
+      <div class="row">
+        <div class="the-icons span3" title="Code: 0xf1de"><i class="demo-icon 
icon-sliders">&#xf1de;</i> <span class="i-name">icon-sliders</span><span 
class="i-code">0xf1de</span></div>
+        <div class="the-icons span3" title="Code: 0xf1e0"><i class="demo-icon 
icon-share">&#xf1e0;</i> <span class="i-name">icon-share</span><span 
class="i-code">0xf1e0</span></div>
+        <div class="the-icons span3" title="Code: 0xf1ec"><i class="demo-icon 
icon-calc">&#xf1ec;</i> <span class="i-name">icon-calc</span><span 
class="i-code">0xf1ec</span></div>
+        <div class="the-icons span3" title="Code: 0xf1f7"><i class="demo-icon 
icon-bell-off-empty">&#xf1f7;</i> <span 
class="i-name">icon-bell-off-empty</span><span 
class="i-code">0xf1f7</span></div>
+      </div>
+      <div class="row">
+        <div class="the-icons span3" title="Code: 0xf204"><i class="demo-icon 
icon-toggle-off">&#xf204;</i> <span class="i-name">icon-toggle-off</span><span 
class="i-code">0xf204</span></div>
+        <div class="the-icons span3" title="Code: 0xf205"><i class="demo-icon 
icon-toggle-on">&#xf205;</i> <span class="i-name">icon-toggle-on</span><span 
class="i-code">0xf205</span></div>
+        <div class="the-icons span3" title="Code: 0xf267"><i class="demo-icon 
icon-safari">&#xf267;</i> <span class="i-name">icon-safari</span><span 
class="i-code">0xf267</span></div>
+        <div class="the-icons span3" title="Code: 0xf268"><i class="demo-icon 
icon-chrome">&#xf268;</i> <span class="i-name">icon-chrome</span><span 
class="i-code">0xf268</span></div>
+      </div>
+      <div class="row">
+        <div class="the-icons span3" title="Code: 0xf269"><i class="demo-icon 
icon-firefox">&#xf269;</i> <span class="i-name">icon-firefox</span><span 
class="i-code">0xf269</span></div>
+        <div class="the-icons span3" title="Code: 0xf4c5"><i class="demo-icon 
icon-calendar-1">&#xf4c5;</i> <span class="i-name">icon-calendar-1</span><span 
class="i-code">0xf4c5</span></div>
+        <div class="the-icons span3" title="Code: 0xf50d"><i class="demo-icon 
icon-search-1">&#xf50d;</i> <span class="i-name">icon-search-1</span><span 
class="i-code">0xf50d</span></div>
+      </div>
+    </div>
+    <div class="container footer">Generated by <a 
href="http://fontello.com";>fontello.com</a></div>
+  </body>
+</html>



reply via email to

[Prev in Thread] Current Thread [Next in Thread]