Commit 6ab0fcb3 authored by Randall Leeds's avatar Randall Leeds

Merge pull request #1038 from RawKStar77/MoreIconWork

Changed icons to give them a consistent style.
parents 591ff08a 1085387b
......@@ -435,6 +435,10 @@ blockquote {
@include fonticon("\35", left);
}
.plus-icon {
@include fonticon("\e012", left);
}
.x-icon {
@include fonticon("\36", left);
}
......
......@@ -314,7 +314,7 @@ $baseFontSize: 14px;
border: solid 1px $grayLighter;
overflow: hidden;
position: relative;
left: 2px;
// left: 2px;
height: 2em;
width: 2em;
......@@ -334,7 +334,7 @@ $baseFontSize: 14px;
position: absolute;
left: .2em;
color: $grayLighter;
color: rgba(200, 200, 200, .3);
text-decoration: none;
......@@ -352,13 +352,21 @@ $baseFontSize: 14px;
color: rgba(235, 235, 230, .1);
}
}
&.alwaysonhighlights-icon, &.highlighter-icon, &.commenter-icon {
text-shadow:
1px .8px 1.5px $white,
0 0 0 #000;
&:hover {
color: $linkColorHover;
text-shadow: -1px .8px 1px #000;
}
}
}
&.pushed, &:hover.pushed {
&.pushed {
max-height: 35px;
a {
color: $hypothered;
}
}
}
......@@ -372,7 +380,7 @@ $baseFontSize: 14px;
}
.commenter-icon {
@include fonticon("\e600", left);
@include fonticon("\e012", left);
}
.tri-icon {
......
......@@ -149,3 +149,6 @@ p {
.fs1 {
font-size: 32px;
}
.fs2 {
font-size: 32px;
}
......@@ -9,7 +9,7 @@
<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;65)</small></h1>
<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>
......@@ -821,7 +821,7 @@
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-comment"></span><span class="mls"> icon-comment</span>
<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" />
......@@ -834,7 +834,7 @@
</div>
<div class="glyph fs1">
<div class="clearfix bshadow0 pbs">
<span class="icon-highlighter"></span><span class="mls"> icon-highlighter</span>
<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" />
......@@ -858,6 +858,126 @@
<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]><!-->
......@@ -869,7 +989,7 @@
px
</label>
<input id="testText" type="text" class="phl size1of1 mvl"
placeholder="Type some text to test..."/>
placeholder="Type some text to test..." value=""/>
</label>
<div id="testDrive" class="icon-">&nbsp;
</div>
......
This diff is collapsed.
This diff is collapsed.
......@@ -2,8 +2,8 @@
font-family: 'h';
src:url('fonts/h.eot');
src:url('fonts/h.eot?#iefix') format('embedded-opentype'),
url('fonts/h.ttf') format('truetype'),
url('fonts/h.woff') format('woff'),
url('fonts/h.ttf') format('truetype'),
url('fonts/h.svg#h') format('svg');
font-weight: normal;
font-style: normal;
......@@ -209,12 +209,39 @@
.icon-uniF000:before {
content: "\f000";
}
.icon-comment:before {
.icon-comment3:before {
content: "\e600";
}
.icon-highlighter:before {
.icon-highlighter2:before {
content: "\e601";
}
.icon-visible:before {
content: "\e602";
}
.icon-icon-comment:before {
content: "\e60b";
}
.icon-users:before {
content: "\e603";
}
.icon-user:before {
content: "\e604";
}
.icon-bullhorn:before {
content: "\e605";
}
.icon-bubbles:before {
content: "\e606";
}
.icon-bubbles2:before {
content: "\e607";
}
.icon-bell:before {
content: "\e608";
}
.icon-earth:before {
content: "\e609";
}
.icon-link:before {
content: "\e60a";
}
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