|
|
@font-face { font-family: 'Basic Icons'; src: url(../fonts/basic.icons.eot); src: url(../fonts/basic.icons.eot?#iefix) format('embedded-opentype'),url(../fonts/basic.icons.woff) format('woff'),url(../fonts/basic.icons.ttf) format('truetype'),url(../fonts/basic.icons.svg#basic.icons) format('svg'); font-style: normal; font-weight: 400; font-variant: normal; text-decoration: inherit; text-transform: none; }
i.basic.icon { display: inline-block; opacity: .75; margin: 0 .25em 0 0; width: 1.23em; height: 1em; font-family: 'Basic Icons'; font-style: normal; line-height: 1; font-weight: 400; text-decoration: inherit; text-align: center; speak: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; }
i.basic.icon.circle.attention:before { content: '\2757'; }
i.basic.icon.circle.help:before { content: '\e704'; }
i.basic.icon.circle.info:before { content: '\e705'; }
i.basic.icon.add:before { content: '\2795'; }
i.basic.icon.chart:before { content: '📈'; }
i.basic.icon.chart.bar:before { content: '📊'; }
i.basic.icon.chart.pie:before { content: '\e7a2'; }
i.basic.icon.resize.full:before { content: '\e744'; }
i.basic.icon.resize.horizontal:before { content: '\2b0d'; }
i.basic.icon.resize.small:before { content: '\e746'; }
i.basic.icon.resize.vertical:before { content: '\2b0c'; }
i.basic.icon.down:before { content: '\2193'; }
i.basic.icon.down.triangle:before { content: '\25be'; }
i.basic.icon.down.arrow:before { content: '\e75c'; }
i.basic.icon.left:before { content: '\2190'; }
i.basic.icon.left.triangle:before { content: '\25c2'; }
i.basic.icon.left.arrow:before { content: '\e75d'; }
i.basic.icon.right:before { content: '\2192'; }
i.basic.icon.right.triangle:before { content: '\25b8'; }
i.basic.icon.right.arrow:before { content: '\e75e'; }
i.basic.icon.up:before { content: '\2191'; }
i.basic.icon.up.triangle:before { content: '\25b4'; }
i.basic.icon.up.arrow:before { content: '\e75f'; }
i.basic.icon.folder:before { content: '\e810'; }
i.basic.icon.open.folder:before { content: '📂'; }
i.basic.icon.globe:before { content: '𝌍'; }
i.basic.icon.desk.globe:before { content: '🌐'; }
i.basic.icon.star:before { content: '\e801'; }
i.basic.icon.star.empty:before { content: '\e800'; }
i.basic.icon.star.half:before { content: '\e701'; }
i.basic.icon.lock:before { content: '🔒'; }
i.basic.icon.unlock:before { content: '🔓'; }
i.basic.icon.layout.grid:before { content: '\e80c'; }
i.basic.icon.layout.block:before { content: '\e708'; }
i.basic.icon.layout.list:before { content: '\e80b'; }
i.basic.icon.heart.empty:before { content: '\2661'; }
i.basic.icon.heart:before { content: '\2665'; }
i.basic.icon.asterisk:before { content: '\2731'; }
i.basic.icon.attachment:before { content: '📎'; }
i.basic.icon.attention:before { content: '\26a0'; }
i.basic.icon.trophy:before { content: '🏉'; }
i.basic.icon.barcode:before { content: '\e792'; }
i.basic.icon.cart:before { content: '\e813'; }
i.basic.icon.block:before { content: '🚫'; }
i.basic.icon.book:before { content: '📖'; }
i.basic.icon.bookmark:before { content: '🔖'; }
i.basic.icon.calendar:before { content: '📅'; }
i.basic.icon.cancel:before { content: '\2716'; }
i.basic.icon.close:before { content: '\e80d'; }
i.basic.icon.color:before { content: '\e794'; }
i.basic.icon.chat:before { content: '\e720'; }
i.basic.icon.check:before { content: '\2611'; }
i.basic.icon.time:before { content: '🕔'; }
i.basic.icon.cloud:before { content: '\2601'; }
i.basic.icon.code:before { content: '\e714'; }
i.basic.icon.email:before { content: '\40'; }
i.basic.icon.settings:before { content: '\26ef'; }
i.basic.icon.setting:before { content: '\2699'; }
i.basic.icon.comment:before { content: '\e802'; }
i.basic.icon.clockwise.counter:before { content: '\27f2'; }
i.basic.icon.clockwise:before { content: '\27f3'; }
i.basic.icon.cube:before { content: '\e807'; }
i.basic.icon.direction:before { content: '\27a2'; }
i.basic.icon.doc:before { content: '📄'; }
i.basic.icon.docs:before { content: '\e736'; }
i.basic.icon.dollar:before { content: '💵'; }
i.basic.icon.paint:before { content: '\e7b5'; }
i.basic.icon.edit:before { content: '\270d'; }
i.basic.icon.eject:before { content: '\2ecf'; }
i.basic.icon.export:before { content: '\e715'; }
i.basic.icon.hide:before { content: '\e80f'; }
i.basic.icon.unhide:before { content: '\e70b'; }
i.basic.icon.facebook:before { content: '\f301'; }
i.basic.icon.fast-forward:before { content: '\e804'; }
i.basic.icon.fire:before { content: '🔥'; }
i.basic.icon.flag:before { content: '\2691'; }
i.basic.icon.lightning:before { content: '\26a1'; }
i.basic.icon.lab:before { content: '\68'; }
i.basic.icon.flight:before { content: '\2708'; }
i.basic.icon.forward:before { content: '\27a6'; }
i.basic.icon.gift:before { content: '🎁'; }
i.basic.icon.github:before { content: '\f308'; }
i.basic.icon.globe:before { content: '\e817'; }
i.basic.icon.headphones:before { content: '🎧'; }
i.basic.icon.question:before { content: '\2753'; }
i.basic.icon.home:before { content: '\2302'; }
i.basic.icon.i:before { content: '\2139'; }
i.basic.icon.idea:before { content: '💡'; }
i.basic.icon.open:before { content: '🔗'; }
i.basic.icon.content:before { content: '\e782'; }
i.basic.icon.location:before { content: '\e724'; }
i.basic.icon.mail:before { content: '\2709'; }
i.basic.icon.mic:before { content: '🎤'; }
i.basic.icon.minus:before { content: '\2d'; }
i.basic.icon.money:before { content: '💰'; }
i.basic.icon.off:before { content: '\e78e'; }
i.basic.icon.pause:before { content: '\e808'; }
i.basic.icon.photos:before { content: '\e812'; }
i.basic.icon.photo:before { content: '🌄'; }
i.basic.icon.pin:before { content: '📌'; }
i.basic.icon.play:before { content: '\e809'; }
i.basic.icon.plus:before { content: '\2b'; }
i.basic.icon.print:before { content: '\e716'; }
i.basic.icon.rss:before { content: '\e73a'; }
i.basic.icon.search:before { content: '🔍'; }
i.basic.icon.shuffle:before { content: '\e803'; }
i.basic.icon.tag:before { content: '\e80a'; }
i.basic.icon.tags:before { content: '\e70d'; }
i.basic.icon.terminal:before { content: '\e7ac'; }
i.basic.icon.thumbs.down:before { content: '👎'; }
i.basic.icon.thumbs.up:before { content: '👍'; }
i.basic.icon.to-end:before { content: '\e806'; }
i.basic.icon.to-start:before { content: '\e805'; }
i.basic.icon.top.list:before { content: '🏆'; }
i.basic.icon.trash:before { content: '\e729'; }
i.basic.icon.twitter:before { content: '\f303'; }
i.basic.icon.upload:before { content: '\e711'; }
i.basic.icon.user.add:before { content: '\e700'; }
i.basic.icon.user:before { content: '👤'; }
i.basic.icon.community:before { content: '\e814'; }
i.basic.icon.users:before { content: '👥'; }
i.basic.icon.id:before { content: '\e722'; }
i.basic.icon.url:before { content: '🔗'; }
i.basic.icon.zoom.in:before { content: '\e750'; }
i.basic.icon.zoom.out:before { content: '\e751'; }
i.dropdown.basic.icon { margin: 0 0 0 .5em; }
i.basic.icon.star { width: auto; margin: 0; }
i.basic.icon.left, i.basic.icon.left, i.basic.icon.left { width: auto; margin: 0 .5em 0 0; }
i.basic.icon.search, i.basic.icon.up, i.basic.icon.down, i.basic.icon.right { width: auto; margin: 0 0 0 .5em; }
i.basic.icon.delete:before { content: '\e80d'; }
i.basic.icon.dropdown:before { content: '\25be'; }
i.basic.icon.help:before { content: '\e704'; }
i.basic.icon.info:before { content: '\e705'; }
i.basic.icon.error:before { content: '\e80d'; }
i.basic.icon.dislike:before { content: '\2661'; }
i.basic.icon.like:before { content: '\2665'; }
i.basic.icon.eye:before { content: '\e80f'; }
i.basic.icon.eye.hidden:before { content: '\e70b'; }
i.basic.icon.date:before { content: '📅'; }
i.basic.icon.hover { opacity: 1; }
i.basic.icon.active { opacity: 1; }
i.emphasized.basic.icon { opacity: 1; }
i.basic.icon.disabled { opacity: .3; }
i.link.basic.icon { cursor: pointer; opacity: .7; -webkit-transition: opacity .3s ease-out; transition: opacity .3s ease-out; }
.link.basic.icon:hover { opacity: 1!important; }
i.circular.basic.icon { border-radius: 500px!important; padding: .5em 0!important; -webkit-box-shadow: 0 0 0 .1em rgba(0,0,0,.1) inset; box-shadow: 0 0 0 .1em rgba(0,0,0,.1) inset; line-height: 1!important; width: 2em!important; height: 2em!important; }
i.circular.inverted.basic.icon { border: 0; -webkit-box-shadow: none; box-shadow: none; }
i.vertically.flipped.basic.icon { -webkit-transform: scale(1,-1); -ms-transform: scale(1,-1); transform: scale(1,-1); }
i.horizontally.flipped.basic.icon { -webkit-transform: scale(-1,1); -ms-transform: scale(-1,1); transform: scale(-1,1); }
i.left.rotated.basic.icon { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }
i.right.rotated.basic.icon { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }
i.square.basic.icon { width: 2em; height: 2em; padding: .5em .35em!important; -webkit-box-shadow: 0 0 0 .1em rgba(0,0,0,.1) inset; box-shadow: 0 0 0 .1em rgba(0,0,0,.1) inset; vertical-align: baseline; }
i.square.basic.icon:before { vertical-align: middle; }
i.square.inverted.basic.icon { border: 0; -webkit-box-shadow: none; box-shadow: none; }
i.inverted.basic.icon { background-color: #222; color: #FFF; }
i.blue.basic.icon { color: #6ECFF5!important; }
i.black.basic.icon { color: #5C6166!important; }
i.green.basic.icon { color: #A1CF64!important; }
i.red.basic.icon { color: #D95C5C!important; }
i.purple.basic.icon { color: #564F8A!important; }
i.teal.basic.icon { color: #00B5AD!important; }
i.inverted.black.basic.icon { background-color: #5C6166!important; color: #FFF!important; }
i.inverted.blue.basic.icon { background-color: #6ECFF5!important; color: #FFF!important; }
i.inverted.green.basic.icon { background-color: #A1CF64!important; color: #FFF!important; }
i.inverted.red.basic.icon { background-color: #D95C5C!important; color: #FFF!important; }
i.inverted.purple.basic.icon { background-color: #564F8A!important; color: #FFF!important; }
i.inverted.teal.basic.icon { background-color: #00B5AD!important; color: #FFF!important; }
i.small.basic.icon { font-size: .875em; }
i.basic.icon { font-size: 1em; }
i.large.basic.icon { font-size: 1.5em; margin-right: .2em; vertical-align: middle; }
i.big.basic.icon { font-size: 2em; margin-right: .5em; vertical-align: middle; }
i.huge.basic.icon { font-size: 4em; margin-right: .75em; vertical-align: middle; }
i.massive.basic.icon { font-size: 8em; margin-right: 1em; vertical-align: middle; }
|