Commit 8b1f58a2 authored by RawKStar77's avatar RawKStar77

Updated icons for toolbar. Cleaned up Icomoon session file to reduce its size...

Updated icons for toolbar. Cleaned up Icomoon session file to reduce its size and bring it up to date with the newest version of the Icomoon app.
parent 4e1b8ce3
......@@ -56,11 +56,11 @@ $headingsColor: inherit !default;
//ICON FONT IMPORT
@font-face {
font-family: 'icomoon';
src:url('../images/icomoon/fonts/icomoon.eot');
src:url('../images/icomoon/fonts/icomoon.eot?#iefix') format('embedded-opentype'),
url('../images/icomoon/fonts/icomoon.svg#icomoon') format('svg'),
url('../images/icomoon/fonts/icomoon.woff') format('woff'),
url('../images/icomoon/fonts/icomoon.ttf') format('truetype');
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;
}
......
......@@ -440,15 +440,15 @@ blockquote {
}
.vis-icon {
@include fonticon("\e001", left);
@include fonticon("\e602", left);
}
.highlight-icon {
@include fonticon("\e01a", left);
@include fonticon("\e601", left);
}
.comment-icon {
@include fonticon("\e01e", left);
@include fonticon("\e600", left);
}
.launch-icon {
......
......@@ -364,15 +364,15 @@ $baseFontSize: 14px;
// Toolbar Icons
.alwaysonhighlights-icon {
@include fonticon("\e01b", left);
@include fonticon("\e602", left);
}
.highlighter-icon {
@include fonticon("\e01a", left);
@include fonticon("\e601", left);
}
.commenter-icon {
@include fonticon("\e01e", left);
@include fonticon("\e600", left);
}
.tri-icon {
......
This diff is collapsed.
To modify your generated font, use the *dev.svg* file, located in the *fonts* folder in this package. You can import this dev.svg file to the IcoMoon app. All the tags (class names) and the Unicode points of your glyphs are saved in this file.
Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures.
See the documentation for more info on how to use this package: http://icomoon.io/#docs/font-face
\ No newline at end of file
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.
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;
}
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();
}());
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
Icon Set: Font Awesome -- http://fortawesome.github.com/Font-Awesome/
License: SIL -- http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL
Icon Set: Brankic1979 -- http://brankic1979.com/icons/
License: Custom -- http://brankic1979.com/icons/
Icon Set: IcoMoon - Free -- http://keyamoon.com/icomoon/
License: CC BY-SA 3.0 -- http://creativecommons.org/licenses/by-sa/3.0/
Icon Set: Typicons -- http://typicons.com/
License: CC BY-SA 3.0 -- http://creativecommons.org/licenses/by-sa/3.0/
Icon Set: Entypo -- http://www.entypo.com/
License: CC BY-SA 3.0 -- http://creativecommons.org/licenses/by-sa/3.0/
Icon Set: Icon Minia -- http://dribbble.com/shots/598215-Icon-Minia-139-Vector-Icons
License: GPL V3 -- http://www.gnu.org/copyleft/gpl.html
Icon Set: Broccolidry -- http://dribbble.com/shots/587469-Free-16px-Broccolidryiconsaniconsetitisfullof-icons
License: Aribitrary -- http://licence.visualidiot.com/
Icon Set: Iconic -- http://somerandomdude.com/work/iconic/
License: CC BY-SA 3.0 -- http://creativecommons.org/licenses/by-sa/3.0/us/
\ No newline at end of file
/* Load this script using conditional IE comments if you need to support IE 7 and IE 6. */
window.onload = function() {
function addIcon(el, entity) {
var html = el.innerHTML;
el.innerHTML = '<span style="font-family: \'icomoon\'">' + entity + '</span>' + html;
}
var icons = {
'icon-cog' : '&#x22;',
'icon-untitled' : '&#x23;',
'icon-untitled-2' : '&#x24;',
'icon-export_icon' : '&#x25;',
'icon-clipboard_copy_icon' : '&#x26;',
'icon-pen_1' : '&#x27;',
'icon-flag' : '&#x28;',
'icon-delete_icon' : '&#x29;',
'icon-heart_empty_icon' : '&#x2b;',
'icon-heart_icon' : '&#x2c;',
'icon-window' : '&#x2d;',
'icon-window-2' : '&#x2e;',
'icon-triangle' : '&#x2f;',
'icon-copy' : '&#x33;',
'icon-x' : '&#x36;',
'icon-cancel' : '&#x38;',
'icon-checkmark_icon' : '&#x39;',
'icon-checkmark' : '&#x3a;',
'icon-cog-2' : '&#x3d;',
'icon-checkmark-2' : '&#x35;',
'icon-clock' : '&#x37;',
'icon-export' : '&#x2a;',
'icon-checkbox_unchecked_icon' : '&#x3e;',
'icon-checkbox_checked_icon' : '&#x3f;',
'icon-triangle-2' : '&#x3c;',
'icon-unlocked' : '&#xe000;',
'icon-locked' : '&#xe001;',
'icon-views' : '&#xe002;',
'icon-browser' : '&#xe003;',
'icon-ddbutton_filled' : '&#xe007;',
'icon-ddbutton_empty' : '&#xe008;',
'icon-reply' : '&#xe004;',
'icon-star_fav_icon' : '&#xe005;',
'icon-star_fav_empty_icon' : '&#xe006;',
'icon-triright' : '&#xe009;',
'icon-trileft' : '&#xe00a;',
'icon-comment' : '&#xe00b;',
'icon-comment2' : '&#xe00c;',
'icon-comment2-2' : '&#xe00e;',
'icon-comment2-3' : '&#xe00d;',
'icon-settings' : '&#xe00f;',
'icon-wrench' : '&#xe020;',
'icon-commentflip' : '&#xe010;',
'icon-hyp-logo4' : '&#xe014;',
'icon-eye-close' : '&#xf070;',
'icon-eye-open' : '&#xf06e;',
'icon-comments' : '&#xe011;',
'icon-plus' : '&#xe012;',
'icon-plus-sign' : '&#xf0fe;',
'icon-eye' : '&#xe016;',
'icon-magic' : '&#xf0d0;',
'icon-eye-2' : '&#xe017;',
'icon-download' : '&#xe018;',
'icon-eye-3' : '&#xe01b;',
'icon-eye-4' : '&#xe015;',
'icon-highlighter-nolines' : '&#xe01a;',
'icon-highlighter-01' : '&#xe019;',
'icon-highlighter-blacktip' : '&#xe01c;',
'icon-highlighter' : '&#xe01d;',
'icon-comment2-4' : '&#xe013;',
'icon-comment2-5' : '&#xe01e;'
},
els = document.getElementsByTagName('*'),
i, attr, html, c, el;
for (i = 0; ; i += 1) {
el = els[i];
if(!el) {
break;
}
attr = el.getAttribute('data-icon');
if (attr) {
addIcon(el, attr);
}
c = el.className;
c = c.match(/icon-[^\s'"]+/);
if (c && icons[c[0]]) {
addIcon(el, icons[c[0]]);
}
}
};
\ No newline at end of file
This diff is collapsed.
@font-face {
font-family: 'icomoon';
src:url('fonts/icomoon.eot');
src:url('fonts/icomoon.eot?#iefix') format('embedded-opentype'),
url('fonts/icomoon.woff') format('woff'),
url('fonts/icomoon.ttf') format('truetype'),
url('fonts/icomoon.svg#icomoon') format('svg');
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.svg#h') format('svg');
font-weight: normal;
font-style: normal;
}
/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
font-family: 'icomoon';
content: attr(data-icon);
speak: none;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
}
/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-cog, .icon-untitled, .icon-untitled-2, .icon-export_icon, .icon-clipboard_copy_icon, .icon-pen_1, .icon-flag, .icon-delete_icon, .icon-heart_empty_icon, .icon-heart_icon, .icon-window, .icon-window-2, .icon-triangle, .icon-copy, .icon-x, .icon-cancel, .icon-checkmark_icon, .icon-checkmark, .icon-cog-2, .icon-checkmark-2, .icon-clock, .icon-export, .icon-checkbox_unchecked_icon, .icon-checkbox_checked_icon, .icon-triangle-2, .icon-unlocked, .icon-locked, .icon-views, .icon-browser, .icon-ddbutton_filled, .icon-ddbutton_empty, .icon-reply, .icon-star_fav_icon, .icon-star_fav_empty_icon, .icon-triright, .icon-trileft, .icon-comment, .icon-comment2, .icon-comment2-2, .icon-comment2-3, .icon-settings, .icon-wrench, .icon-commentflip, .icon-hyp-logo4, .icon-eye-close, .icon-eye-open, .icon-comments, .icon-plus, .icon-plus-sign, .icon-eye, .icon-magic, .icon-eye-2, .icon-download, .icon-eye-3, .icon-eye-4, .icon-highlighter-nolines, .icon-highlighter-01, .icon-highlighter-blacktip, .icon-highlighter, .icon-comment2-4, .icon-comment2-5 {
font-family: 'icomoon';
[class^="icon-"], [class*=" icon-"] {
font-family: 'h';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-cog:before {
content: "\22";
}
.icon-untitled:before {
content: "\23";
}
.icon-untitled-2:before {
content: "\24";
}
.icon-export_icon:before {
content: "\25";
}
.icon-clipboard_copy_icon:before {
content: "\26";
}
.icon-pen_1:before {
content: "\27";
}
.icon-flag:before {
content: "\28";
}
.icon-delete_icon:before {
content: "\29";
}
.icon-heart_empty_icon:before {
content: "\2b";
}
.icon-heart_icon:before {
content: "\2c";
}
.icon-window:before {
content: "\2d";
}
.icon-window-2:before {
content: "\2e";
}
.icon-triangle:before {
......@@ -88,28 +41,10 @@ you can use the generic selector below, but it's slower:
.icon-checkmark_icon:before {
content: "\39";
}
.icon-checkmark:before {
content: "\3a";
}
.icon-cog-2:before {
content: "\3d";
}
.icon-checkmark-2:before {
content: "\35";
}
.icon-clock:before {
content: "\37";
}
.icon-export:before {
content: "\2a";
}
.icon-checkbox_unchecked_icon:before {
content: "\3e";
}
.icon-checkbox_checked_icon:before {
content: "\3f";
}
.icon-triangle-2:before {
.icon-triangle2:before {
content: "\3c";
}
.icon-unlocked:before {
......@@ -124,24 +59,6 @@ you can use the generic selector below, but it's slower:
.icon-browser:before {
content: "\e003";
}
.icon-ddbutton_filled:before {
content: "\e007";
}
.icon-ddbutton_empty:before {
content: "\e008";
}
.icon-reply:before {
content: "\e004";
}
.icon-star_fav_icon:before {
content: "\e005";
}
.icon-star_fav_empty_icon:before {
content: "\e006";
}
.icon-triright:before {
content: "\e009";
}
.icon-trileft:before {
content: "\e00a";
}
......@@ -151,33 +68,15 @@ you can use the generic selector below, but it's slower:
.icon-comment2:before {
content: "\e00c";
}
.icon-comment2-2:before {
.icon-comment22:before {
content: "\e00e";
}
.icon-comment2-3:before {
.icon-comment23:before {
content: "\e00d";
}
.icon-settings:before {
content: "\e00f";
}
.icon-wrench:before {
content: "\e020";
}
.icon-commentflip:before {
content: "\e010";
}
.icon-hyp-logo4:before {
content: "\e014";
}
.icon-eye-close:before {
content: "\f070";
}
.icon-eye-open:before {
content: "\f06e";
}
.icon-comments:before {
content: "\e011";
}
.icon-plus:before {
content: "\e012";
}
......@@ -190,33 +89,132 @@ you can use the generic selector below, but it's slower:
.icon-magic:before {
content: "\f0d0";
}
.icon-eye-2:before {
.icon-eye2:before {
content: "\e017";
}
.icon-download:before {
content: "\e018";
}
.icon-eye-3:before {
content: "\e01b";
.icon-comment24:before {
content: "\e013";
}
.icon-eye-4:before {
content: "\e015";
.icon-comment25:before {
content: "\e01e";
}
.icon-highlighter-nolines:before {
content: "\e01a";
.icon-pen_1:before {
content: "\27";
}
.icon-highlighter-01:before {
content: "\e019";
.icon-flag:before {
content: "\28";
}
.icon-delete_icon:before {
content: "\29";
}
.icon-heart_empty_icon:before {
content: "\2b";
}
.icon-heart_icon:before {
content: "\2c";
}
.icon-window2:before {
content: "\2d";
}
.icon-export:before {
content: "\2a";
}
.icon-checkbox_unchecked_icon:before {
content: "\3e";
}
.icon-star_fav_empty_icon:before {
content: "\e006";
}
.icon-triright:before {
content: "\e009";
}
.icon-eye-open:before {
content: "\f06e";
}
.icon-comments:before {
content: "\e011";
}
.icon-highlighter-blacktip:before {
content: "\e01c";
}
.icon-highlighter-01:before {
content: "\e019";
}
.icon-highlighter-nolines:before {
content: "\e01a";
}
.icon-eye3:before {
content: "\e015";
}
.icon-highlighter:before {
content: "\e01d";
}
.icon-comment2-4:before {
content: "\e013";
.icon-eye4:before {
content: "\e01b";
}
.icon-comment2-5:before {
content: "\e01e";
.icon-wrench:before {
content: "\e020";
}
.icon-commentflip:before {
content: "\e010";
}
.icon-hyp-logo4:before {
content: "\e014";
}
.icon-eye-close:before {
content: "\f070";
}
.icon-star_fav_icon:before {
content: "\e005";
}
.icon-reply:before {
content: "\e004";
}
.icon-ddbutton_empty:before {
content: "\e008";
}
.icon-ddbutton_filled:before {
content: "\e007";
}
.icon-checkmark:before {
content: "\3a";
}
.icon-cog:before {
content: "\3d";
}
.icon-checkmark2:before {
content: "\35";
}
.icon-clock:before {
content: "\37";
}
.icon-clipboard_copy_icon:before {
content: "\26";
}
.icon-export_icon:before {
content: "\25";
}
.icon-uni24:before {
content: "\24";
}
.icon-uni23:before {
content: "\23";
}
.icon-cog2:before {
content: "\22";
}
.icon-uniF000:before {
content: "\f000";
}
.icon-comment:before {
content: "\e600";
}
.icon-highlighter:before {
content: "\e601";
}
.icon-visible:before {
content: "\e602";
}
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