Task #0002182: Bouton fiche avec nouvelle icone + possibilité d'ajouter des fiches

This commit is contained in:
sparkyx 2022-07-17 16:06:38 +02:00
parent cbc0d3fb76
commit 4486d52769
22 changed files with 687 additions and 402 deletions

View file

@ -648,6 +648,42 @@
"code": 59461,
"src": "typicons"
},
{
"uid": "b1887b423d2fd15c345e090320c91ca0",
"css": "th",
"code": 59458,
"src": "fontawesome"
},
{
"uid": "46cacfc5030a225f338323a3538a18e8",
"css": "th-large",
"code": 59459,
"src": "websymbols"
},
{
"uid": "31972e4e9d080eaa796290349ae6c1fd",
"css": "users",
"code": 59462,
"src": "fontawesome"
},
{
"uid": "dd492243d64e21dfe16a92452f7861cb",
"css": "th-large-1",
"code": 59463,
"src": "fontawesome"
},
{
"uid": "5eb43711f62fb4dcbef10d0224c28065",
"css": "th-thumb-empty",
"code": 61451,
"src": "mfglabs"
},
{
"uid": "c8585e1e5b0467f28b70bce765d5840c",
"css": "docs",
"code": 61637,
"src": "fontawesome"
},
{
"uid": "fcb54009841c2a662bde504cb4b65116",
"css": "logout",

View file

@ -67,16 +67,22 @@
.icon-tags-4:before { content: '\e83f'; } /* '' */
.icon-resize-small-1:before { content: '\e840'; } /* '' */
.icon-phone:before { content: '\e841'; } /* '' */
.icon-th:before { content: '\e842'; } /* '' */
.icon-th-large:before { content: '\e843'; } /* '' */
.icon-ok-1:before { content: '\e844'; } /* '' */
.icon-cancel-1:before { content: '\e845'; } /* '' */
.icon-users:before { content: '\e846'; } /* '' */
.icon-th-large-1:before { content: '\e847'; } /* '' */
.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-th-thumb-empty:before { content: '\f00b'; } /* '' */
.icon-move:before { content: '\f047'; } /* '' */
.icon-info-circled-alt:before { content: '\f086'; } /* '' */
.icon-link-ext:before { content: '\f08e'; } /* '' */
.icon-check-empty:before { content: '\f096'; } /* '' */
.icon-docs:before { content: '\f0c5'; } /* '' */
.icon-comment-empty:before { content: '\f0e5'; } /* '' */
.icon-doc-text:before { content: '\f0f6'; } /* '' */
.icon-plus-squared:before { content: '\f0fe'; } /* '' */

File diff suppressed because one or more lines are too long

View file

@ -67,16 +67,22 @@
.icon-tags-4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-resize-small-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-phone { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-th { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-th-large { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-ok-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-cancel-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-users { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-th-large-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-down-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-up-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-right-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-left-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-th-thumb-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-move { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-info-circled-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-link-ext { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-check-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-docs { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-comment-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-doc-text { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-plus-squared { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }

View file

@ -78,16 +78,22 @@
.icon-tags-4 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-resize-small-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-phone { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-th { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-th-large { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-ok-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-cancel-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-users { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-th-large-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-down-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-up-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-right-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-left-open { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-th-thumb-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-move { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-info-circled-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-link-ext { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-check-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-docs { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-comment-empty { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-doc-text { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
.icon-plus-squared { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }

View file

@ -1,11 +1,11 @@
@font-face {
font-family: 'fontello';
src: url('../font/fontello.eot?67316225');
src: url('../font/fontello.eot?67316225#iefix') format('embedded-opentype'),
url('../font/fontello.woff2?67316225') format('woff2'),
url('../font/fontello.woff?67316225') format('woff'),
url('../font/fontello.ttf?67316225') format('truetype'),
url('../font/fontello.svg?67316225#fontello') format('svg');
src: url('../font/fontello.eot?47787586');
src: url('../font/fontello.eot?47787586#iefix') format('embedded-opentype'),
url('../font/fontello.woff2?47787586') format('woff2'),
url('../font/fontello.woff?47787586') format('woff'),
url('../font/fontello.ttf?47787586') format('truetype'),
url('../font/fontello.svg?47787586#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
@ -15,12 +15,11 @@
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'fontello';
src: url('../font/fontello.svg?67316225#fontello') format('svg');
src: url('../font/fontello.svg?47787586#fontello') format('svg');
}
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "fontello";
font-style: normal;
font-weight: normal;
@ -123,16 +122,22 @@
.icon-tags-4:before { content: '\e83f'; } /* '' */
.icon-resize-small-1:before { content: '\e840'; } /* '' */
.icon-phone:before { content: '\e841'; } /* '' */
.icon-th:before { content: '\e842'; } /* '' */
.icon-th-large:before { content: '\e843'; } /* '' */
.icon-ok-1:before { content: '\e844'; } /* '' */
.icon-cancel-1:before { content: '\e845'; } /* '' */
.icon-users:before { content: '\e846'; } /* '' */
.icon-th-large-1:before { content: '\e847'; } /* '' */
.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-th-thumb-empty:before { content: '\f00b'; } /* '' */
.icon-move:before { content: '\f047'; } /* '' */
.icon-info-circled-alt:before { content: '\f086'; } /* '' */
.icon-link-ext:before { content: '\f08e'; } /* '' */
.icon-check-empty:before { content: '\f096'; } /* '' */
.icon-docs:before { content: '\f0c5'; } /* '' */
.icon-comment-empty:before { content: '\f0e5'; } /* '' */
.icon-doc-text:before { content: '\f0f6'; } /* '' */
.icon-plus-squared:before { content: '\f0fe'; } /* '' */

View file

@ -1,246 +1,160 @@
<!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 {
<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>
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;
}
input {
margin: 0;
font-size: 100%;
vertical-align: middle;
*overflow: visible;
line-height: normal;
}
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;
}
.span3 {
float: left;
min-height: 1px;
margin-left: 20px;
width: 220px;
}
.container {
width: 940px;
margin-right: auto;
margin-left: auto;
*zoom: 1;
}
.container:before,
.container:after {
display: table;
content: "";
line-height: 0;
}
.container:after {
clear: both;
}
small {
font-size: 85%;
}
h1 {
margin: 10px 0;
font-family: inherit;
font-weight: bold;
line-height: 20px;
color: inherit;
text-rendering: optimizelegibility;
line-height: 40px;
font-size: 38.5px;
}
h1 small {
font-weight: normal;
line-height: 1;
color: #999;
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('./font/fontello.eot?66656222');
src: url('./font/fontello.eot?66656222#iefix') format('embedded-opentype'),
url('./font/fontello.woff?66656222') format('woff'),
url('./font/fontello.ttf?66656222') format('truetype'),
url('./font/fontello.svg?66656222#fontello') format('svg');
src: url('./font/fontello.eot?12361133');
src: url('./font/fontello.eot?12361133#iefix') format('embedded-opentype'),
url('./font/fontello.woff?12361133') format('woff'),
url('./font/fontello.ttf?12361133') format('truetype'),
url('./font/fontello.svg?12361133#fontello') format('svg');
font-weight: normal;
font-style: normal;
}
.demo-icon
{
.demo-icon {
font-family: "fontello";
font-style: normal;
font-weight: normal;
@ -274,7 +188,7 @@ body {
/* Uncomment for 3D effect */
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
</style>
</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) {
@ -286,7 +200,6 @@ body {
obj.className = obj.className.replace(' codesOn', '');
}
}
</script>
</head>
<body>
@ -298,165 +211,401 @@ body {
</div>
<div class="container" id="icons">
<div class="row">
<div class="the-icons span3" title="Code: 0xe0f8"><i class="demo-icon icon-up-hand">&#xe0f8;</i> <span class="i-name">icon-up-hand</span><span class="i-code">0xe0f8</span></div>
<div class="the-icons span3" title="Code: 0xe741"><i class="demo-icon icon-check">&#xe741;</i> <span class="i-name">icon-check</span><span class="i-code">0xe741</span></div>
<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="span3" title="Code: 0xe0f8">
<i class="demo-icon icon-up-hand">&#xe0f8;</i> <span class="i-name">icon-up-hand</span><span class="i-code">0xe0f8</span>
</div>
<div class="span3" title="Code: 0xe741">
<i class="demo-icon icon-check">&#xe741;</i> <span class="i-name">icon-check</span><span class="i-code">0xe741</span>
</div>
<div class="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="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>
<div class="row">
<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 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="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="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 class="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="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>
<div class="row">
<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 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="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="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 class="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="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>
<div class="row">
<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 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="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="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 class="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="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>
<div class="row">
<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 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="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="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 class="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="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>
<div class="row">
<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 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="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="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 class="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="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>
<div class="row">
<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 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="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="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 class="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="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>
<div class="row">
<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 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="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="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 class="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="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>
<div class="row">
<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 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="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="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 class="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="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>
<div class="row">
<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 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="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="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 class="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="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>
<div class="row">
<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 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="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="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 class="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="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>
<div class="row">
<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 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="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="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 class="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="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>
<div class="row">
<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 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="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="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 class="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="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>
<div class="row">
<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 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="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="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 class="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="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>
<div class="row">
<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 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-tags-3">&#xe839;</i> <span class="i-name">icon-tags-3</span><span class="i-code">0xe839</span></div>
<div class="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="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 class="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="span3" title="Code: 0xe839">
<i class="demo-icon icon-tags-3">&#xe839;</i> <span class="i-name">icon-tags-3</span><span class="i-code">0xe839</span>
</div>
</div>
<div class="row">
<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 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: 0xe83d"><i class="demo-icon icon-resize-small-alt">&#xe83d;</i> <span class="i-name">icon-resize-small-alt</span><span class="i-code">0xe83d</span></div>
<div class="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="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 class="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="span3" title="Code: 0xe83d">
<i class="demo-icon icon-resize-small-alt">&#xe83d;</i> <span class="i-name">icon-resize-small-alt</span><span class="i-code">0xe83d</span>
</div>
</div>
<div class="row">
<div class="the-icons span3" title="Code: 0xe83e"><i class="demo-icon icon-tags">&#xe83e;</i> <span class="i-name">icon-tags</span><span class="i-code">0xe83e</span></div>
<div class="the-icons span3" title="Code: 0xe83f"><i class="demo-icon icon-tags-4">&#xe83f;</i> <span class="i-name">icon-tags-4</span><span class="i-code">0xe83f</span></div>
<div class="the-icons span3" title="Code: 0xe840"><i class="demo-icon icon-resize-small-1">&#xe840;</i> <span class="i-name">icon-resize-small-1</span><span class="i-code">0xe840</span></div>
<div class="the-icons span3" title="Code: 0xe841"><i class="demo-icon icon-phone">&#xe841;</i> <span class="i-name">icon-phone</span><span class="i-code">0xe841</span></div>
<div class="span3" title="Code: 0xe83e">
<i class="demo-icon icon-tags">&#xe83e;</i> <span class="i-name">icon-tags</span><span class="i-code">0xe83e</span>
</div>
<div class="span3" title="Code: 0xe83f">
<i class="demo-icon icon-tags-4">&#xe83f;</i> <span class="i-name">icon-tags-4</span><span class="i-code">0xe83f</span>
</div>
<div class="span3" title="Code: 0xe840">
<i class="demo-icon icon-resize-small-1">&#xe840;</i> <span class="i-name">icon-resize-small-1</span><span class="i-code">0xe840</span>
</div>
<div class="span3" title="Code: 0xe841">
<i class="demo-icon icon-phone">&#xe841;</i> <span class="i-name">icon-phone</span><span class="i-code">0xe841</span>
</div>
</div>
<div class="row">
<div class="the-icons span3" title="Code: 0xe844"><i class="demo-icon icon-ok-1">&#xe844;</i> <span class="i-name">icon-ok-1</span><span class="i-code">0xe844</span></div>
<div class="the-icons span3" title="Code: 0xe845"><i class="demo-icon icon-cancel-1">&#xe845;</i> <span class="i-name">icon-cancel-1</span><span class="i-code">0xe845</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="span3" title="Code: 0xe842">
<i class="demo-icon icon-th">&#xe842;</i> <span class="i-name">icon-th</span><span class="i-code">0xe842</span>
</div>
<div class="span3" title="Code: 0xe843">
<i class="demo-icon icon-th-large">&#xe843;</i> <span class="i-name">icon-th-large</span><span class="i-code">0xe843</span>
</div>
<div class="span3" title="Code: 0xe844">
<i class="demo-icon icon-ok-1">&#xe844;</i> <span class="i-name">icon-ok-1</span><span class="i-code">0xe844</span>
</div>
<div class="span3" title="Code: 0xe845">
<i class="demo-icon icon-cancel-1">&#xe845;</i> <span class="i-name">icon-cancel-1</span><span class="i-code">0xe845</span>
</div>
</div>
<div class="row">
<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 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="span3" title="Code: 0xe846">
<i class="demo-icon icon-users">&#xe846;</i> <span class="i-name">icon-users</span><span class="i-code">0xe846</span>
</div>
<div class="span3" title="Code: 0xe847">
<i class="demo-icon icon-th-large-1">&#xe847;</i> <span class="i-name">icon-th-large-1</span><span class="i-code">0xe847</span>
</div>
<div class="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="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>
<div class="row">
<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 class="the-icons span3" title="Code: 0xf096"><i class="demo-icon icon-check-empty">&#xf096;</i> <span class="i-name">icon-check-empty</span><span class="i-code">0xf096</span></div>
<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="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 class="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="span3" title="Code: 0xf00b">
<i class="demo-icon icon-th-thumb-empty">&#xf00b;</i> <span class="i-name">icon-th-thumb-empty</span><span class="i-code">0xf00b</span>
</div>
<div class="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>
<div class="row">
<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 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="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="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 class="span3" title="Code: 0xf096">
<i class="demo-icon icon-check-empty">&#xf096;</i> <span class="i-name">icon-check-empty</span><span class="i-code">0xf096</span>
</div>
<div class="span3" title="Code: 0xf0c5">
<i class="demo-icon icon-docs">&#xf0c5;</i> <span class="i-name">icon-docs</span><span class="i-code">0xf0c5</span>
</div>
</div>
<div class="row">
<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 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: 0xf146"><i class="demo-icon icon-minus-squared">&#xf146;</i> <span class="i-name">icon-minus-squared</span><span class="i-code">0xf146</span></div>
<div class="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="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="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="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: 0xf147"><i class="demo-icon icon-minus-squared-alt">&#xf147;</i> <span class="i-name">icon-minus-squared-alt</span><span class="i-code">0xf147</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 class="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="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="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="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: 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 class="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="span3" title="Code: 0xf146">
<i class="demo-icon icon-minus-squared">&#xf146;</i> <span class="i-name">icon-minus-squared</span><span class="i-code">0xf146</span>
</div>
<div class="span3" title="Code: 0xf147">
<i class="demo-icon icon-minus-squared-alt">&#xf147;</i> <span class="i-name">icon-minus-squared-alt</span><span class="i-code">0xf147</span>
</div>
<div class="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>
<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 class="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="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 class="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="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>
<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 class="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="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 class="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="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>
<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 class="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="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 class="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="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>
<div class="row">
<div class="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="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 class="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="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>
<div class="row">
<div class="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="https://fontello.com">fontello.com</a></div>

View file

@ -1,7 +1,7 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>Copyright (C) 2021 by original authors @ fontello.com</metadata>
<metadata>Copyright (C) 2022 by original authors @ fontello.com</metadata>
<defs>
<font id="fontello" horiz-adv-x="1000" >
<font-face font-family="fontello" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
@ -142,10 +142,18 @@
<glyph glyph-name="phone" unicode="&#xe841;" d="M786 158q0-15-6-39t-12-38q-11-28-68-60-52-28-103-28-15 0-30 2t-32 7-26 8-31 11-28 10q-54 20-97 47-71 44-148 120t-120 148q-27 43-46 97-2 5-10 28t-12 31-8 26-7 32-2 29q0 52 29 104 31 57 59 68 14 6 38 12t39 6q8 0 12-2 10-3 30-42 6-11 16-31t20-35 17-30q2-2 10-14t12-20 4-16q0-11-16-27t-35-31-34-30-16-25q0-5 3-13t4-11 8-14 7-10q42-77 97-132t131-97q1 0 10-6t14-8 11-5 13-2q10 0 25 16t30 34 31 35 28 16q7 0 15-4t20-12 14-10q14-8 30-17t36-20 30-17q39-19 42-29 2-4 2-12z" horiz-adv-x="785.7" />
<glyph glyph-name="th" unicode="&#xe842;" d="M286 154v-108q0-22-16-37t-38-16h-178q-23 0-38 16t-16 37v108q0 22 16 38t38 15h178q23 0 38-15t16-38z m0 285v-107q0-22-16-38t-38-15h-178q-23 0-38 15t-16 38v107q0 23 16 38t38 16h178q23 0 38-16t16-38z m357-285v-108q0-22-16-37t-38-16h-178q-23 0-38 16t-16 37v108q0 22 16 38t38 15h178q23 0 38-15t16-38z m-357 571v-107q0-22-16-38t-38-16h-178q-23 0-38 16t-16 38v107q0 22 16 38t38 16h178q23 0 38-16t16-38z m357-286v-107q0-22-16-38t-38-15h-178q-23 0-38 15t-16 38v107q0 23 16 38t38 16h178q23 0 38-16t16-38z m357-285v-108q0-22-16-37t-38-16h-178q-22 0-38 16t-16 37v108q0 22 16 38t38 15h178q23 0 38-15t16-38z m-357 571v-107q0-22-16-38t-38-16h-178q-23 0-38 16t-16 38v107q0 22 16 38t38 16h178q23 0 38-16t16-38z m357-286v-107q0-22-16-38t-38-15h-178q-22 0-38 15t-16 38v107q0 23 16 38t38 16h178q23 0 38-16t16-38z m0 286v-107q0-22-16-38t-38-16h-178q-22 0-38 16t-16 38v107q0 22 16 38t38 16h178q23 0 38-16t16-38z" horiz-adv-x="1000" />
<glyph glyph-name="th-large" unicode="&#xe843;" d="M1000 850v-440h-440v440h440z m-320-320h200v200h-200v-200z m-240 320v-440h-440v440h440z m-320-320h200v200h-200v-200z m880-240v-440h-440v440h440z m-320-320h200v200h-200v-200z m-240 320v-440h-440v440h440z m-320-320h200v200h-200v-200z" horiz-adv-x="1000" />
<glyph glyph-name="ok-1" unicode="&#xe844;" d="M625 676q38-20 49-63t-9-80l-260-469q-30-53-91-53-43 0-74 31l-209 207q-31 32-31 74t31 74 74 31 74-31l111-110 193 347q20 38 62 50t80-8z" horiz-adv-x="679" />
<glyph glyph-name="cancel-1" unicode="&#xe845;" d="M596 632q32-31 32-74t-32-74l-135-135 135-135q32-31 32-73t-32-74q-30-30-73-30t-74 30l-135 135-135-135q-30-30-74-30t-74 30q-31 31-31 74t31 73l135 135-135 135q-31 32-31 74t31 74q30 31 74 31t74-31l135-135 135 135q30 31 74 31t73-31z" horiz-adv-x="628" />
<glyph glyph-name="users" unicode="&#xe846;" d="M331 350q-90-3-148-71h-75q-45 0-77 22t-31 66q0 197 69 197 4 0 25-11t54-24 66-12q38 0 75 13-3-21-3-37 0-78 45-143z m598-356q0-66-41-105t-108-39h-488q-68 0-108 39t-41 105q0 30 2 58t8 61 14 61 24 54 35 45 48 30 62 11q6 0 24-12t41-26 59-27 76-12 75 12 60 27 41 26 24 12q34 0 62-11t47-30 35-45 24-54 15-61 8-61 2-58z m-572 713q0-59-42-101t-101-42-101 42-42 101 42 101 101 42 101-42 42-101z m393-214q0-89-63-152t-151-62-152 62-63 152 63 151 152 63 151-63 63-151z m321-126q0-43-31-66t-77-22h-75q-57 68-147 71 45 65 45 143 0 16-3 37 37-13 74-13 33 0 67 12t54 24 24 11q69 0 69-197z m-71 340q0-59-42-101t-101-42-101 42-42 101 42 101 101 42 101-42 42-101z" horiz-adv-x="1071.4" />
<glyph glyph-name="th-large-1" unicode="&#xe847;" d="M429 279v-215q0-29-22-50t-50-21h-286q-29 0-50 21t-21 50v215q0 29 21 50t50 21h286q29 0 50-21t22-50z m0 428v-214q0-29-22-50t-50-22h-286q-29 0-50 22t-21 50v214q0 29 21 50t50 22h286q29 0 50-22t22-50z m500-428v-215q0-29-22-50t-50-21h-286q-29 0-50 21t-21 50v215q0 29 21 50t50 21h286q29 0 50-21t22-50z m0 428v-214q0-29-22-50t-50-22h-286q-29 0-50 22t-21 50v214q0 29 21 50t50 22h286q29 0 50-22t22-50z" horiz-adv-x="928.6" />
<glyph glyph-name="down-open" unicode="&#xf004;" d="M0 533q0 25 18 43t44 18 42-18l305-303 304 303q18 18 43 18t43-18q18-18 18-43t-18-43l-390-391-391 391q-18 19-18 43z" horiz-adv-x="817.4" />
<glyph glyph-name="up-open" unicode="&#xf005;" d="M0 167q0 26 18 43l391 391 390-391q17-17 17-43 0-26-17-44-18-17-44-17t-43 17l-303 305-305-305q-18-17-43-17t-43 17q-18 18-18 44z" horiz-adv-x="816.9" />
@ -154,6 +162,8 @@
<glyph glyph-name="left-open" unicode="&#xf007;" d="M0 353l391 391q18 18 43 18 24 0 43-18 18-18 18-44t-18-43l-304-304 304-305q18-17 18-43t-18-43q-18-18-43-18t-43 18z" horiz-adv-x="495.1" />
<glyph glyph-name="th-thumb-empty" unicode="&#xf00b;" d="M0-66v286q0 22 15 37t37 16h286q21 0 37-16t15-37v-286q0-21-15-36t-37-15h-286q-22 0-37 15t-15 36z m0 546v286q0 21 15 36t37 15h286q21 0 37-15t15-36v-286q0-22-15-37t-37-16h-286q-21 0-37 16t-15 37z m88-510h214v214h-214v-214z m0 546h214v213h-214v-213z m459-582v286q0 22 15 37t37 16h286q21 0 37-16t15-37v-286q0-21-15-36t-37-15h-286q-21 0-37 15t-15 36z m0 546v286q0 21 15 36t37 15h286q22 0 37-15t15-36v-286q0-22-15-37t-37-16h-286q-21 0-37 16t-15 37z m88-510h215v214h-215v-214z m0 546h215v213h-215v-213z" horiz-adv-x="937.5" />
<glyph glyph-name="move" unicode="&#xf047;" d="M1000 350q0-14-11-25l-142-143q-11-11-26-11t-25 11-10 25v72h-215v-215h72q14 0 25-10t11-25-11-25l-143-143q-10-11-25-11t-25 11l-143 143q-11 10-11 25t11 25 25 10h72v215h-215v-72q0-14-10-25t-25-11-25 11l-143 143q-11 11-11 25t11 25l143 143q10 11 25 11t25-11 10-25v-72h215v215h-72q-14 0-25 10t-11 25 11 26l143 142q11 11 25 11t25-11l143-142q11-11 11-26t-11-25-25-10h-72v-215h215v72q0 14 10 25t25 11 26-11l142-143q11-10 11-25z" horiz-adv-x="1000" />
<glyph glyph-name="info-circled-alt" unicode="&#xf086;" d="M0 350q0 95 37 182t100 149 149 100 183 37q95 0 182-37t149-100 100-149 37-182q0-95-37-182t-100-150-149-100-182-37q-96 0-183 37t-149 100-100 150-37 182z m117 0q0-71 28-137t75-112 112-75 137-28 136 28 112 75 75 112 28 137-28 136-75 112-112 75-136 28-137-28-112-75-75-112-28-136z m281 170q0 28 20 45t51 17q32 0 51-17t19-45-19-46-51-17q-32 0-51 17t-20 46z m5-402v299h132v-299h-132z" horiz-adv-x="937.5" />
@ -162,6 +172,8 @@
<glyph glyph-name="check-empty" unicode="&#xf096;" d="M625 707h-464q-37 0-63-26t-27-63v-464q0-37 27-63t63-27h464q37 0 63 27t26 63v464q0 37-26 63t-63 26z m161-89v-464q0-67-47-114t-114-47h-464q-67 0-114 47t-47 114v464q0 66 47 113t114 48h464q66 0 114-48t47-113z" horiz-adv-x="785.7" />
<glyph glyph-name="docs" unicode="&#xf0c5;" d="M946 636q23 0 38-16t16-38v-678q0-23-16-38t-38-16h-535q-23 0-38 16t-16 38v160h-303q-23 0-38 16t-16 38v375q0 22 11 49t27 42l228 228q15 16 42 27t49 11h232q23 0 38-16t16-38v-183q38 23 71 23h232z m-303-119l-167-167h167v167z m-357 214l-167-167h167v167z m109-361l176 176v233h-214v-233q0-22-15-37t-38-16h-233v-357h286v143q0 22 11 49t27 42z m534-449v643h-215v-232q0-22-15-38t-38-15h-232v-358h500z" horiz-adv-x="1000" />
<glyph glyph-name="comment-empty" unicode="&#xf0e5;" d="M500 636q-114 0-213-39t-157-105-59-142q0-62 40-119t113-98l48-28-15-53q-13-51-39-97 85 36 154 96l24 21 32-3q38-5 72-5 114 0 213 39t157 105 59 142-59 142-157 105-213 39z m500-286q0-97-67-179t-182-130-251-48q-39 0-81 4-110-97-257-135-27-8-63-12h-3q-8 0-15 6t-9 15v1q-2 2 0 6t1 6 2 5l4 5t4 5 4 5q4 5 17 19t20 22 17 22 18 28 15 33 15 42q-88 50-138 123t-51 157q0 97 67 179t182 130 251 48 251-48 182-130 67-179z" horiz-adv-x="1000" />
<glyph glyph-name="doc-text" unicode="&#xf0f6;" d="M819 638q16-16 27-42t11-50v-642q0-23-15-38t-38-16h-750q-23 0-38 16t-16 38v892q0 23 16 38t38 16h500q22 0 49-11t42-27z m-248 136v-210h210q-5 17-12 23l-175 175q-6 7-23 12z m215-853v572h-232q-23 0-38 16t-16 37v233h-429v-858h715z m-572 483q0 7 5 12t13 5h393q8 0 13-5t5-12v-36q0-8-5-13t-13-5h-393q-8 0-13 5t-5 13v36z m411-125q8 0 13-5t5-13v-36q0-8-5-13t-13-5h-393q-8 0-13 5t-5 13v36q0 8 5 13t13 5h393z m0-143q8 0 13-5t5-13v-36q0-8-5-13t-13-5h-393q-8 0-13 5t-5 13v36q0 8 5 13t13 5h393z" horiz-adv-x="857.1" />

Before

Width:  |  Height:  |  Size: 46 KiB

After

Width:  |  Height:  |  Size: 50 KiB

Before After
Before After

Binary file not shown.

View file

@ -1,14 +1,14 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>Copyright (C) 2020 by original authors @ fontello.com</metadata>
<metadata>Copyright (C) 2022 by original authors @ fontello.com</metadata>
<defs>
<font id="fontello" horiz-adv-x="1000" >
<font-face font-family="fontello" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
<missing-glyph horiz-adv-x="1000" />
<glyph glyph-name="check" unicode="&#xe741;" d="M786 331v-177q0-67-47-114t-114-47h-464q-67 0-114 47t-47 114v464q0 66 47 113t114 48h464q35 0 65-14 9-4 10-13 2-10-5-16l-27-28q-6-5-13-5-1 0-5 1-13 3-25 3h-464q-37 0-63-26t-27-63v-464q0-37 27-63t63-27h464q37 0 63 27t26 63v141q0 8 5 13l36 35q6 6 13 6 3 0 7-2 11-4 11-16z m129 273l-455-454q-13-14-31-14t-32 14l-240 240q-14 13-14 31t14 32l61 62q14 13 32 13t32-13l147-147 361 361q13 13 31 13t32-13l62-61q13-14 13-32t-13-32z" horiz-adv-x="928.6" />
<glyph glyph-name="up-hand" unicode="&#xe0f8;" d="M714-43q0 15-10 25t-25 11-25-11-11-25 11-25 25-11 25 11 10 25z m72 427q0 105-93 105-15 0-32-3-9 17-29 27t-41 9-38-10q-28 30-67 30-14 0-31-6t-26-14v185q0 29-22 50t-50 22q-28 0-50-22t-21-50v-321q-11 0-27 8t-31 19-38 18-47 8q-37 0-55-24t-17-65q0-13 78-50 25-14 36-21 36-22 81-62 45-40 59-57 32-38 32-78v-18h357v18q0 40 18 93t36 108 18 101z m71 2q0-74-38-179-33-92-33-125v-161q0-29-21-50t-51-21h-357q-29 0-50 21t-21 50v161q0 6-3 12t-8 13-10 13-12 13-12 12-12 10-10 8q-41 36-72 56-11 7-34 18t-40 21-36 23-27 30-10 39q0 70 37 115t106 46q38 0 71-13v209q0 58 43 101t100 42q58 0 101-42t42-101v-94q35-2 66-21 12 2 24 2 57 0 100-34 77 1 122-47t45-127z" horiz-adv-x="857.1" />
<glyph glyph-name="resize-small-1" unicode="&#xe746;" d="M66 672l114-116 73 74 0-210-210 0 72 72-115 115z m0-644l-66 67 115 113-72 73 210 0 0-210-73 72z m513 644l65-65-115-115 72-72-210 0 0 210 73-73z m-115-529l-73-72 0 210 210 0-72-73 115-113-65-67z" horiz-adv-x="644" />
<glyph glyph-name="check" unicode="&#xe741;" d="M786 331v-177q0-67-47-114t-114-47h-464q-67 0-114 47t-47 114v464q0 66 47 113t114 48h464q35 0 65-14 9-4 10-13 2-10-5-16l-27-28q-6-5-13-5-1 0-5 1-13 3-25 3h-464q-37 0-63-26t-27-63v-464q0-37 27-63t63-27h464q37 0 63 27t26 63v141q0 8 5 13l36 35q6 6 13 6 3 0 7-2 11-4 11-16z m129 273l-455-454q-13-14-31-14t-32 14l-240 240q-14 13-14 31t14 32l61 62q14 13 32 13t32-13l147-147 361 361q13 13 31 13t32-13l62-61q13-14 13-32t-13-32z" horiz-adv-x="928.6" />
<glyph glyph-name="logout" unicode="&#xe800;" d="M357 46q0-2 1-11t0-14-2-14-5-11-12-3h-178q-67 0-114 47t-47 114v392q0 67 47 114t114 47h178q8 0 13-5t5-13q0-2 1-11t0-15-2-13-5-11-12-3h-178q-37 0-63-26t-27-64v-392q0-37 27-63t63-27h174t6 0 7-2 4-3 4-5 1-8z m518 304q0-14-11-25l-303-304q-11-10-25-10t-25 10-11 25v161h-250q-14 0-25 11t-11 25v214q0 15 11 25t25 11h250v161q0 14 11 25t25 10 25-10l303-304q11-10 11-25z" horiz-adv-x="928.6" />
@ -124,8 +124,6 @@
<glyph glyph-name="left-hand" unicode="&#xe838;" d="M768 64h18v357h-18q-20 0-38 7t-35 21-28 25-27 31q-4 5-7 7-40 46-62 81-8 13-21 38-1 2-6 13t-10 20-12 20-12 17-10 6q-40 0-64-17t-25-54q0-24 8-47t19-38 18-31 8-27h-321q-28 0-50-22t-22-50q0-29 22-50t50-21h185q-9-9-14-26t-6-31q0-39 30-67-10-18-10-38t9-41 27-30q-2-13-2-31 0-47 27-70t75-23q47 0 102 18t109 35 93 18z m161 36q0 15-11 25t-25 11-25-11-11-25 11-25 25-11 25 11 11 25z m71 321v-357q0-29-21-50t-50-21h-161q-33 0-125-33-106-39-176-39-80 0-129 44t-48 121l0 3q-34 42-34 99 0 12 2 24-19 32-21 67h-94q-59 0-101 42t-42 101q0 58 42 100t101 42h209q-13 34-13 72 0 68 46 105t115 38q21 0 39-10t31-28 22-35 21-40 18-35q20-30 56-72 1-1 8-9t10-12 12-12 13-13 13-10 13-8 12-2h161q29 0 50-21t21-51z" horiz-adv-x="1000" />
<glyph glyph-name="up-hand" unicode="&#xe839;" d="M714-43q0 15-10 25t-25 11-25-11-11-25 11-25 25-11 25 11 10 25z m72 427q0 105-93 105-15 0-32-3-9 17-29 27t-41 9-38-10q-28 30-67 30-14 0-31-6t-26-14v185q0 29-22 50t-50 22q-28 0-50-22t-21-50v-321q-11 0-27 8t-31 19-38 18-47 8q-37 0-55-24t-17-65q0-13 78-50 25-14 36-21 36-22 81-62 45-40 59-57 32-38 32-78v-18h357v18q0 40 18 93t36 108 18 101z m71 2q0-74-38-179-33-92-33-125v-161q0-29-21-50t-51-21h-357q-29 0-50 21t-21 50v161q0 6-3 12t-8 13-10 13-12 13-12 12-12 10-10 8q-41 36-72 56-11 7-34 18t-40 21-36 23-27 30-10 39q0 70 37 115t106 46q38 0 71-13v209q0 58 43 101t100 42q58 0 101-42t42-101v-94q35-2 66-21 12 2 24 2 57 0 100-34 77 1 122-47t45-127z" horiz-adv-x="857.1" />
<glyph glyph-name="tags-3" unicode="&#xe839;" d="M1011 502q30-32 30-74t-30-73l-56-56 5-5q30-31 29-74t-30-73l-364-366q-30-30-74-30t-73 30q-227 227-342 338-106 106-106 258 0 102 54 188-8 165 105 278 106 106 257 106 153 0 259-106z m-490-647l364 365-336 340q-76 77-184 77-109 0-185-77t-76-183 76-184q115-111 341-338z m102 779l258-261 57 56-337 340q-76 76-185 76-107 0-183-76-35-35-54-79 86 52 186 52 150 0 258-108z m-258-179q-32 0-56-23t-23-55 23-55 56-23 55 23 23 55-23 55-55 23z m0 52q54 0 92-39t38-91-38-92-92-38-92 38-38 92 38 91 92 39z" horiz-adv-x="1041" />
<glyph glyph-name="down-hand" unicode="&#xe83a;" d="M786 314q0 47-18 102t-36 109-18 93v18h-357v-18q0-20-7-38t-20-35-26-28-30-27q-5-4-8-7-45-40-81-62-12-8-38-21-1-1-12-6t-20-10-20-12-17-12-7-10q0-40 17-64t55-25q24 0 47 8t38 19 31 18 27 8v-321q0-28 21-50t50-22q29 0 50 22t22 50v185q25-20 57-20 39 0 67 30 17-10 38-10t41 9 29 27q14-2 32-2 47 0 70 27t23 75z m-72 429q0 14-10 25t-25 11-25-11-11-25 11-25 25-11 25 11 10 25z m143-426q0-80-43-129t-121-48l-3 0q-43-34-100-34-12 0-24 2-30-17-66-21v-94q0-59-42-101t-101-42q-58 0-100 42t-43 101v209q-30-13-71-13-68 0-105 46t-38 115q0 21 10 39t27 31 36 22 40 21 34 18q31 20 72 56 2 1 10 8t12 10 12 12 12 13 10 13 8 13 3 12v161q0 29 21 50t50 21h357q30 0 51-21t21-50v-161q0-33 33-125 38-106 38-176z" horiz-adv-x="857.1" />
@ -140,6 +138,22 @@
<glyph glyph-name="tags-4" unicode="&#xe83f;" d="M0 460l0 240q2 27 21 46t43 19l241 0q43 0 88-28l377-414q17-23 17-48t-17-44l-280-277q-21-18-47-19t-43 19l-355 397q-45 54-45 109z m104 138q0-25 17-42 22-20 46-19t42 19q18 19 18 44t-18 43q-20 18-45 17t-43-17q-17-21-17-45z m316 165l92 0q72-4 109-45l356-397q17-21 17-48t-17-44l-280-277q-60-35-95 8l271 271q18 22 18 47t-18 45l-318 356q-24 31-71 56t-64 28z" horiz-adv-x="994" />
<glyph glyph-name="resize-small-1" unicode="&#xe840;" d="M66 672l114-116 73 74 0-210-210 0 72 72-115 115z m0-644l-66 67 115 113-72 73 210 0 0-210-73 72z m513 644l65-65-115-115 72-72-210 0 0 210 73-73z m-115-529l-73-72 0 210 210 0-72-73 115-113-65-67z" horiz-adv-x="644" />
<glyph glyph-name="phone" unicode="&#xe841;" d="M786 158q0-15-6-39t-12-38q-11-28-68-60-52-28-103-28-15 0-30 2t-32 7-26 8-31 11-28 10q-54 20-97 47-71 44-148 120t-120 148q-27 43-46 97-2 5-10 28t-12 31-8 26-7 32-2 29q0 52 29 104 31 57 59 68 14 6 38 12t39 6q8 0 12-2 10-3 30-42 6-11 16-31t20-35 17-30q2-2 10-14t12-20 4-16q0-11-16-27t-35-31-34-30-16-25q0-5 3-13t4-11 8-14 7-10q42-77 97-132t131-97q1 0 10-6t14-8 11-5 13-2q10 0 25 16t30 34 31 35 28 16q7 0 15-4t20-12 14-10q14-8 30-17t36-20 30-17q39-19 42-29 2-4 2-12z" horiz-adv-x="785.7" />
<glyph glyph-name="th" unicode="&#xe842;" d="M286 154v-108q0-22-16-37t-38-16h-178q-23 0-38 16t-16 37v108q0 22 16 38t38 15h178q23 0 38-15t16-38z m0 285v-107q0-22-16-38t-38-15h-178q-23 0-38 15t-16 38v107q0 23 16 38t38 16h178q23 0 38-16t16-38z m357-285v-108q0-22-16-37t-38-16h-178q-23 0-38 16t-16 37v108q0 22 16 38t38 15h178q23 0 38-15t16-38z m-357 571v-107q0-22-16-38t-38-16h-178q-23 0-38 16t-16 38v107q0 22 16 38t38 16h178q23 0 38-16t16-38z m357-286v-107q0-22-16-38t-38-15h-178q-23 0-38 15t-16 38v107q0 23 16 38t38 16h178q23 0 38-16t16-38z m357-285v-108q0-22-16-37t-38-16h-178q-22 0-38 16t-16 37v108q0 22 16 38t38 15h178q23 0 38-15t16-38z m-357 571v-107q0-22-16-38t-38-16h-178q-23 0-38 16t-16 38v107q0 22 16 38t38 16h178q23 0 38-16t16-38z m357-286v-107q0-22-16-38t-38-15h-178q-22 0-38 15t-16 38v107q0 23 16 38t38 16h178q23 0 38-16t16-38z m0 286v-107q0-22-16-38t-38-16h-178q-22 0-38 16t-16 38v107q0 22 16 38t38 16h178q23 0 38-16t16-38z" horiz-adv-x="1000" />
<glyph glyph-name="th-large" unicode="&#xe843;" d="M1000 850v-440h-440v440h440z m-320-320h200v200h-200v-200z m-240 320v-440h-440v440h440z m-320-320h200v200h-200v-200z m880-240v-440h-440v440h440z m-320-320h200v200h-200v-200z m-240 320v-440h-440v440h440z m-320-320h200v200h-200v-200z" horiz-adv-x="1000" />
<glyph glyph-name="ok-1" unicode="&#xe844;" d="M625 676q38-20 49-63t-9-80l-260-469q-30-53-91-53-43 0-74 31l-209 207q-31 32-31 74t31 74 74 31 74-31l111-110 193 347q20 38 62 50t80-8z" horiz-adv-x="679" />
<glyph glyph-name="cancel-1" unicode="&#xe845;" d="M596 632q32-31 32-74t-32-74l-135-135 135-135q32-31 32-73t-32-74q-30-30-73-30t-74 30l-135 135-135-135q-30-30-74-30t-74 30q-31 31-31 74t31 73l135 135-135 135q-31 32-31 74t31 74q30 31 74 31t74-31l135-135 135 135q30 31 74 31t73-31z" horiz-adv-x="628" />
<glyph glyph-name="users" unicode="&#xe846;" d="M331 350q-90-3-148-71h-75q-45 0-77 22t-31 66q0 197 69 197 4 0 25-11t54-24 66-12q38 0 75 13-3-21-3-37 0-78 45-143z m598-356q0-66-41-105t-108-39h-488q-68 0-108 39t-41 105q0 30 2 58t8 61 14 61 24 54 35 45 48 30 62 11q6 0 24-12t41-26 59-27 76-12 75 12 60 27 41 26 24 12q34 0 62-11t47-30 35-45 24-54 15-61 8-61 2-58z m-572 713q0-59-42-101t-101-42-101 42-42 101 42 101 101 42 101-42 42-101z m393-214q0-89-63-152t-151-62-152 62-63 152 63 151 152 63 151-63 63-151z m321-126q0-43-31-66t-77-22h-75q-57 68-147 71 45 65 45 143 0 16-3 37 37-13 74-13 33 0 67 12t54 24 24 11q69 0 69-197z m-71 340q0-59-42-101t-101-42-101 42-42 101 42 101 101 42 101-42 42-101z" horiz-adv-x="1071.4" />
<glyph glyph-name="th-large-1" unicode="&#xe847;" d="M429 279v-215q0-29-22-50t-50-21h-286q-29 0-50 21t-21 50v215q0 29 21 50t50 21h286q29 0 50-21t22-50z m0 428v-214q0-29-22-50t-50-22h-286q-29 0-50 22t-21 50v214q0 29 21 50t50 22h286q29 0 50-22t22-50z m500-428v-215q0-29-22-50t-50-21h-286q-29 0-50 21t-21 50v215q0 29 21 50t50 21h286q29 0 50-21t22-50z m0 428v-214q0-29-22-50t-50-22h-286q-29 0-50 22t-21 50v214q0 29 21 50t50 22h286q29 0 50-22t22-50z" horiz-adv-x="928.6" />
<glyph glyph-name="down-open" unicode="&#xf004;" d="M0 533q0 25 18 43t44 18 42-18l305-303 304 303q18 18 43 18t43-18q18-18 18-43t-18-43l-390-391-391 391q-18 19-18 43z" horiz-adv-x="817.4" />
<glyph glyph-name="up-open" unicode="&#xf005;" d="M0 167q0 26 18 43l391 391 390-391q17-17 17-43 0-26-17-44-18-17-44-17t-43 17l-303 305-305-305q-18-17-43-17t-43 17q-18 18-18 44z" horiz-adv-x="816.9" />
@ -148,6 +162,8 @@
<glyph glyph-name="left-open" unicode="&#xf007;" d="M0 353l391 391q18 18 43 18 24 0 43-18 18-18 18-44t-18-43l-304-304 304-305q18-17 18-43t-18-43q-18-18-43-18t-43 18z" horiz-adv-x="495.1" />
<glyph glyph-name="th-thumb-empty" unicode="&#xf00b;" d="M0-66v286q0 22 15 37t37 16h286q21 0 37-16t15-37v-286q0-21-15-36t-37-15h-286q-22 0-37 15t-15 36z m0 546v286q0 21 15 36t37 15h286q21 0 37-15t15-36v-286q0-22-15-37t-37-16h-286q-21 0-37 16t-15 37z m88-510h214v214h-214v-214z m0 546h214v213h-214v-213z m459-582v286q0 22 15 37t37 16h286q21 0 37-16t15-37v-286q0-21-15-36t-37-15h-286q-21 0-37 15t-15 36z m0 546v286q0 21 15 36t37 15h286q22 0 37-15t15-36v-286q0-22-15-37t-37-16h-286q-21 0-37 16t-15 37z m88-510h215v214h-215v-214z m0 546h215v213h-215v-213z" horiz-adv-x="937.5" />
<glyph glyph-name="move" unicode="&#xf047;" d="M1000 350q0-14-11-25l-142-143q-11-11-26-11t-25 11-10 25v72h-215v-215h72q14 0 25-10t11-25-11-25l-143-143q-10-11-25-11t-25 11l-143 143q-11 10-11 25t11 25 25 10h72v215h-215v-72q0-14-10-25t-25-11-25 11l-143 143q-11 11-11 25t11 25l143 143q10 11 25 11t25-11 10-25v-72h215v215h-72q-14 0-25 10t-11 25 11 26l143 142q11 11 25 11t25-11l143-142q11-11 11-26t-11-25-25-10h-72v-215h215v72q0 14 10 25t25 11 26-11l142-143q11-10 11-25z" horiz-adv-x="1000" />
<glyph glyph-name="info-circled-alt" unicode="&#xf086;" d="M0 350q0 95 37 182t100 149 149 100 183 37q95 0 182-37t149-100 100-149 37-182q0-95-37-182t-100-150-149-100-182-37q-96 0-183 37t-149 100-100 150-37 182z m117 0q0-71 28-137t75-112 112-75 137-28 136 28 112 75 75 112 28 137-28 136-75 112-112 75-136 28-137-28-112-75-75-112-28-136z m281 170q0 28 20 45t51 17q32 0 51-17t19-45-19-46-51-17q-32 0-51 17t-20 46z m5-402v299h132v-299h-132z" horiz-adv-x="937.5" />
@ -156,6 +172,8 @@
<glyph glyph-name="check-empty" unicode="&#xf096;" d="M625 707h-464q-37 0-63-26t-27-63v-464q0-37 27-63t63-27h464q37 0 63 27t26 63v464q0 37-26 63t-63 26z m161-89v-464q0-67-47-114t-114-47h-464q-67 0-114 47t-47 114v464q0 66 47 113t114 48h464q66 0 114-48t47-113z" horiz-adv-x="785.7" />
<glyph glyph-name="docs" unicode="&#xf0c5;" d="M946 636q23 0 38-16t16-38v-678q0-23-16-38t-38-16h-535q-23 0-38 16t-16 38v160h-303q-23 0-38 16t-16 38v375q0 22 11 49t27 42l228 228q15 16 42 27t49 11h232q23 0 38-16t16-38v-183q38 23 71 23h232z m-303-119l-167-167h167v167z m-357 214l-167-167h167v167z m109-361l176 176v233h-214v-233q0-22-15-37t-38-16h-233v-357h286v143q0 22 11 49t27 42z m534-449v643h-215v-232q0-22-15-38t-38-15h-232v-358h500z" horiz-adv-x="1000" />
<glyph glyph-name="comment-empty" unicode="&#xf0e5;" d="M500 636q-114 0-213-39t-157-105-59-142q0-62 40-119t113-98l48-28-15-53q-13-51-39-97 85 36 154 96l24 21 32-3q38-5 72-5 114 0 213 39t157 105 59 142-59 142-157 105-213 39z m500-286q0-97-67-179t-182-130-251-48q-39 0-81 4-110-97-257-135-27-8-63-12h-3q-8 0-15 6t-9 15v1q-2 2 0 6t1 6 2 5l4 5t4 5 4 5q4 5 17 19t20 22 17 22 18 28 15 33 15 42q-88 50-138 123t-51 157q0 97 67 179t182 130 251 48 251-48 182-130 67-179z" horiz-adv-x="1000" />
<glyph glyph-name="doc-text" unicode="&#xf0f6;" d="M819 638q16-16 27-42t11-50v-642q0-23-15-38t-38-16h-750q-23 0-38 16t-16 38v892q0 23 16 38t38 16h500q22 0 49-11t42-27z m-248 136v-210h210q-5 17-12 23l-175 175q-6 7-23 12z m215-853v572h-232q-23 0-38 16t-16 37v233h-429v-858h715z m-572 483q0 7 5 12t13 5h393q8 0 13-5t5-12v-36q0-8-5-13t-13-5h-393q-8 0-13 5t-5 13v36z m411-125q8 0 13-5t5-13v-36q0-8-5-13t-13-5h-393q-8 0-13 5t-5 13v36q0 8 5 13t13 5h393z m0-143q8 0 13-5t5-13v-36q0-8-5-13t-13-5h-393q-8 0-13 5t-5 13v36q0 8 5 13t13 5h393z" horiz-adv-x="857.1" />
@ -174,6 +192,10 @@
<glyph glyph-name="ellipsis-vert" unicode="&#xf142;" d="M214 154v-108q0-22-15-37t-38-16h-107q-23 0-38 16t-16 37v108q0 22 16 38t38 15h107q22 0 38-15t15-38z m0 285v-107q0-22-15-38t-38-15h-107q-23 0-38 15t-16 38v107q0 23 16 38t38 16h107q22 0 38-16t15-38z m0 286v-107q0-22-15-38t-38-16h-107q-23 0-38 16t-16 38v107q0 22 16 38t38 16h107q22 0 38-16t15-38z" horiz-adv-x="214.3" />
<glyph glyph-name="minus-squared" unicode="&#xf146;" d="M714 314v72q0 14-10 25t-25 10h-500q-15 0-25-10t-11-25v-72q0-14 11-25t25-10h500q14 0 25 10t10 25z m143 304v-536q0-66-47-113t-114-48h-535q-67 0-114 48t-47 113v536q0 66 47 113t114 48h535q67 0 114-48t47-113z" horiz-adv-x="857.1" />
<glyph glyph-name="minus-squared-alt" unicode="&#xf147;" d="M643 404v-36q0-8-5-13t-13-5h-464q-8 0-13 5t-5 13v36q0 7 5 12t13 5h464q8 0 13-5t5-12z m71-250v464q0 37-26 63t-63 26h-464q-37 0-63-26t-27-63v-464q0-37 27-63t63-27h464q37 0 63 27t26 63z m72 464v-464q0-67-47-114t-114-47h-464q-67 0-114 47t-47 114v464q0 66 47 113t114 48h464q66 0 114-48t47-113z" horiz-adv-x="785.7" />
<glyph glyph-name="sort-alt-up" unicode="&#xf160;" d="M411 46q0-6-6-13l-178-178q-5-5-13-5-6 0-12 5l-179 179q-8 9-4 19 4 11 17 11h107v768q0 8 5 13t13 5h107q8 0 13-5t5-13v-768h107q8 0 13-5t5-13z m589-71v-107q0-8-5-13t-13-5h-464q-8 0-13 5t-5 13v107q0 8 5 13t13 5h464q8 0 13-5t5-13z m-107 286v-107q0-8-5-13t-13-5h-357q-8 0-13 5t-5 13v107q0 8 5 13t13 5h357q8 0 13-5t5-13z m-107 285v-107q0-7-5-12t-13-6h-250q-8 0-13 6t-5 12v107q0 8 5 13t13 5h250q8 0 13-5t5-13z m-107 286v-107q0-8-5-13t-13-5h-143q-8 0-13 5t-5 13v107q0 8 5 13t13 5h143q8 0 13-5t5-13z" horiz-adv-x="1000" />
<glyph glyph-name="sort-alt-down" unicode="&#xf161;" d="M679-25v-107q0-8-5-13t-13-5h-143q-8 0-13 5t-5 13v107q0 8 5 13t13 5h143q8 0 13-5t5-13z m-268 71q0-6-6-13l-178-178q-5-5-13-5-6 0-12 5l-179 179q-8 9-4 19 4 11 17 11h107v768q0 8 5 13t13 5h107q8 0 13-5t5-13v-768h107q8 0 13-5t5-13z m375 215v-107q0-8-5-13t-13-5h-250q-8 0-13 5t-5 13v107q0 8 5 13t13 5h250q8 0 13-5t5-13z m107 285v-107q0-7-5-12t-13-6h-357q-8 0-13 6t-5 12v107q0 8 5 13t13 5h357q8 0 13-5t5-13z m107 286v-107q0-8-5-13t-13-5h-464q-8 0-13 5t-5 13v107q0 8 5 13t13 5h464q8 0 13-5t5-13z" horiz-adv-x="1000" />

Before

Width:  |  Height:  |  Size: 45 KiB

After

Width:  |  Height:  |  Size: 50 KiB

Before After
Before After

Binary file not shown.

Binary file not shown.

View file

@ -2236,6 +2236,8 @@ function filter_table(phrase, _id, colnr, start_row) {
$('info_' + _id).innerHTML = " ";
}
}
$('info_div').style.display = "none";
$('info_div').innerHTML = "";
}
/**
* @brief filter quickly a list
@ -2270,8 +2272,7 @@ function filter_list(phrase, _id) {
} else {
l_list.childNodes[r].style.display = 'none';
}
$('info_div').style.display = "none";
$('info_div').innerHTML = "";
}
if (tot_found == 0) {
if ($('info_' + _id)) {
@ -2282,6 +2283,8 @@ function filter_list(phrase, _id) {
$('info_' + _id).innerHTML = " ";
}
}
$('info_div').style.display = "none";
$('info_div').innerHTML = "";
}
/**

View file

@ -266,14 +266,17 @@ case 'st':
{
$where=sprintf(' where frd_id in ('.sql_string ($cat).')');
}
else
elseif ( isset($fil) && strlen(trim($fil)) > 0 && $fil != -1 )
{
/* we filter thanks a given list of category of card
*/
if ( isset($fil) && strlen(trim($fil)) > 0 )
{
$where=sprintf(" where fd_id in (%s)",
$where=sprintf(" where fd_id in (%s)",
sql_string($fil));
}
} else
{
// create any type of cards
$where ="";
}
}
if ( strpos($where," in ()") != 0)
{

View file

@ -432,4 +432,19 @@ class Icon_Action
$p_div,$js,$icon);
return $r;
}
static function duplicate($p_js) {
$r=sprintf('<span id="%s" onclick="%s" class="icon smallicon">%s</span>',
uniqid(),$p_js,"&#xf0c5;");
return $r;
}
static function card($p_js) {
$r=sprintf('<span id="%s" onclick="%s" class="icon smallbutton">%s</span>',
uniqid(),$p_js,"&#xe843;");
return $r;
}
static function option($p_js) {
$r=sprintf('<span id="%s" onclick="%s" class="icon smallicon">%s</span>',
uniqid(),$p_js,"&#xf142;");
return $r;
}
}

View file

@ -22,8 +22,9 @@ endif;
if ( $cn->get_value("select count(*) from profile join profile_user using (p_id)
where user_name=$1 and with_search_card=1",array($_SESSION[SESSION_KEY.'g_user'])) ==1):
$search_card=new IText('card_search');
$search_card->css_size='97%';
$search_card_js=sprintf('onclick="boxsearch_card(\'%d\')"',dossier::id());
echo Icon_Action::button_magnifier(uniqid(), "$('box_search_card').show()");
echo Icon_Action::card( "$('box_search_card').show()");
echo '<div id="box_search_card" style="display:none" class="inner_box">';
echo HtmlInput::title_box(_("recherche"), "box_search_card","hide");
echo _('Recherche de fiche');
@ -34,12 +35,17 @@ if ( $cn->get_value("select count(*) from profile join profile_user using (p_id)
echo '<p class="ml-1">';
echo $search_card->input();
echo '</p>';
$create_card_js='onclick="select_card_type({});"';
echo '<ul class="aligned-block">';
echo '<li>'.
HtmlInput::button_anchor(_("Chercher"),"javascript:void(0)","",$search_card_js,'button').
'</li>';
echo '<li>'.
HtmlInput::button_anchor(_("Créer fiche"),"javascript:void(0)","",$create_card_js,'button').
'</li>';
echo '<li>'.
HtmlInput::button_hide("box_search_card").
'</li>';

View file

@ -99,3 +99,12 @@ include_once NOALYSS_INCLUDE."/lib/icon_action.class.php";
enlarge <?php echo Icon_Action::full_size("enlarge_it")?>
</div>
</p>
<p>
Duplicate <?php echo Icon_Action::duplicate( "alert('test')")?>
</p>
<p>
Card <?php echo Icon_Action::card( "alert('test')")?>
</p>
<p>
Option <?php echo Icon_Action::option( "alert('test')")?>
</p>