Skip to content

C
coopwire-hypothesis
Commit bb523f2e authored by Randall Leeds's avatar Randall Leeds
Browse files
Options

Move fonts to h:static/fonts 

Drop the icomoon directory, saving only selection.json. The rest is not
needed, and is regenerated from the .json by the icomoon app.

Drop the font icon declarations in base.scss and use the css generated
by icomoon.

Move everything to h:static/fonts.

The icomoon css is not in styles because it has "fonts" as a relative
url, and we want "../fonts".
parent 1171cd36
Hide whitespace changes
Inline Side-by-side
Showing with 18 additions and 1332 deletions
h/static/images/icomoon/Read Me.txt deleted 100755 → 0
View file @ 1171cd36
Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures.
You won't need any of the files located under the *demo-files* directory when including the generated font in your own projects.
You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu > Manage Projects) to retrieve your icon selection.
h/static/images/icomoon/demo-files/demo.css deleted 100755 → 0
View file @ 1171cd36
body {
padding: 0;
margin: 0;
font-family: sans-serif;
font-size: 1em;
line-height: 1.5;
color: #555;
background: #fff;
}
h1 {
font-size: 1.5em;
font-weight: normal;
}
small {
font-size: .66666667em;
}
a {
color: #e74c3c;
text-decoration: none;
}
a:hover, a:focus {
box-shadow: 0 1px #e74c3c;
}
.bshadow0, input {
box-shadow: inset 0 -2px #e7e7e7;
}
input:hover {
box-shadow: inset 0 -2px #ccc;
}
input, fieldset {
font-size: 1em;
margin: 0;
padding: 0;
border: 0;
}
input {
color: inherit;
line-height: 1.5;
height: 1.5em;
padding: .25em 0;
}
input:focus {
outline: none;
box-shadow: inset 0 -2px #449fdb;
}
.glyph {
font-size: 16px;
width: 15em;
padding-bottom: 1em;
margin-right: 4em;
margin-bottom: 1em;
float: left;
overflow: hidden;
}
.liga {
width: 80%;
width: calc(100% - 2.5em);
}
.talign-right {
text-align: right;
}
.talign-center {
text-align: center;
}
.bgc1 {
background: #f1f1f1;
}
.fgc1 {
color: #999;
}
.fgc0 {
color: #000;
}
p {
margin-top: 1em;
margin-bottom: 1em;
}
.mvm {
margin-top: .75em;
margin-bottom: .75em;
}
.mtn {
margin-top: 0;
}
.mtl, .mal {
margin-top: 1.5em;
}
.mbl, .mal {
margin-bottom: 1.5em;
}
.mal, .mhl {
margin-left: 1.5em;
margin-right: 1.5em;
}
.mhmm {
margin-left: 1em;
margin-right: 1em;
}
.mls {
margin-left: .25em;
}
.ptl {
padding-top: 1.5em;
}
.pbs, .pvs {
padding-bottom: .25em;
}
.pvs, .pts {
padding-top: .25em;
}
.clearfix {
zoom: 1;
}
.unit {
float: left;
}
.unitRight {
float: right;
}
.size1of2 {
width: 50%;
}
.size1of1 {
width: 100%;
}
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.noLiga-true {
display: none;
}
.textbox0 {
width: 3em;
background: #f1f1f1;
padding: .25em .5em;
line-height: 1.5;
height: 1.5em;
}
#testDrive {
padding-top: 24px;
}
.fs0 {
font-size: 16px;
}
.fs1 {
font-size: 32px;
}
.fs2 {
font-size: 32px;
}
h/static/images/icomoon/demo-files/demo.js deleted 100755 → 0
View file @ 1171cd36
if (!('boxShadow' in document.body.style)) {
document.body.setAttribute('class', 'noBoxShadow');
}
document.body.addEventListener("click", function(e) {
var target = e.target;
if (target.tagName === "INPUT" &&
target.getAttribute('class').indexOf('liga') === -1) {
target.select();
}
});
(function() {
var fontSize = document.getElementById('fontSize'),
testDrive = document.getElementById('testDrive'),
testText = document.getElementById('testText');
function updateTest() {
testDrive.innerHTML = testText.value || String.fromCharCode(160);
if (window.icomoonLiga) {
window.icomoonLiga(testDrive);
}
}
function updateSize() {
testDrive.style.fontSize = fontSize.value + 'px';
}
fontSize.addEventListener('change', updateSize, false);
testText.addEventListener('input', updateTest, false);
testText.addEventListener('change', updateTest, false);
updateSize();
}());
h/static/images/icomoon/demo.html deleted 100755 → 0
View file @ 1171cd36
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>IcoMoon Demo</title>
<meta name="description" content="An Icon Font Generated By IcoMoon.io">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="demo-files/demo.css">
<link rel="stylesheet" href="style.css"></head>
<body>
<div class="bgc1 clearfix">
<h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> h <small class="fgc1">(Glyphs:&nbsp;74)</small></h1>
</div>
<div class="clearfix mhl ptl">
<h1 class="mvm mtn bshadow fgc1">Grid Size: Unknown</h1>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-window"></span><span class="mls"> icon-window</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="2e" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#x2e;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-triangle"></span><span class="mls"> icon-triangle</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="2f" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#x2f;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-copy"></span><span class="mls"> icon-copy</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="33" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#x33;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-x"></span><span class="mls"> icon-x</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="36" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#x36;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-cancel"></span><span class="mls"> icon-cancel</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="38" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#x38;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-checkmark_icon"></span><span class="mls"> icon-checkmark_icon</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="39" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#x39;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-checkbox_checked_icon"></span><span class="mls"> icon-checkbox_checked_icon</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="3f" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#x3f;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-triangle2"></span><span class="mls"> icon-triangle2</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="3c" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#x3c;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-unlocked"></span><span class="mls"> icon-unlocked</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e000" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe000;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-locked"></span><span class="mls"> icon-locked</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e001" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe001;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-views"></span><span class="mls"> icon-views</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e002" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe002;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-browser"></span><span class="mls"> icon-browser</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e003" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe003;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-trileft"></span><span class="mls"> icon-trileft</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e00a" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe00a;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-comment"></span><span class="mls"> icon-comment</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e00b" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe00b;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-comment2"></span><span class="mls"> icon-comment2</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e00c" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe00c;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-comment22"></span><span class="mls"> icon-comment22</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e00e" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe00e;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-comment23"></span><span class="mls"> icon-comment23</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e00d" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe00d;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-settings"></span><span class="mls"> icon-settings</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e00f" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe00f;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-plus"></span><span class="mls"> icon-plus</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e012" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe012;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-plus-sign"></span><span class="mls"> icon-plus-sign</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="f0fe" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xf0fe;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-eye"></span><span class="mls"> icon-eye</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e016" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe016;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-magic"></span><span class="mls"> icon-magic</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="f0d0" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xf0d0;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-eye2"></span><span class="mls"> icon-eye2</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e017" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe017;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-download"></span><span class="mls"> icon-download</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e018" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe018;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-comment24"></span><span class="mls"> icon-comment24</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e013" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe013;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-comment25"></span><span class="mls"> icon-comment25</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e01e" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe01e;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-pen_1"></span><span class="mls"> icon-pen_1</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="27" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#x27;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-flag"></span><span class="mls"> icon-flag</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="28" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#x28;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-delete_icon"></span><span class="mls"> icon-delete_icon</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="29" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#x29;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-heart_empty_icon"></span><span class="mls"> icon-heart_empty_icon</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="2b" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#x2b;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-heart_icon"></span><span class="mls"> icon-heart_icon</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="2c" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#x2c;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-window2"></span><span class="mls"> icon-window2</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="2d" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#x2d;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-export"></span><span class="mls"> icon-export</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="2a" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#x2a;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-checkbox_unchecked_icon"></span><span class="mls"> icon-checkbox_unchecked_icon</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="3e" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#x3e;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-star_fav_empty_icon"></span><span class="mls"> icon-star_fav_empty_icon</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e006" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe006;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-triright"></span><span class="mls"> icon-triright</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e009" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe009;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-eye-open"></span><span class="mls"> icon-eye-open</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="f06e" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xf06e;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-comments"></span><span class="mls"> icon-comments</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e011" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe011;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-highlighter-blacktip"></span><span class="mls"> icon-highlighter-blacktip</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e01c" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe01c;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-highlighter-01"></span><span class="mls"> icon-highlighter-01</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e019" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe019;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-highlighter-nolines"></span><span class="mls"> icon-highlighter-nolines</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e01a" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe01a;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-eye3"></span><span class="mls"> icon-eye3</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e015" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe015;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-highlighter"></span><span class="mls"> icon-highlighter</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e01d" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe01d;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-eye4"></span><span class="mls"> icon-eye4</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e01b" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe01b;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-wrench"></span><span class="mls"> icon-wrench</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e020" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe020;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-commentflip"></span><span class="mls"> icon-commentflip</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e010" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe010;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-hyp-logo4"></span><span class="mls"> icon-hyp-logo4</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e014" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe014;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-eye-close"></span><span class="mls"> icon-eye-close</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="f070" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xf070;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-star_fav_icon"></span><span class="mls"> icon-star_fav_icon</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e005" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe005;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-reply"></span><span class="mls"> icon-reply</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e004" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe004;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-ddbutton_empty"></span><span class="mls"> icon-ddbutton_empty</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e008" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe008;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-ddbutton_filled"></span><span class="mls"> icon-ddbutton_filled</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e007" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe007;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-checkmark"></span><span class="mls"> icon-checkmark</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="3a" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#x3a;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-cog"></span><span class="mls"> icon-cog</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="3d" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#x3d;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-checkmark2"></span><span class="mls"> icon-checkmark2</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="35" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#x35;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-clock"></span><span class="mls"> icon-clock</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="37" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#x37;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-clipboard_copy_icon"></span><span class="mls"> icon-clipboard_copy_icon</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="26" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#x26;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-export_icon"></span><span class="mls"> icon-export_icon</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="25" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#x25;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-uni24"></span><span class="mls"> icon-uni24</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="24" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#x24;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-uni23"></span><span class="mls"> icon-uni23</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="23" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#x23;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-cog2"></span><span class="mls"> icon-cog2</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="22" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#x22;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-uniF000"></span><span class="mls"> icon-uniF000</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="f000" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xf000;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-comment3"></span><span class="mls"> icon-comment3</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e600" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe600;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-highlighter2"></span><span class="mls"> icon-highlighter2</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e601" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe601;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-visible"></span><span class="mls"> icon-visible</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e602" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe602;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-icon-comment"></span><span class="mls"> icon-icon-comment</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e60b" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe60b;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
</div>
<div class="clearfix mhl ptl">
<h1 class="mvm mtn bshadow fgc1">Grid Size: 16</h1>
<div class="glyph fs2">
<div class="clearfix bshadow0 pbs">
<span class="icon-users"></span><span class="mls"> icon-users</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e603" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe603;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs2">
<div class="clearfix bshadow0 pbs">
<span class="icon-user"></span><span class="mls"> icon-user</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e604" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe604;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs2">
<div class="clearfix bshadow0 pbs">
<span class="icon-bullhorn"></span><span class="mls"> icon-bullhorn</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e605" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe605;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs2">
<div class="clearfix bshadow0 pbs">
<span class="icon-bubbles"></span><span class="mls"> icon-bubbles</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e606" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe606;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs2">
<div class="clearfix bshadow0 pbs">
<span class="icon-bubbles2"></span><span class="mls"> icon-bubbles2</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e607" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe607;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs2">
<div class="clearfix bshadow0 pbs">
<span class="icon-bell"></span><span class="mls"> icon-bell</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e608" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe608;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs2">
<div class="clearfix bshadow0 pbs">
<span class="icon-earth"></span><span class="mls"> icon-earth</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e609" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe609;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
<div class="glyph fs2">
<div class="clearfix bshadow0 pbs">
<span class="icon-link"></span><span class="mls"> icon-link</span>
</div>
<fieldset class="fs0 size1of1 clearfix">
<input type="text" readonly value="e60a" class="unit size1of2" />
<input type="text" maxlength="1" readonly value="&#xe60a;" class="unitRight size1of2 talign-right" />
</fieldset>
<div class="fs0 bshadow0 clearfix noLiga-true">
<span class="unit pvs fgc1">liga: </span>
<input type="text" readonly value="" class="liga unitRight" />
</div>
</div>
</div>
<!--[if gt IE 8]><!-->
<div class="mhl clearfix mbl">
<h1>Font Test Drive</h1>
<label>
Font Size: <input id="fontSize" type="number" class="textbox0 mbm"
min="8" value="48" />
px
</label>
<input id="testText" type="text" class="phl size1of1 mvl"
placeholder="Type some text to test..." value=""/>
</label>
<div id="testDrive" class="icon-">&nbsp;
</div>
</div>
<!--<![endif]-->
<div class="bgc1 clearfix">
<p class="mhl">Generated by <a href="http://icomoon.io/app">IcoMoon</a></p>
</div>
<script src="demo-files/demo.js"></script>
</body>
</html>
\ No newline at end of file
h/static/scripts/plugin/toolbar.coffee
View file @ bb523f2e
...@@ -12,7 +12,7 @@ class Annotator.Plugin.Toolbar extends Annotator.Plugin ...@@ -12,7 +12,7 @@ class Annotator.Plugin.Toolbar extends Annotator.Plugin
options: options:
items: [ items: [
"title": "Toggle Sidebar" "title": "Toggle Sidebar"
"class": "tri-icon" "class": "icon-comment"
"click": (event) -> "click": (event) ->
event.preventDefault() event.preventDefault()
event.stopPropagation() event.stopPropagation()
...@@ -23,7 +23,7 @@ class Annotator.Plugin.Toolbar extends Annotator.Plugin ...@@ -23,7 +23,7 @@ class Annotator.Plugin.Toolbar extends Annotator.Plugin
window.annotator.hideFrame() window.annotator.hideFrame()
, ,
"title": "Show Annotations" "title": "Show Annotations"
"class": "alwaysonhighlights-icon" "class": "icon-visible"
"click": (event) -> "click": (event) ->
event.preventDefault() event.preventDefault()
event.stopPropagation() event.stopPropagation()
...@@ -31,7 +31,7 @@ class Annotator.Plugin.Toolbar extends Annotator.Plugin ...@@ -31,7 +31,7 @@ class Annotator.Plugin.Toolbar extends Annotator.Plugin
window.annotator.setVisibleHighlights state window.annotator.setVisibleHighlights state
, ,
"title": "Highlighting Mode" "title": "Highlighting Mode"
"class": "highlighter-icon" "class": "icon-highlighter2"
"click": (event) -> "click": (event) ->
event.preventDefault() event.preventDefault()
event.stopPropagation() event.stopPropagation()
...@@ -40,7 +40,7 @@ class Annotator.Plugin.Toolbar extends Annotator.Plugin ...@@ -40,7 +40,7 @@ class Annotator.Plugin.Toolbar extends Annotator.Plugin
window.annotator.setTool tool window.annotator.setTool tool
, ,
"title": "New Comment" "title": "New Comment"
"class": "commenter-icon" "class": "icon-plus"
"click": (event) -> "click": (event) ->
event.preventDefault() event.preventDefault()
event.stopPropagation() event.stopPropagation()
......
h/static/styles/base.scss
View file @ bb523f2e
@import 'compass/css3'; @import 'compass/css3';
$white: #fff !default; $white: #fff !default;
$black: #000 !default; $black: #000 !default;
...@@ -53,18 +54,6 @@ $headingsFontFamily: inherit !default; ...@@ -53,18 +54,6 @@ $headingsFontFamily: inherit !default;
$headingsFontWeight: bold !default; $headingsFontWeight: bold !default;
$headingsColor: inherit !default; $headingsColor: inherit !default;
//ICON FONT IMPORT
@font-face {
font-family: 'icomoon';
src:url('../images/icomoon/fonts/h.eot');
src:url('../images/icomoon/fonts/h.eot?#iefix') format('embedded-opentype'),
url('../images/icomoon/fonts/h.svg#icomoon') format('svg'),
url('../images/icomoon/fonts/h.woff') format('woff'),
url('../images/icomoon/fonts/h.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
//STANCE COLORS //STANCE COLORS
$positive: #3aab39; $positive: #3aab39;
$negative: #d11c2b; $negative: #d11c2b;
...@@ -167,41 +156,6 @@ $input-border-radius: 2px; ...@@ -167,41 +156,6 @@ $input-border-radius: 2px;
background-image: url("../images/#{$icon}"); background-image: url("../images/#{$icon}");
} }
//FONTICON////////////////////////////////
@mixin fonticon($char, $iconside, $offset: .5em) {
text-decoration: none;
cursor: pointer;
&:hover {
opacity: 1;
}
@if $iconside == left {
&:before {
content: $char !important;
font-family: 'icomoon';
margin-right: $offset;
speak: none;
font-weight: normal;
}
&:after {
content: "" !important;
}
}
@if $iconside == right {
&:before {
content: "" !important;
}
&:after {
content: $char !important;
font-family: 'icomoon';
margin-left: $offset;
speak: none;
font-weight: normal;
}
}
}
//NOISE/////////// //NOISE///////////
//Provides the noise background //Provides the noise background
.noise { .noise {
......
h/static/styles/common.scss
View file @ bb523f2e
...@@ -236,7 +236,7 @@ blockquote { ...@@ -236,7 +236,7 @@ blockquote {
&:before, &:after { &:before, &:after {
color: $grayLighter; color: $grayLighter;
font-family: "icomoon"; font-family: "h";
position: absolute; position: absolute;
} }
...@@ -269,7 +269,6 @@ blockquote { ...@@ -269,7 +269,6 @@ blockquote {
} }
.dropdown-toggle { .dropdown-toggle {
@include fonticon("\002f", right, 0);
cursor: pointer; cursor: pointer;
&:active { &:active {
...@@ -381,61 +380,6 @@ blockquote { ...@@ -381,61 +380,6 @@ blockquote {
//ICON CLASSES//////////////////////////////// //ICON CLASSES////////////////////////////////
.flag-icon {
@include fonticon("\28", left);
}
.fave-icon {
@include fonticon("\e006", left);
&.checked:before {
content: "\e005";
}
}
.reply-icon {
@include fonticon("\e004", left);
}
.share-icon {
@include fonticon("\25", left);
}
.down-icon {
@include fonticon("\e007", left);
}
.clipboard-icon {
@include fonticon("\33", left);
}
.check-icon {
@include fonticon("\35", left);
}
.plus-icon {
@include fonticon("\e012", left);
}
.x-icon {
@include fonticon("\36", left);
}
.vis-icon {
@include fonticon("\e001", left);
}
.highlight-icon {
@include fonticon("\e601", left);
}
.comment-icon {
@include fonticon("\e600", left);
}
.launch-icon {
@include fonticon("\2a", left);
}
.loading-icon { .loading-icon {
text-align: center text-align: center
} }
...@@ -747,19 +691,17 @@ blockquote { ...@@ -747,19 +691,17 @@ blockquote {
.share-dialog { .share-dialog {
display: none; display: none;
.icon-input { position: relative;
position: relative;
.go-icon { input {
position: absolute; margin-bottom: 4px;
top: .33em; margin-left: 1.5em;
} width: 100%;
.share-div { }
margin-left: 1.5em;
.share-text { .launch-icon {
width: 100%; position: absolute;
margin-bottom: 4px; top: .33em;
}
}
} }
} }
......
h/static/styles/inject.scss
View file @ bb523f2e
...@@ -356,7 +356,7 @@ $baseFontSize: 14px; ...@@ -356,7 +356,7 @@ $baseFontSize: 14px;
&:focus { outline: 0; } &:focus { outline: 0; }
&:hover { color: $linkColorHover; } &:hover { color: $linkColorHover; }
&.tri-icon { &.icon-comment {
text-shadow: text-shadow:
0 0 2px $grayLightest, 0 0 2px $grayLightest,
0 0 0 $gray; 0 0 0 $gray;
...@@ -368,23 +368,6 @@ $baseFontSize: 14px; ...@@ -368,23 +368,6 @@ $baseFontSize: 14px;
} }
} }
// Toolbar Icons
.alwaysonhighlights-icon {
@include fonticon("\e602", left);
}
.highlighter-icon {
@include fonticon("\e601", left);
}
.commenter-icon {
@include fonticon("\e012", left);
}
.tri-icon {
@include fonticon("\e00b", left);
}
// Toolbar notification counter // Toolbar notification counter
.annotator-notification-counter { .annotator-notification-counter {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment