Before Width: | Height: | Size: 301 KiB |
@ -1,16 +0,0 @@ |
|||
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 4, 2015 */ |
|||
|
|||
|
|||
|
|||
@font-face { |
|||
font-family: 'questrialregular'; |
|||
src: url('questrial-regular-webfont.eot'); |
|||
src: url('questrial-regular-webfont.eot?#iefix') format('embedded-opentype'), |
|||
url('questrial-regular-webfont.woff2') format('woff2'), |
|||
url('questrial-regular-webfont.woff') format('woff'), |
|||
url('questrial-regular-webfont.ttf') format('truetype'), |
|||
url('questrial-regular-webfont.svg#questrialregular') format('svg'); |
|||
font-weight: normal; |
|||
font-style: normal; |
|||
|
|||
} |
@ -1,92 +0,0 @@ |
|||
Copyright 2010, 2012 Adobe Systems Incorporated (http://www.adobe.com/), with Reserved Font Name 'Source'. All Rights Reserved. Source is a trademark of Adobe Systems Incorporated in the United States and/or other countries. |
|||
This Font Software is licensed under the SIL Open Font License, Version 1.1. |
|||
This license is copied below, and is also available with a FAQ at: |
|||
http://scripts.sil.org/OFL |
|||
|
|||
|
|||
----------------------------------------------------------- |
|||
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007 |
|||
----------------------------------------------------------- |
|||
|
|||
PREAMBLE |
|||
The goals of the Open Font License (OFL) are to stimulate worldwide |
|||
development of collaborative font projects, to support the font creation |
|||
efforts of academic and linguistic communities, and to provide a free and |
|||
open framework in which fonts may be shared and improved in partnership |
|||
with others. |
|||
|
|||
The OFL allows the licensed fonts to be used, studied, modified and |
|||
redistributed freely as long as they are not sold by themselves. The |
|||
fonts, including any derivative works, can be bundled, embedded, |
|||
redistributed and/or sold with any software provided that any reserved |
|||
names are not used by derivative works. The fonts and derivatives, |
|||
however, cannot be released under any other type of license. The |
|||
requirement for fonts to remain under this license does not apply |
|||
to any document created using the fonts or their derivatives. |
|||
|
|||
DEFINITIONS |
|||
"Font Software" refers to the set of files released by the Copyright |
|||
Holder(s) under this license and clearly marked as such. This may |
|||
include source files, build scripts and documentation. |
|||
|
|||
"Reserved Font Name" refers to any names specified as such after the |
|||
copyright statement(s). |
|||
|
|||
"Original Version" refers to the collection of Font Software components as |
|||
distributed by the Copyright Holder(s). |
|||
|
|||
"Modified Version" refers to any derivative made by adding to, deleting, |
|||
or substituting -- in part or in whole -- any of the components of the |
|||
Original Version, by changing formats or by porting the Font Software to a |
|||
new environment. |
|||
|
|||
"Author" refers to any designer, engineer, programmer, technical |
|||
writer or other person who contributed to the Font Software. |
|||
|
|||
PERMISSION & CONDITIONS |
|||
Permission is hereby granted, free of charge, to any person obtaining |
|||
a copy of the Font Software, to use, study, copy, merge, embed, modify, |
|||
redistribute, and sell modified and unmodified copies of the Font |
|||
Software, subject to the following conditions: |
|||
|
|||
1) Neither the Font Software nor any of its individual components, |
|||
in Original or Modified Versions, may be sold by itself. |
|||
|
|||
2) Original or Modified Versions of the Font Software may be bundled, |
|||
redistributed and/or sold with any software, provided that each copy |
|||
contains the above copyright notice and this license. These can be |
|||
included either as stand-alone text files, human-readable headers or |
|||
in the appropriate machine-readable metadata fields within text or |
|||
binary files as long as those fields can be easily viewed by the user. |
|||
|
|||
3) No Modified Version of the Font Software may use the Reserved Font |
|||
Name(s) unless explicit written permission is granted by the corresponding |
|||
Copyright Holder. This restriction only applies to the primary font name as |
|||
presented to the users. |
|||
|
|||
4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font |
|||
Software shall not be used to promote, endorse or advertise any |
|||
Modified Version, except to acknowledge the contribution(s) of the |
|||
Copyright Holder(s) and the Author(s) or with their explicit written |
|||
permission. |
|||
|
|||
5) The Font Software, modified or unmodified, in part or in whole, |
|||
must be distributed entirely under this license, and must not be |
|||
distributed under any other license. The requirement for fonts to |
|||
remain under this license does not apply to any document created |
|||
using the Font Software. |
|||
|
|||
TERMINATION |
|||
This license becomes null and void if any of the above conditions are |
|||
not met. |
|||
|
|||
DISCLAIMER |
|||
THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, |
|||
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF |
|||
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT |
|||
OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE |
|||
COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, |
|||
INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL |
|||
DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING |
|||
FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM |
|||
OTHER DEALINGS IN THE FONT SOFTWARE. |
@ -1,46 +0,0 @@ |
|||
{ |
|||
"name": "", |
|||
"css_prefix_text": "icon-", |
|||
"css_use_suffix": false, |
|||
"hinting": true, |
|||
"units_per_em": 1000, |
|||
"ascent": 850, |
|||
"glyphs": [ |
|||
{ |
|||
"uid": "d35a1d35efeb784d1dc9ac18b9b6c2b6", |
|||
"css": "pencil", |
|||
"code": 59392, |
|||
"src": "fontawesome" |
|||
}, |
|||
{ |
|||
"uid": "f47srtt9pew19q6kg9jniwtzsb8q1rhy", |
|||
"css": "attention", |
|||
"code": 59397, |
|||
"src": "modernpics" |
|||
}, |
|||
{ |
|||
"uid": "ce7452abce8b55ded1c393997a51e6b3", |
|||
"css": "ok", |
|||
"code": 59395, |
|||
"src": "elusive" |
|||
}, |
|||
{ |
|||
"uid": "499b745a2e2485bdd059c3a53d048e5f", |
|||
"css": "cancel", |
|||
"code": 59393, |
|||
"src": "elusive" |
|||
}, |
|||
{ |
|||
"uid": "55e2ff85b1c459c383f46da6e96014b0", |
|||
"css": "plus", |
|||
"code": 59394, |
|||
"src": "elusive" |
|||
}, |
|||
{ |
|||
"uid": "3ab229dd9bccaaaf6c71096da4b72c04", |
|||
"css": "error", |
|||
"code": 59396, |
|||
"src": "elusive" |
|||
} |
|||
] |
|||
} |
@ -1,85 +0,0 @@ |
|||
/* |
|||
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); |
|||
} |
|||
} |
@ -1,7 +0,0 @@ |
|||
|
|||
.icon-pencil:before { content: '\e800'; } /* '' */ |
|||
.icon-cancel:before { content: '\e801'; } /* '' */ |
|||
.icon-plus:before { content: '\e802'; } /* '' */ |
|||
.icon-ok:before { content: '\e803'; } /* '' */ |
|||
.icon-error:before { content: '\e804'; } /* '' */ |
|||
.icon-attention:before { content: '\e805'; } /* '' */ |
@ -1,7 +0,0 @@ |
|||
|
|||
.icon-pencil { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } |
|||
.icon-cancel { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } |
|||
.icon-plus { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } |
|||
.icon-ok { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } |
|||
.icon-error { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } |
|||
.icon-attention { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } |
@ -1,18 +0,0 @@ |
|||
[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-pencil { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } |
|||
.icon-cancel { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } |
|||
.icon-plus { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } |
|||
.icon-ok { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } |
|||
.icon-error { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } |
|||
.icon-attention { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); } |
@ -1,316 +0,0 @@ |
|||
<!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('./font/fontello.eot?10735318'); |
|||
src: url('./font/fontello.eot?10735318#iefix') format('embedded-opentype'), |
|||
url('./font/fontello.woff?10735318') format('woff'), |
|||
url('./font/fontello.ttf?10735318') format('truetype'), |
|||
url('./font/fontello.svg?10735318#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/fontello-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 id="icons" class="container"> |
|||
<div class="row"> |
|||
<div title="Code: 0xe800" class="the-icons span3"><i class="demo-icon icon-pencil"></i> <span class="i-name">icon-pencil</span><span class="i-code">0xe800</span></div> |
|||
<div title="Code: 0xe801" class="the-icons span3"><i class="demo-icon icon-cancel"></i> <span class="i-name">icon-cancel</span><span class="i-code">0xe801</span></div> |
|||
<div title="Code: 0xe802" class="the-icons span3"><i class="demo-icon icon-plus"></i> <span class="i-name">icon-plus</span><span class="i-code">0xe802</span></div> |
|||
<div title="Code: 0xe803" class="the-icons span3"><i class="demo-icon icon-ok"></i> <span class="i-name">icon-ok</span><span class="i-code">0xe803</span></div> |
|||
</div> |
|||
<div class="row"> |
|||
<div title="Code: 0xe804" class="the-icons span3"><i class="demo-icon icon-error"></i> <span class="i-name">icon-error</span><span class="i-code">0xe804</span></div> |
|||
<div title="Code: 0xe805" class="the-icons span3"><i class="demo-icon icon-attention"></i> <span class="i-name">icon-attention</span><span class="i-code">0xe805</span></div> |
|||
</div> |
|||
</div> |
|||
<div class="container footer">Generated by <a href="http://fontello.com">fontello.com</a></div> |
|||
</body> |
|||
</html> |
Before Width: | Height: | Size: 4.2 KiB |
Before Width: | Height: | Size: 1.7 KiB |
Before Width: | Height: | Size: 2.6 KiB |
Before Width: | Height: | Size: 3.9 KiB |
Before Width: | Height: | Size: 1.5 KiB |
Before Width: | Height: | Size: 2.3 KiB |