|
|
|
@ -9,36 +9,20 @@ |
|
|
|
<link rel="stylesheet" href="style.css"></head> |
|
|
|
<body> |
|
|
|
<div class="bgc1 clearfix"> |
|
|
|
<h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs: 54)</small></h1> |
|
|
|
<h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs: 53)</small></h1> |
|
|
|
</div> |
|
|
|
<div class="clearfix mhl ptl"> |
|
|
|
<h1 class="mvm mtn fgc1">Grid Size: 14</h1> |
|
|
|
<div class="glyph fs1"> |
|
|
|
<div class="clearfix bshadow0 pbs"> |
|
|
|
<span class="icon-angle-right"> |
|
|
|
|
|
|
|
</span> |
|
|
|
<span class="mls"> icon-angle-right</span> |
|
|
|
</div> |
|
|
|
<fieldset class="fs0 size1of1 clearfix hidden-false"> |
|
|
|
<input type="text" readonly value="e931" class="unit size1of2" /> |
|
|
|
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> |
|
|
|
</fieldset> |
|
|
|
<div class="fs0 bshadow0 clearfix hidden-true"> |
|
|
|
<span class="unit pvs fgc1">liga: </span> |
|
|
|
<input type="text" readonly value="" class="liga unitRight" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<h1 class="mvm mtn fgc1">Grid Size: 16</h1> |
|
|
|
<div class="glyph fs1"> |
|
|
|
<div class="clearfix bshadow0 pbs"> |
|
|
|
<span class="icon-caret-right"> |
|
|
|
<span class="icon-unlocked"> |
|
|
|
|
|
|
|
</span> |
|
|
|
<span class="mls"> icon-caret-right</span> |
|
|
|
<span class="mls"> icon-unlocked</span> |
|
|
|
</div> |
|
|
|
<fieldset class="fs0 size1of1 clearfix hidden-false"> |
|
|
|
<input type="text" readonly value="e929" class="unit size1of2" /> |
|
|
|
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> |
|
|
|
<input type="text" readonly value="e933" class="unit size1of2" /> |
|
|
|
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> |
|
|
|
</fieldset> |
|
|
|
<div class="fs0 bshadow0 clearfix hidden-true"> |
|
|
|
<span class="unit pvs fgc1">liga: </span> |
|
|
|
@ -47,14 +31,14 @@ |
|
|
|
</div> |
|
|
|
<div class="glyph fs1"> |
|
|
|
<div class="clearfix bshadow0 pbs"> |
|
|
|
<span class="icon-caret-left"> |
|
|
|
<span class="icon-lock"> |
|
|
|
|
|
|
|
</span> |
|
|
|
<span class="mls"> icon-caret-left</span> |
|
|
|
<span class="mls"> icon-lock</span> |
|
|
|
</div> |
|
|
|
<fieldset class="fs0 size1of1 clearfix hidden-false"> |
|
|
|
<input type="text" readonly value="e92a" class="unit size1of2" /> |
|
|
|
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> |
|
|
|
<input type="text" readonly value="e934" class="unit size1of2" /> |
|
|
|
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> |
|
|
|
</fieldset> |
|
|
|
<div class="fs0 bshadow0 clearfix hidden-true"> |
|
|
|
<span class="unit pvs fgc1">liga: </span> |
|
|
|
@ -63,14 +47,14 @@ |
|
|
|
</div> |
|
|
|
<div class="glyph fs1"> |
|
|
|
<div class="clearfix bshadow0 pbs"> |
|
|
|
<span class="icon-caret-up"> |
|
|
|
<span class="icon-reset"> |
|
|
|
|
|
|
|
</span> |
|
|
|
<span class="mls"> icon-caret-up</span> |
|
|
|
<span class="mls"> icon-reset</span> |
|
|
|
</div> |
|
|
|
<fieldset class="fs0 size1of1 clearfix hidden-false"> |
|
|
|
<input type="text" readonly value="e92b" class="unit size1of2" /> |
|
|
|
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> |
|
|
|
<input type="text" readonly value="e92e" class="unit size1of2" /> |
|
|
|
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> |
|
|
|
</fieldset> |
|
|
|
<div class="fs0 bshadow0 clearfix hidden-true"> |
|
|
|
<span class="unit pvs fgc1">liga: </span> |
|
|
|
@ -79,14 +63,14 @@ |
|
|
|
</div> |
|
|
|
<div class="glyph fs1"> |
|
|
|
<div class="clearfix bshadow0 pbs"> |
|
|
|
<span class="icon-caret-down"> |
|
|
|
<span class="icon-pause"> |
|
|
|
|
|
|
|
</span> |
|
|
|
<span class="mls"> icon-caret-down</span> |
|
|
|
<span class="mls"> icon-pause</span> |
|
|
|
</div> |
|
|
|
<fieldset class="fs0 size1of1 clearfix hidden-false"> |
|
|
|
<input type="text" readonly value="e92c" class="unit size1of2" /> |
|
|
|
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> |
|
|
|
<input type="text" readonly value="e92f" class="unit size1of2" /> |
|
|
|
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> |
|
|
|
</fieldset> |
|
|
|
<div class="fs0 bshadow0 clearfix hidden-true"> |
|
|
|
<span class="unit pvs fgc1">liga: </span> |
|
|
|
@ -95,14 +79,14 @@ |
|
|
|
</div> |
|
|
|
<div class="glyph fs1"> |
|
|
|
<div class="clearfix bshadow0 pbs"> |
|
|
|
<span class="icon-angle-up"> |
|
|
|
<span class="icon-play"> |
|
|
|
|
|
|
|
</span> |
|
|
|
<span class="mls"> icon-angle-up</span> |
|
|
|
<span class="mls"> icon-play</span> |
|
|
|
</div> |
|
|
|
<fieldset class="fs0 size1of1 clearfix hidden-false"> |
|
|
|
<input type="text" readonly value="e903" class="unit size1of2" /> |
|
|
|
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> |
|
|
|
<input type="text" readonly value="e930" class="unit size1of2" /> |
|
|
|
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> |
|
|
|
</fieldset> |
|
|
|
<div class="fs0 bshadow0 clearfix hidden-true"> |
|
|
|
<span class="unit pvs fgc1">liga: </span> |
|
|
|
@ -111,14 +95,14 @@ |
|
|
|
</div> |
|
|
|
<div class="glyph fs1"> |
|
|
|
<div class="clearfix bshadow0 pbs"> |
|
|
|
<span class="icon-angle-down"> |
|
|
|
<span class="icon-settings2"> |
|
|
|
|
|
|
|
</span> |
|
|
|
<span class="mls"> icon-angle-down</span> |
|
|
|
<span class="mls"> icon-settings2</span> |
|
|
|
</div> |
|
|
|
<fieldset class="fs0 size1of1 clearfix hidden-false"> |
|
|
|
<input type="text" readonly value="e900" class="unit size1of2" /> |
|
|
|
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> |
|
|
|
<input type="text" readonly value="e92d" class="unit size1of2" /> |
|
|
|
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> |
|
|
|
</fieldset> |
|
|
|
<div class="fs0 bshadow0 clearfix hidden-true"> |
|
|
|
<span class="unit pvs fgc1">liga: </span> |
|
|
|
@ -127,14 +111,14 @@ |
|
|
|
</div> |
|
|
|
<div class="glyph fs1"> |
|
|
|
<div class="clearfix bshadow0 pbs"> |
|
|
|
<span class="icon-angle-left"> |
|
|
|
<span class="icon-bin2"> |
|
|
|
|
|
|
|
</span> |
|
|
|
<span class="mls"> icon-angle-left</span> |
|
|
|
<span class="mls"> icon-bin2</span> |
|
|
|
</div> |
|
|
|
<fieldset class="fs0 size1of1 clearfix hidden-false"> |
|
|
|
<input type="text" readonly value="e901" class="unit size1of2" /> |
|
|
|
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> |
|
|
|
<input type="text" readonly value="e902" class="unit size1of2" /> |
|
|
|
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> |
|
|
|
</fieldset> |
|
|
|
<div class="fs0 bshadow0 clearfix hidden-true"> |
|
|
|
<span class="unit pvs fgc1">liga: </span> |
|
|
|
@ -143,81 +127,81 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="clearfix mhl ptl"> |
|
|
|
<h1 class="mvm mtn fgc1">Grid Size: 16</h1> |
|
|
|
<h1 class="mvm mtn fgc1">Grid Size: 14</h1> |
|
|
|
<div class="glyph fs2"> |
|
|
|
<div class="clearfix bshadow0 pbs"> |
|
|
|
<span class="icon-lock"> |
|
|
|
<span class="icon-angle-right"> |
|
|
|
|
|
|
|
</span> |
|
|
|
<span class="mls"> icon-lock</span> |
|
|
|
<span class="mls"> icon-angle-right</span> |
|
|
|
</div> |
|
|
|
<fieldset class="fs0 size1of1 clearfix hidden-false"> |
|
|
|
<input type="text" readonly value="e98f" class="unit size1of2" /> |
|
|
|
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> |
|
|
|
<input type="text" readonly value="e931" class="unit size1of2" /> |
|
|
|
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> |
|
|
|
</fieldset> |
|
|
|
<div class="fs0 bshadow0 clearfix hidden-true"> |
|
|
|
<span class="unit pvs fgc1">liga: </span> |
|
|
|
<input type="text" readonly value="lock, secure" class="liga unitRight" /> |
|
|
|
<input type="text" readonly value="" class="liga unitRight" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="glyph fs2"> |
|
|
|
<div class="clearfix bshadow0 pbs"> |
|
|
|
<span class="icon-unlocked"> |
|
|
|
<span class="icon-user-o"> |
|
|
|
|
|
|
|
</span> |
|
|
|
<span class="mls"> icon-unlocked</span> |
|
|
|
<span class="mls"> icon-user-o</span> |
|
|
|
</div> |
|
|
|
<fieldset class="fs0 size1of1 clearfix hidden-false"> |
|
|
|
<input type="text" readonly value="e990" class="unit size1of2" /> |
|
|
|
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> |
|
|
|
<input type="text" readonly value="e932" class="unit size1of2" /> |
|
|
|
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> |
|
|
|
</fieldset> |
|
|
|
<div class="fs0 bshadow0 clearfix hidden-true"> |
|
|
|
<span class="unit pvs fgc1">liga: </span> |
|
|
|
<input type="text" readonly value="unlocked, lock-open" class="liga unitRight" /> |
|
|
|
<input type="text" readonly value="" class="liga unitRight" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="glyph fs2"> |
|
|
|
<div class="clearfix bshadow0 pbs"> |
|
|
|
<span class="icon-warning"> |
|
|
|
<span class="icon-caret-right"> |
|
|
|
|
|
|
|
</span> |
|
|
|
<span class="mls"> icon-warning</span> |
|
|
|
<span class="mls"> icon-caret-right</span> |
|
|
|
</div> |
|
|
|
<fieldset class="fs0 size1of1 clearfix hidden-false"> |
|
|
|
<input type="text" readonly value="ea07" class="unit size1of2" /> |
|
|
|
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> |
|
|
|
<input type="text" readonly value="e929" class="unit size1of2" /> |
|
|
|
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> |
|
|
|
</fieldset> |
|
|
|
<div class="fs0 bshadow0 clearfix hidden-true"> |
|
|
|
<span class="unit pvs fgc1">liga: </span> |
|
|
|
<input type="text" readonly value="warning, sign" class="liga unitRight" /> |
|
|
|
<input type="text" readonly value="" class="liga unitRight" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="glyph fs2"> |
|
|
|
<div class="clearfix bshadow0 pbs"> |
|
|
|
<span class="icon-notification"> |
|
|
|
<span class="icon-caret-left"> |
|
|
|
|
|
|
|
</span> |
|
|
|
<span class="mls"> icon-notification</span> |
|
|
|
<span class="mls"> icon-caret-left</span> |
|
|
|
</div> |
|
|
|
<fieldset class="fs0 size1of1 clearfix hidden-false"> |
|
|
|
<input type="text" readonly value="ea08" class="unit size1of2" /> |
|
|
|
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> |
|
|
|
<input type="text" readonly value="e92a" class="unit size1of2" /> |
|
|
|
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> |
|
|
|
</fieldset> |
|
|
|
<div class="fs0 bshadow0 clearfix hidden-true"> |
|
|
|
<span class="unit pvs fgc1">liga: </span> |
|
|
|
<input type="text" readonly value="notification, warning2" class="liga unitRight" /> |
|
|
|
<input type="text" readonly value="" class="liga unitRight" /> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="glyph fs2"> |
|
|
|
<div class="clearfix bshadow0 pbs"> |
|
|
|
<span class="icon-reset"> |
|
|
|
<span class="icon-caret-up"> |
|
|
|
|
|
|
|
</span> |
|
|
|
<span class="mls"> icon-reset</span> |
|
|
|
<span class="mls"> icon-caret-up</span> |
|
|
|
</div> |
|
|
|
<fieldset class="fs0 size1of1 clearfix hidden-false"> |
|
|
|
<input type="text" readonly value="e92e" class="unit size1of2" /> |
|
|
|
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> |
|
|
|
<input type="text" readonly value="e92b" class="unit size1of2" /> |
|
|
|
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> |
|
|
|
</fieldset> |
|
|
|
<div class="fs0 bshadow0 clearfix hidden-true"> |
|
|
|
<span class="unit pvs fgc1">liga: </span> |
|
|
|
@ -226,14 +210,14 @@ |
|
|
|
</div> |
|
|
|
<div class="glyph fs2"> |
|
|
|
<div class="clearfix bshadow0 pbs"> |
|
|
|
<span class="icon-pause"> |
|
|
|
<span class="icon-caret-down"> |
|
|
|
|
|
|
|
</span> |
|
|
|
<span class="mls"> icon-pause</span> |
|
|
|
<span class="mls"> icon-caret-down</span> |
|
|
|
</div> |
|
|
|
<fieldset class="fs0 size1of1 clearfix hidden-false"> |
|
|
|
<input type="text" readonly value="e92f" class="unit size1of2" /> |
|
|
|
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> |
|
|
|
<input type="text" readonly value="e92c" class="unit size1of2" /> |
|
|
|
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> |
|
|
|
</fieldset> |
|
|
|
<div class="fs0 bshadow0 clearfix hidden-true"> |
|
|
|
<span class="unit pvs fgc1">liga: </span> |
|
|
|
@ -242,14 +226,14 @@ |
|
|
|
</div> |
|
|
|
<div class="glyph fs2"> |
|
|
|
<div class="clearfix bshadow0 pbs"> |
|
|
|
<span class="icon-play"> |
|
|
|
<span class="icon-angle-up"> |
|
|
|
|
|
|
|
</span> |
|
|
|
<span class="mls"> icon-play</span> |
|
|
|
<span class="mls"> icon-angle-up</span> |
|
|
|
</div> |
|
|
|
<fieldset class="fs0 size1of1 clearfix hidden-false"> |
|
|
|
<input type="text" readonly value="e930" class="unit size1of2" /> |
|
|
|
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> |
|
|
|
<input type="text" readonly value="e903" class="unit size1of2" /> |
|
|
|
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> |
|
|
|
</fieldset> |
|
|
|
<div class="fs0 bshadow0 clearfix hidden-true"> |
|
|
|
<span class="unit pvs fgc1">liga: </span> |
|
|
|
@ -258,14 +242,14 @@ |
|
|
|
</div> |
|
|
|
<div class="glyph fs2"> |
|
|
|
<div class="clearfix bshadow0 pbs"> |
|
|
|
<span class="icon-settings2"> |
|
|
|
<span class="icon-angle-down"> |
|
|
|
|
|
|
|
</span> |
|
|
|
<span class="mls"> icon-settings2</span> |
|
|
|
<span class="mls"> icon-angle-down</span> |
|
|
|
</div> |
|
|
|
<fieldset class="fs0 size1of1 clearfix hidden-false"> |
|
|
|
<input type="text" readonly value="e92d" class="unit size1of2" /> |
|
|
|
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> |
|
|
|
<input type="text" readonly value="e900" class="unit size1of2" /> |
|
|
|
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> |
|
|
|
</fieldset> |
|
|
|
<div class="fs0 bshadow0 clearfix hidden-true"> |
|
|
|
<span class="unit pvs fgc1">liga: </span> |
|
|
|
@ -274,14 +258,14 @@ |
|
|
|
</div> |
|
|
|
<div class="glyph fs2"> |
|
|
|
<div class="clearfix bshadow0 pbs"> |
|
|
|
<span class="icon-bin2"> |
|
|
|
<span class="icon-angle-left"> |
|
|
|
|
|
|
|
</span> |
|
|
|
<span class="mls"> icon-bin2</span> |
|
|
|
<span class="mls"> icon-angle-left</span> |
|
|
|
</div> |
|
|
|
<fieldset class="fs0 size1of1 clearfix hidden-false"> |
|
|
|
<input type="text" readonly value="e902" class="unit size1of2" /> |
|
|
|
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> |
|
|
|
<input type="text" readonly value="e901" class="unit size1of2" /> |
|
|
|
<input type="text" maxlength="1" readonly value="" class="unitRight size1of2 talign-right" /> |
|
|
|
</fieldset> |
|
|
|
<div class="fs0 bshadow0 clearfix hidden-true"> |
|
|
|
<span class="unit pvs fgc1">liga: </span> |
|
|
|
|