3
* http://github.com/jlukic/semantic-ui/
6
* Copyright 2014 Contributors
7
* Released under the MIT license
8
* http://opensource.org/licenses/MIT
13
* the iconic font designed for Bootstrap
14
* ------------------------------------------------------------------------------
15
* The full suite of pictographic icons, examples, and documentation can be
16
* found at http://fon.io. Stay up to date on Twitter at
17
* http://twitter.com/fon.
20
* ------------------------------------------------------------------------------
21
* - The Font Awesome font is licensed under SIL OFL 1.1 -
22
* http://scripts.sil.org/OFL
24
/*******************************
26
*******************************/
29
src: url(../fonts/icons.eot);
30
src: url(../fonts/icons.eot?#iefix) format('embedded-opentype'), url(../fonts/icons.svg#icons) format('svg'), url(../fonts/icons.woff) format('woff'), url(../fonts/icons.ttf) format('truetype');
34
text-decoration: inherit;
38
display: inline-block;
40
margin: 0em 0.25em 0em 0em;
47
text-decoration: inherit;
50
-webkit-box-sizing: border-box;
51
-moz-box-sizing: border-box;
52
-ms-box-sizing: border-box;
53
box-sizing: border-box;
61
i.icon.add.sign.box:before {
64
i.icon.add.sign:before {
70
i.icon.adjust:before {
76
i.icon.align.center:before {
79
i.icon.align.justify:before {
82
i.icon.align.left:before {
85
i.icon.align.right:before {
88
i.icon.ambulance:before {
91
i.icon.anchor:before {
94
i.icon.android:before {
97
i.icon.angle.down:before {
100
i.icon.angle.left:before {
103
i.icon.angle.right:before {
106
i.icon.angle.up:before {
109
i.icon.apple:before {
112
i.icon.archive:before {
115
i.icon.arrow.down:before {
118
i.icon.arrow.left:before {
121
i.icon.arrow.right:before {
124
i.icon.arrow.sign.down:before {
127
i.icon.arrow.sign.left:before {
130
i.icon.arrow.sign.right:before {
133
i.icon.arrow.sign.up:before {
136
i.icon.arrow.up:before {
139
i.icon.asterisk:before {
142
i.icon.attachment:before {
145
i.icon.attention:before {
148
i.icon.backward:before {
151
i.icon.ban.circle:before {
154
i.icon.bar.chart:before {
157
i.icon.barcode:before {
163
i.icon.bell.outline:before {
169
i.icon.bitbucket.sign:before {
172
i.icon.bitbucket:before {
175
i.icon.bitcoin:before {
187
i.icon.bookmark.empty:before {
190
i.icon.bookmark:before {
193
i.icon.box.arrow.down:before {
197
i.icon.box.arrow.right:before {
200
i.icon.box.arrow.up:before {
203
i.icon.briefcase:before {
206
i.icon.browser:before {
212
i.icon.building:before {
215
i.icon.bullhorn:before {
218
i.icon.bullseye:before {
221
i.icon.calendar.empty:before {
224
i.icon.calendar:before {
227
i.icon.camera.retro:before {
230
i.icon.camera:before {
233
i.icon.triangle.down:before {
236
i.icon.triangle.left:before {
239
i.icon.triangle.right:before {
242
i.icon.triangle.up:before {
248
i.icon.certificate:before {
251
i.icon.chat.outline:before {
257
i.icon.checkbox.empty:before {
260
i.icon.checkbox.minus:before {
263
i.icon.checked.checkbox:before {
266
i.icon.checkmark.sign:before {
269
i.icon.checkmark:before {
272
i.icon.circle.blank:before {
275
i.icon.circle.down:before {
278
i.icon.circle.left:before {
281
i.icon.circle.right:before {
284
i.icon.circle.up:before {
287
i.icon.circle:before {
290
i.icon.cloud.download:before {
293
i.icon.cloud.upload:before {
296
i.icon.cloud:before {
299
i.icon.code.fork:before {
305
i.icon.coffee:before {
308
i.icon.collapse:before {
311
i.icon.comment.outline:before {
314
i.icon.comment:before {
329
i.icon.dashboard:before {
332
i.icon.desktop:before {
335
i.icon.doctor:before {
338
i.icon.dollar:before {
341
i.icon.double.angle.down:before {
344
i.icon.double.angle.left:before {
347
i.icon.double.angle.right:before {
350
i.icon.double.angle.up:before {
356
i.icon.download.disk:before {
359
i.icon.download:before {
362
i.icon.dribbble:before {
365
i.icon.dropbox:before {
368
i.icon.edit.sign:before {
374
i.icon.eject:before {
377
i.icon.ellipsis.horizontal:before {
380
i.icon.ellipsis.vertical:before {
383
i.icon.eraser:before {
389
i.icon.exchange:before {
392
i.icon.exclamation:before {
395
i.icon.expand:before {
398
i.icon.external.url.sign:before {
401
i.icon.external.url:before {
404
i.icon.facebook.sign:before {
407
i.icon.facebook:before {
410
i.icon.facetime.video:before {
413
i.icon.fast.backward:before {
416
i.icon.fast.forward:before {
419
i.icon.female:before {
422
i.icon.fighter.jet:before {
425
i.icon.file.outline:before {
428
i.icon.file.text.outline:before {
431
i.icon.file.text:before {
437
i.icon.filter:before {
440
i.icon.fire.extinguisher:before {
446
i.icon.flag.checkered:before {
449
i.icon.flag.empty:before {
455
i.icon.flickr:before {
458
i.icon.folder.open.outline:before {
461
i.icon.folder.open:before {
464
i.icon.folder.outline:before {
467
i.icon.folder:before {
476
i.icon.forward.mail:before {
479
i.icon.forward:before {
482
i.icon.foursquare:before {
485
i.icon.frown:before {
488
i.icon.fullscreen:before {
491
i.icon.gamepad:before {
497
i.icon.github.alternate:before {
500
i.icon.github.sign:before {
503
i.icon.github:before {
506
i.icon.gittip:before {
509
i.icon.glass:before {
512
i.icon.globe:before {
515
i.icon.google.plus.sign:before {
518
i.icon.google.plus:before {
521
i.icon.h.sign:before {
524
i.icon.hand.down:before {
527
i.icon.hand.left:before {
530
i.icon.hand.right:before {
533
i.icon.hand.up:before {
539
i.icon.headphones:before {
542
i.icon.heart.empty:before {
545
i.icon.heart:before {
557
i.icon.hospital:before {
560
i.icon.html5:before {
563
i.icon.inbox:before {
566
i.icon.indent.left:before {
569
i.icon.indent.right:before {
572
i.icon.info.letter:before {
578
i.icon.instagram:before {
581
i.icon.italic:before {
587
i.icon.keyboard:before {
593
i.icon.laptop:before {
596
i.icon.layout.block:before {
599
i.icon.layout.column:before {
602
i.icon.layout.grid:before {
605
i.icon.layout.list:before {
611
i.icon.legal:before {
614
i.icon.lemon:before {
617
i.icon.level.down:before {
620
i.icon.level.up:before {
623
i.icon.lightbulb:before {
626
i.icon.linkedin.sign:before {
629
i.icon.linkedin:before {
632
i.icon.linux:before {
635
i.icon.list.ordered:before {
638
i.icon.list.unordered:before {
644
i.icon.loading:before {
647
i.icon.location:before {
653
i.icon.long.arrow.down:before {
656
i.icon.long.arrow.left:before {
659
i.icon.long.arrow.right:before {
662
i.icon.long.arrow.up:before {
665
i.icon.magic:before {
668
i.icon.magnet:before {
671
i.icon.mail.outline:before {
674
i.icon.mail.reply:before {
683
i.icon.map.marker:before {
689
i.icon.maxcdn:before {
692
i.icon.medkit:before {
698
i.icon.minus.sign.alternate:before {
701
i.icon.minus.sign:before {
704
i.icon.minus:before {
707
i.icon.mobile:before {
710
i.icon.money:before {
719
i.icon.music:before {
728
i.icon.ok.circle:before {
731
i.icon.ok.sign:before {
734
i.icon.paste:before {
737
i.icon.pause:before {
740
i.icon.payment:before {
743
i.icon.pencil:before {
746
i.icon.phone.sign:before {
749
i.icon.phone:before {
752
i.icon.photo:before {
758
i.icon.pinterest.sign:before {
761
i.icon.pinterest:before {
764
i.icon.plane:before {
767
i.icon.play.circle:before {
770
i.icon.play.sign:before {
776
i.icon.pound:before {
779
i.icon.print:before {
782
i.icon.puzzle.piece:before {
785
i.icon.qr.code:before {
788
i.icon.question:before {
791
i.icon.quote.left:before {
794
i.icon.quote.right:before {
797
i.icon.refresh:before {
800
i.icon.remove.circle:before {
803
i.icon.remove.sign:before {
806
i.icon.remove:before {
809
i.icon.renren:before {
812
i.icon.reorder:before {
815
i.icon.repeat:before {
818
i.icon.reply.all.mail:before {
821
i.icon.resize.full:before {
824
i.icon.resize.horizontal:before {
827
i.icon.resize.small:before {
830
i.icon.resize.vertical:before {
833
i.icon.retweet:before {
839
i.icon.rocket:before {
842
i.icon.rss.sign:before {
848
i.icon.rupee:before {
854
i.icon.screenshot:before {
857
i.icon.search:before {
860
i.icon.setting:before {
863
i.icon.settings:before {
866
i.icon.share.sign:before {
869
i.icon.share:before {
872
i.icon.shield:before {
875
i.icon.shuffle:before {
878
i.icon.sign.in:before {
881
i.icon.sign.out:before {
887
i.icon.signal:before {
890
i.icon.sitemap:before {
893
i.icon.skype:before {
896
i.icon.smile:before {
899
i.icon.sort.ascending:before {
902
i.icon.sort.descending:before {
905
i.icon.sort.alphabet.descending:before {
908
i.icon.sort.alphabet:before {
911
i.icon.sort.attributes.descending:before {
914
i.icon.sort.attributes:before {
917
i.icon.sort.order.descending:before {
920
i.icon.sort.order:before {
926
i.icon.stackexchange:before {
929
i.icon.star.empty:before {
932
i.icon.star.half.empty:before {
935
i.icon.star.half.full:before,
936
i.icon.star.half:before {
942
i.icon.step.backward:before {
945
i.icon.step.forward:before {
948
i.icon.stethoscope:before {
954
i.icon.strikethrough:before {
957
i.icon.subscript:before {
960
i.icon.suitcase:before {
966
i.icon.superscript:before {
969
i.icon.table:before {
972
i.icon.tablet:before {
981
i.icon.tasks:before {
984
i.icon.terminal:before {
987
i.icon.text.height:before {
990
i.icon.text.width:before {
993
i.icon.thumbs.down.outline:before {
996
i.icon.thumbs.down:before {
999
i.icon.thumbs.up.outline:before {
1002
i.icon.thumbs.up:before {
1005
i.icon.ticket:before {
1008
i.icon.time:before {
1011
i.icon.tint:before {
1014
i.icon.trash:before {
1017
i.icon.trello:before {
1020
i.icon.trophy:before {
1023
i.icon.truck:before {
1026
i.icon.tumblr.sign:before {
1029
i.icon.tumblr:before {
1032
i.icon.twitter.sign:before {
1035
i.icon.twitter:before {
1038
i.icon.umbrella:before {
1041
i.icon.underline:before {
1044
i.icon.undo:before {
1047
i.icon.unhide:before {
1050
i.icon.unlink:before {
1053
i.icon.unlock.alternate:before {
1056
i.icon.unlock:before {
1059
i.icon.unmute:before {
1065
i.icon.upload.disk:before {
1068
i.icon.upload:before {
1074
i.icon.user:before {
1077
i.icon.users:before {
1080
i.icon.video:before {
1086
i.icon.volume.down:before {
1089
i.icon.volume.off:before {
1092
i.icon.volume.up:before {
1095
i.icon.warning:before {
1098
i.icon.weibo:before {
1101
i.icon.windows:before {
1107
i.icon.wrench:before {
1110
i.icon.xing.sign:before {
1113
i.icon.xing:before {
1119
i.icon.youtube.play:before {
1122
i.icon.youtube.sign:before {
1125
i.icon.youtube:before {
1128
i.icon.yuan:before {
1131
i.icon.zoom.in:before {
1134
i.icon.zoom.out:before {
1140
i.icon.check:before {
1143
i.icon.close:before {
1146
i.icon.delete:before {
1149
i.icon.like:before {
1152
i.icon.plus:before {
1155
i.icon.signup:before {
1161
/* stars are usually consecutive */
1166
/* left side icons */
1169
margin: 0em 0.5em 0em 0em;
1171
/* right side icons */
1175
margin: 0em 0em 0em 0.5em;
1177
/*******************************
1179
*******************************/
1184
-webkit-animation: icon-loading 2s linear infinite;
1185
-moz-animation: icon-loading 2s linear infinite;
1186
-ms-animation: icon-loading 2s linear infinite;
1187
animation: icon-loading 2s linear infinite;
1189
@keyframes icon-loading {
1191
-webkit-transform: rotate(0deg);
1192
-moz-transform: rotate(0deg);
1193
-ms-transform: rotate(0deg);
1194
transform: rotate(0deg);
1197
-webkit-transform: rotate(360deg);
1198
-moz-transform: rotate(360deg);
1199
-ms-transform: rotate(360deg);
1200
transform: rotate(360deg);
1203
@-moz-keyframes icon-loading {
1205
-moz-transform: rotate(0deg);
1206
transform: rotate(0deg);
1209
-moz-transform: rotate(360deg);
1210
transform: rotate(360deg);
1213
@-webkit-keyframes icon-loading {
1215
-webkit-transform: rotate(0deg);
1216
transform: rotate(0deg);
1219
-webkit-transform: rotate(360deg);
1220
transform: rotate(360deg);
1223
@-ms-keyframes icon-loading {
1225
-ms-transform: rotate(0deg);
1226
transform: rotate(0deg);
1229
-ms-transform: rotate(360deg);
1230
transform: rotate(360deg);
1233
/*******************************
1235
*******************************/
1248
/*******************************
1250
*******************************/
1251
/*-------------------
1253
--------------------*/
1257
-webkit-transition: opacity 0.3s ease-out;
1258
-moz-transition: opacity 0.3s ease-out;
1259
transition: opacity 0.3s ease-out;
1262
opacity: 1 !important;
1264
/*-------------------
1266
--------------------*/
1268
border-radius: 500em !important;
1269
padding: 0.5em 0.35em !important;
1270
-webkit-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
1271
box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
1272
line-height: 1 !important;
1273
width: 2em !important;
1274
height: 2em !important;
1276
i.circular.inverted.icon {
1278
-webkit-box-shadow: none;
1281
/*-------------------
1283
--------------------*/
1285
i.horizontally.flipped.icon {
1286
-webkit-transform: scale(-1, 1);
1287
-moz-transform: scale(-1, 1);
1288
-ms-transform: scale(-1, 1);
1289
transform: scale(-1, 1);
1291
i.vertically.flipped.icon {
1292
-webkit-transform: scale(1, -1);
1293
-moz-transform: scale(1, -1);
1294
-ms-transform: scale(1, -1);
1295
transform: scale(1, -1);
1297
/*-------------------
1299
--------------------*/
1301
i.right.rotated.icon,
1302
i.clockwise.rotated.icon {
1303
-webkit-transform: rotate(90deg);
1304
-moz-transform: rotate(90deg);
1305
-ms-transform: rotate(90deg);
1306
transform: rotate(90deg);
1308
i.left.rotated.icon,
1309
i.counterclockwise.rotated.icon {
1310
-webkit-transform: rotate(-90deg);
1311
-moz-transform: rotate(-90deg);
1312
-ms-transform: rotate(-90deg);
1313
transform: rotate(-90deg);
1315
/*-------------------
1317
--------------------*/
1321
padding: 0.5em 0.35em !important;
1322
-webkit-box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
1323
box-shadow: 0em 0em 0em 0.1em rgba(0, 0, 0, 0.1) inset;
1324
vertical-align: baseline;
1326
i.square.inverted.icon {
1328
-webkit-box-shadow: none;
1331
/*-------------------
1333
--------------------*/
1335
background-color: #222222;
1337
-moz-osx-font-smoothing: grayscale;
1339
/*-------------------
1341
--------------------*/
1343
color: #6ECFF5 !important;
1346
color: #5C6166 !important;
1349
color: #A1CF64 !important;
1352
color: #D95C5C !important;
1355
color: #564F8A !important;
1358
color: #F05940 !important;
1361
color: #00B5AD !important;
1363
/*-------------------
1365
--------------------*/
1366
i.inverted.black.icon {
1367
background-color: #5C6166 !important;
1368
color: #FFFFFF !important;
1370
i.inverted.blue.icon {
1371
background-color: #6ECFF5 !important;
1372
color: #FFFFFF !important;
1374
i.inverted.green.icon {
1375
background-color: #A1CF64 !important;
1376
color: #FFFFFF !important;
1378
i.inverted.red.icon {
1379
background-color: #D95C5C !important;
1380
color: #FFFFFF !important;
1382
i.inverted.purple.icon {
1383
background-color: #564F8A !important;
1384
color: #FFFFFF !important;
1386
i.inverted.orange.icon {
1387
background-color: #F05940 !important;
1388
color: #FFFFFF !important;
1390
i.inverted.teal.icon {
1391
background-color: #00B5AD !important;
1392
color: #FFFFFF !important;
1394
/*-------------------
1396
--------------------*/
1405
vertical-align: middle;
1409
vertical-align: middle;
1413
vertical-align: middle;
1417
vertical-align: middle;