You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
607 lines
9.1 KiB
607 lines
9.1 KiB
/*******************************
|
|
UI Icon
|
|
*******************************/
|
|
@font-face {
|
|
font-family: 'Icons';
|
|
src: url(../fonts/icons.eot);
|
|
src: url(../fonts/icons.eot?#iefix) format('embedded-opentype'), url(../fonts/icons.woff) format('woff'), url(../fonts/icons.ttf) format('truetype'), url(../fonts/icons.svg#icons) format('svg');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
i.icon {
|
|
display: inline-block;
|
|
width: 1em;
|
|
height: 1em;
|
|
margin: 0em 0.25em 0em 0em;
|
|
font-style: normal;
|
|
line-height: 1;
|
|
font-weight: normal;
|
|
text-decoration: inherit;
|
|
text-align: center;
|
|
vertical-align: baseline;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-font-smoothing: antialiased;
|
|
font-smoothing: antialiased;
|
|
}
|
|
i.icon:before {
|
|
font-family: 'Icons';
|
|
speak: none;
|
|
opacity: 0.75;
|
|
}
|
|
/* manual corrections */
|
|
i.icon.cloud,
|
|
i.icon.code,
|
|
i.icon.terminal,
|
|
i.icon.twitter-bird,
|
|
i.icon.dollar {
|
|
margin-left: 0em;
|
|
padding-right: 0.2em;
|
|
}
|
|
i.icon.left,
|
|
i.icon.left-open,
|
|
i.icon.left-dir {
|
|
width: 1em;
|
|
margin: 0em 0.5em 0em 0em;
|
|
}
|
|
i.icon.up,
|
|
i.icon.up-open,
|
|
i.icon.up-dir,
|
|
i.icon.down,
|
|
i.icon.down-open,
|
|
i.icon.down-dir,
|
|
i.icon.right,
|
|
i.icon.right-open,
|
|
i.icon.right-dir {
|
|
width: 1em;
|
|
margin: 0em 0em 0em 0.1em;
|
|
}
|
|
/* circular icon easier to notice misaligned */
|
|
i.icon.clock {
|
|
margin-top: -0.05em;
|
|
}
|
|
/* aliases for convenience */
|
|
i.icon.close:before {
|
|
content: '\e80d';
|
|
}
|
|
/* '' */
|
|
i.icon.help:before {
|
|
content: '\e704';
|
|
}
|
|
/* '' */
|
|
i.icon.info:before {
|
|
content: '\e705';
|
|
}
|
|
/* '' */
|
|
i.icon.error:before {
|
|
content: '\e80d';
|
|
}
|
|
/* '' */
|
|
/* icons available */
|
|
i.icon.asterisk:before {
|
|
content: '\2731';
|
|
}
|
|
/* '✱' */
|
|
i.icon.at:before {
|
|
content: '\40';
|
|
}
|
|
/* '@' */
|
|
i.icon.attach:before {
|
|
content: '📎';
|
|
}
|
|
/* '\1f4ce' */
|
|
i.icon.attention-circle:before {
|
|
content: '\2757';
|
|
}
|
|
/* '❗' */
|
|
i.icon.attention:before {
|
|
content: '\26a0';
|
|
}
|
|
/* '⚠' */
|
|
i.icon.award:before {
|
|
content: '🏉';
|
|
}
|
|
/* '\1f3c9' */
|
|
i.icon.barcode:before {
|
|
content: '\e792';
|
|
}
|
|
/* '' */
|
|
i.icon.basket:before {
|
|
content: '\e73d';
|
|
}
|
|
/* '' */
|
|
i.icon.basket:before {
|
|
content: '\e813';
|
|
}
|
|
/* '' */
|
|
i.icon.block:before {
|
|
content: '🚫';
|
|
}
|
|
/* '\1f6ab' */
|
|
i.icon.book-open:before {
|
|
content: '📖';
|
|
}
|
|
/* '\1f4d6' */
|
|
i.icon.bookmark:before {
|
|
content: '🔖';
|
|
}
|
|
/* '\1f516' */
|
|
i.icon.calendar:before {
|
|
content: '📅';
|
|
}
|
|
/* '\1f4c5' */
|
|
i.icon.cancel-alt:before {
|
|
content: '\e80d';
|
|
}
|
|
/* '' */
|
|
i.icon.cancel-circle:before {
|
|
content: '\2716';
|
|
}
|
|
/* '✖' */
|
|
i.icon.cancel:before {
|
|
content: '\2715';
|
|
}
|
|
/* '✕' */
|
|
i.icon.ccw:before {
|
|
content: '\27f2';
|
|
}
|
|
/* '⟲' */
|
|
i.icon.chart-bar:before {
|
|
content: '📊';
|
|
}
|
|
/* '\1f4ca' */
|
|
i.icon.chart-pie:before {
|
|
content: '\e7a2';
|
|
}
|
|
/* '' */
|
|
i.icon.chart:before {
|
|
content: '📈';
|
|
}
|
|
/* '\1f4c8' */
|
|
i.icon.chat:before {
|
|
content: '\e720';
|
|
}
|
|
/* '' */
|
|
i.icon.check:before {
|
|
content: '\2611';
|
|
}
|
|
/* '☑' */
|
|
i.icon.clock:before {
|
|
content: '🕔';
|
|
}
|
|
/* '\1f554' */
|
|
i.icon.cloud:before {
|
|
content: '\2601';
|
|
}
|
|
/* '☁' */
|
|
i.icon.code:before {
|
|
content: '\e714';
|
|
}
|
|
/* '' */
|
|
i.icon.cog-alt:before {
|
|
content: '\26ef';
|
|
}
|
|
/* '⛯' */
|
|
i.icon.cog:before {
|
|
content: '\2699';
|
|
}
|
|
/* '⚙' */
|
|
i.icon.comment-alt:before {
|
|
content: '\e802';
|
|
}
|
|
/* '' */
|
|
i.icon.comment:before {
|
|
content: '\e718';
|
|
}
|
|
/* '' */
|
|
i.icon.cw:before {
|
|
content: '\27f3';
|
|
}
|
|
/* '⟳' */
|
|
i.icon.direction:before {
|
|
content: '\27a2';
|
|
}
|
|
/* '➢' */
|
|
i.icon.doc:before {
|
|
content: '📄';
|
|
}
|
|
/* '\1f4c4' */
|
|
i.icon.docs:before {
|
|
content: '\e736';
|
|
}
|
|
/* '' */
|
|
i.icon.dollar:before {
|
|
content: '💵';
|
|
}
|
|
/* '\1f4b5' */
|
|
i.icon.down-dir:before {
|
|
content: '\25be';
|
|
}
|
|
/* '▾' */
|
|
i.icon.down-open:before {
|
|
content: '\e75c';
|
|
}
|
|
/* '' */
|
|
i.icon.down:before {
|
|
content: '\2193';
|
|
}
|
|
/* '↓' */
|
|
i.icon.easel:before {
|
|
content: '\e7b5';
|
|
}
|
|
/* '' */
|
|
i.icon.edit:before {
|
|
content: '\270d';
|
|
}
|
|
/* '✍' */
|
|
i.icon.eject:before {
|
|
content: '\2ecf';
|
|
}
|
|
/* '⻏' */
|
|
i.icon.export:before {
|
|
content: '\e715';
|
|
}
|
|
/* '' */
|
|
i.icon.eye:before {
|
|
content: '\e80f';
|
|
}
|
|
/* '' */
|
|
i.icon.eye-off:before {
|
|
content: '\e70b';
|
|
}
|
|
/* '' */
|
|
i.icon.facebook-rect:before {
|
|
content: '\f301';
|
|
}
|
|
/* '' */
|
|
i.icon.fast-fw:before {
|
|
content: '\e804';
|
|
}
|
|
/* '' */
|
|
i.icon.fire:before {
|
|
content: '🔥';
|
|
}
|
|
/* '\1f525' */
|
|
i.icon.flag:before {
|
|
content: '\2691';
|
|
}
|
|
/* '⚑' */
|
|
i.icon.flash:before {
|
|
content: '\26a1';
|
|
}
|
|
/* '⚡' */
|
|
i.icon.flash-alt:before {
|
|
content: '\e815';
|
|
}
|
|
/* '' */
|
|
i.icon.flask:before {
|
|
content: '\68';
|
|
}
|
|
/* 'h' */
|
|
i.icon.flight:before {
|
|
content: '\2708';
|
|
}
|
|
/* '✈' */
|
|
i.icon.folder-open:before {
|
|
content: '📂';
|
|
}
|
|
/* '\1f4c2' */
|
|
i.icon.folder:before {
|
|
content: '\e810';
|
|
}
|
|
/* '' */
|
|
i.icon.forward:before {
|
|
content: '\27a6';
|
|
}
|
|
/* '➦' */
|
|
i.icon.gift:before {
|
|
content: '🎁';
|
|
}
|
|
/* '\1f381' */
|
|
i.icon.github:before {
|
|
content: '\f308';
|
|
}
|
|
/* '' */
|
|
i.icon.globe:before {
|
|
content: '\e817';
|
|
}
|
|
/* '' */
|
|
i.icon.globe-alt:before {
|
|
content: '🌐';
|
|
}
|
|
/* '\1f310' */
|
|
i.icon.globe:before {
|
|
content: '𝌍';
|
|
}
|
|
/* '\1d30d' */
|
|
i.icon.headphones:before {
|
|
content: '🎧';
|
|
}
|
|
/* '\1f3a7' */
|
|
i.icon.heart-empty:before {
|
|
content: '\2661';
|
|
}
|
|
/* '♡' */
|
|
i.icon.heart:before {
|
|
content: '\2665';
|
|
}
|
|
/* '♥' */
|
|
i.icon.help-circle:before {
|
|
content: '\e704';
|
|
}
|
|
/* '' */
|
|
i.icon.question:before {
|
|
content: '\2753';
|
|
}
|
|
/* '❓' */
|
|
i.icon.home-alt:before {
|
|
content: '\e80e';
|
|
}
|
|
/* '' */
|
|
i.icon.home:before {
|
|
content: '\2302';
|
|
}
|
|
/* '⌂' */
|
|
i.icon.info-circle:before {
|
|
content: '\e705';
|
|
}
|
|
/* '' */
|
|
i.icon.i-letter:before {
|
|
content: '\2139';
|
|
}
|
|
/* 'ℹ' */
|
|
i.icon.lamp:before {
|
|
content: '💡';
|
|
}
|
|
/* '\1f4a1' */
|
|
i.icon.left-dir:before {
|
|
content: '\25c2';
|
|
}
|
|
/* '◂' */
|
|
i.icon.left-open:before {
|
|
content: '\e75d';
|
|
}
|
|
/* '' */
|
|
i.icon.left:before {
|
|
content: '\2190';
|
|
}
|
|
/* '←' */
|
|
i.icon.link:before {
|
|
content: '🔗';
|
|
}
|
|
/* '\1f517' */
|
|
i.icon.list:before {
|
|
content: '\e782';
|
|
}
|
|
/* '' */
|
|
i.icon.location-alt:before {
|
|
content: '\e811';
|
|
}
|
|
/* '' */
|
|
i.icon.location:before {
|
|
content: '\e724';
|
|
}
|
|
/* '' */
|
|
i.icon.lock-open:before {
|
|
content: '🔓';
|
|
}
|
|
/* '\1f513' */
|
|
i.icon.lock:before {
|
|
content: '🔒';
|
|
}
|
|
/* '\1f512' */
|
|
i.icon.mail:before {
|
|
content: '\2709';
|
|
}
|
|
/* '✉' */
|
|
i.icon.mic:before {
|
|
content: '🎤';
|
|
}
|
|
/* '\1f3a4' */
|
|
i.icon.minus:before {
|
|
content: '\2d';
|
|
}
|
|
/* '-' */
|
|
i.icon.money:before {
|
|
content: '💰';
|
|
}
|
|
/* '\1f4b0' */
|
|
i.icon.off:before {
|
|
content: '\e78e';
|
|
}
|
|
/* '' */
|
|
i.icon.pause:before {
|
|
content: '\e808';
|
|
}
|
|
/* '' */
|
|
i.icon.picture-alt:before {
|
|
content: '\e812';
|
|
}
|
|
/* '' */
|
|
i.icon.picture:before {
|
|
content: '🌄';
|
|
}
|
|
/* '\1f304' */
|
|
i.icon.pin:before {
|
|
content: '📌';
|
|
}
|
|
/* '\1f4cc' */
|
|
i.icon.play:before {
|
|
content: '\e809';
|
|
}
|
|
/* '' */
|
|
i.icon.plus-circle:before {
|
|
content: '\2795';
|
|
}
|
|
/* '➕' */
|
|
i.icon.plus:before {
|
|
content: '\2b';
|
|
}
|
|
/* '+' */
|
|
i.icon.print:before {
|
|
content: '\e716';
|
|
}
|
|
/* '' */
|
|
i.icon.resize-full:before {
|
|
content: '\e744';
|
|
}
|
|
/* '' */
|
|
i.icon.resize-horizontal:before {
|
|
content: '\2b0d';
|
|
}
|
|
/* '⬍' */
|
|
i.icon.resize-small:before {
|
|
content: '\e746';
|
|
}
|
|
/* '' */
|
|
i.icon.resize-vertical:before {
|
|
content: '\2b0c';
|
|
}
|
|
/* '⬌' */
|
|
i.icon.right-dir:before {
|
|
content: '\25b8';
|
|
}
|
|
/* '▸' */
|
|
i.icon.right-open:before {
|
|
content: '\e75e';
|
|
}
|
|
/* '' */
|
|
i.icon.right:before {
|
|
content: '\2192';
|
|
}
|
|
/* '→' */
|
|
i.icon.rss:before {
|
|
content: '\e73a';
|
|
}
|
|
/* '' */
|
|
i.icon.search:before {
|
|
content: '🔍';
|
|
}
|
|
/* '\1f50d' */
|
|
i.icon.shuffle:before {
|
|
content: '\e803';
|
|
}
|
|
/* '' */
|
|
i.icon.star:before {
|
|
content: '\e801';
|
|
}
|
|
/* '' */
|
|
i.icon.star-empty:before {
|
|
content: '\e800';
|
|
}
|
|
/* '' */
|
|
i.icon.star-half:before {
|
|
content: '\e701';
|
|
}
|
|
/* '' */
|
|
i.icon.stop:before {
|
|
content: '\e807';
|
|
}
|
|
/* '' */
|
|
i.icon.tag:before {
|
|
content: '\e80a';
|
|
}
|
|
/* '' */
|
|
i.icon.tags:before {
|
|
content: '\e70d';
|
|
}
|
|
/* '' */
|
|
i.icon.terminal:before {
|
|
content: '\e7ac';
|
|
}
|
|
/* '' */
|
|
i.icon.th-alt:before {
|
|
content: '\e80c';
|
|
}
|
|
/* '' */
|
|
i.icon.th-large:before {
|
|
content: '\e708';
|
|
}
|
|
/* '' */
|
|
i.icon.th-list:before {
|
|
content: '\e80b';
|
|
}
|
|
/* '' */
|
|
i.icon.thumbs-down:before {
|
|
content: '👎';
|
|
}
|
|
/* '\1f44e' */
|
|
i.icon.thumbs-up:before {
|
|
content: '👍';
|
|
}
|
|
/* '\1f44d' */
|
|
i.icon.tint:before {
|
|
content: '\e794';
|
|
}
|
|
/* '' */
|
|
i.icon.to-end:before {
|
|
content: '\e762';
|
|
}
|
|
/* '' */
|
|
i.icon.to-end-alt:before {
|
|
content: '\e806';
|
|
}
|
|
/* '' */
|
|
i.icon.to-start:before {
|
|
content: '\e763';
|
|
}
|
|
/* '' */
|
|
i.icon.to-start-alt:before {
|
|
content: '\e805';
|
|
}
|
|
/* '' */
|
|
i.icon.top-list:before {
|
|
content: '🏆';
|
|
}
|
|
/* '\1f3c6' */
|
|
i.icon.trash:before {
|
|
content: '\e729';
|
|
}
|
|
/* '' */
|
|
i.icon.twitter-bird:before {
|
|
content: '\f303';
|
|
}
|
|
/* '' */
|
|
i.icon.up-dir:before {
|
|
content: '\25b4';
|
|
}
|
|
/* '▴' */
|
|
i.icon.up-open:before {
|
|
content: '\e75f';
|
|
}
|
|
/* '' */
|
|
i.icon.up:before {
|
|
content: '\2191';
|
|
}
|
|
/* '↑' */
|
|
i.icon.upload-cloud:before {
|
|
content: '\e711';
|
|
}
|
|
/* '' */
|
|
i.icon.user-add:before {
|
|
content: '\e700';
|
|
}
|
|
/* '' */
|
|
i.icon.user:before {
|
|
content: '👤';
|
|
}
|
|
/* '\1f464' */
|
|
i.icon.users-alt:before {
|
|
content: '\e814';
|
|
}
|
|
/* '' */
|
|
i.icon.users:before {
|
|
content: '👥';
|
|
}
|
|
/* '\1f465' */
|
|
i.icon.vcard:before {
|
|
content: '\e722';
|
|
}
|
|
/* '' */
|
|
i.icon.zoom-in:before {
|
|
content: '\e750';
|
|
}
|
|
/* '' */
|
|
i.icon.zoom-out:before {
|
|
content: '\e751';
|
|
}
|
|
/* '' */
|