elegant-icons.css 25 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159
  1. @font-face {
  2. font-family: 'ElegantIcons';
  3. src:url('../fonts/ElegantIcons.eot');
  4. src:url('../fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
  5. url('../fonts/ElegantIcons.woff') format('woff'),
  6. url('../fonts/ElegantIcons.ttf') format('truetype'),
  7. url('../fonts/ElegantIcons.svg#ElegantIcons') format('svg');
  8. font-weight: normal;
  9. font-style: normal;
  10. }
  11. /* Use the following CSS code if you want to use data attributes for inserting your icons */
  12. [data-icon]:before {
  13. font-family: 'ElegantIcons';
  14. content: attr(data-icon);
  15. speak: none;
  16. font-weight: normal;
  17. font-variant: normal;
  18. text-transform: none;
  19. line-height: 1;
  20. -webkit-font-smoothing: antialiased;
  21. -moz-osx-font-smoothing: grayscale;
  22. }
  23. /* Use the following CSS code if you want to have a class per icon */
  24. /*
  25. Instead of a list of all class selectors,
  26. you can use the generic selector below, but it's slower:
  27. [class*="your-class-prefix"] {
  28. */
  29. .arrow_up, .arrow_down, .arrow_left, .arrow_right, .arrow_left-up, .arrow_right-up, .arrow_right-down, .arrow_left-down, .arrow-up-down, .arrow_up-down_alt, .arrow_left-right_alt, .arrow_left-right, .arrow_expand_alt2, .arrow_expand_alt, .arrow_condense, .arrow_expand, .arrow_move, .arrow_carrot-up, .arrow_carrot-down, .arrow_carrot-left, .arrow_carrot-right, .arrow_carrot-2up, .arrow_carrot-2down, .arrow_carrot-2left, .arrow_carrot-2right, .arrow_carrot-up_alt2, .arrow_carrot-down_alt2, .arrow_carrot-left_alt2, .arrow_carrot-right_alt2, .arrow_carrot-2up_alt2, .arrow_carrot-2down_alt2, .arrow_carrot-2left_alt2, .arrow_carrot-2right_alt2, .arrow_triangle-up, .arrow_triangle-down, .arrow_triangle-left, .arrow_triangle-right, .arrow_triangle-up_alt2, .arrow_triangle-down_alt2, .arrow_triangle-left_alt2, .arrow_triangle-right_alt2, .arrow_back, .icon_minus-06, .icon_plus, .icon_close, .icon_check, .icon_minus_alt2, .icon_plus_alt2, .icon_close_alt2, .icon_check_alt2, .icon_zoom-out_alt, .icon_zoom-in_alt, .icon_search, .icon_box-empty, .icon_box-selected, .icon_minus-box, .icon_plus-box, .icon_box-checked, .icon_circle-empty, .icon_circle-slelected, .icon_stop_alt2, .icon_stop, .icon_pause_alt2, .icon_pause, .icon_menu, .icon_menu-square_alt2, .icon_menu-circle_alt2, .icon_ul, .icon_ol, .icon_adjust-horiz, .icon_adjust-vert, .icon_document_alt, .icon_documents_alt, .icon_pencil, .icon_pencil-edit_alt, .icon_pencil-edit, .icon_folder-alt, .icon_folder-open_alt, .icon_folder-add_alt, .icon_info_alt, .icon_error-oct_alt, .icon_error-circle_alt, .icon_error-triangle_alt, .icon_question_alt2, .icon_question, .icon_comment_alt, .icon_chat_alt, .icon_vol-mute_alt, .icon_volume-low_alt, .icon_volume-high_alt, .icon_quotations, .icon_quotations_alt2, .icon_clock_alt, .icon_lock_alt, .icon_lock-open_alt, .icon_key_alt, .icon_cloud_alt, .icon_cloud-upload_alt, .icon_cloud-download_alt, .icon_image, .icon_images, .icon_lightbulb_alt, .icon_gift_alt, .icon_house_alt, .icon_genius, .icon_mobile, .icon_tablet, .icon_laptop, .icon_desktop, .icon_camera_alt, .icon_mail_alt, .icon_cone_alt, .icon_ribbon_alt, .icon_bag_alt, .icon_creditcard, .icon_cart_alt, .icon_paperclip, .icon_tag_alt, .icon_tags_alt, .icon_trash_alt, .icon_cursor_alt, .icon_mic_alt, .icon_compass_alt, .icon_pin_alt, .icon_pushpin_alt, .icon_map_alt, .icon_drawer_alt, .icon_toolbox_alt, .icon_book_alt, .icon_calendar, .icon_film, .icon_table, .icon_contacts_alt, .icon_headphones, .icon_lifesaver, .icon_piechart, .icon_refresh, .icon_link_alt, .icon_link, .icon_loading, .icon_blocked, .icon_archive_alt, .icon_heart_alt, .icon_star_alt, .icon_star-half_alt, .icon_star, .icon_star-half, .icon_tools, .icon_tool, .icon_cog, .icon_cogs, .arrow_up_alt, .arrow_down_alt, .arrow_left_alt, .arrow_right_alt, .arrow_left-up_alt, .arrow_right-up_alt, .arrow_right-down_alt, .arrow_left-down_alt, .arrow_condense_alt, .arrow_expand_alt3, .arrow_carrot_up_alt, .arrow_carrot-down_alt, .arrow_carrot-left_alt, .arrow_carrot-right_alt, .arrow_carrot-2up_alt, .arrow_carrot-2dwnn_alt, .arrow_carrot-2left_alt, .arrow_carrot-2right_alt, .arrow_triangle-up_alt, .arrow_triangle-down_alt, .arrow_triangle-left_alt, .arrow_triangle-right_alt, .icon_minus_alt, .icon_plus_alt, .icon_close_alt, .icon_check_alt, .icon_zoom-out, .icon_zoom-in, .icon_stop_alt, .icon_menu-square_alt, .icon_menu-circle_alt, .icon_document, .icon_documents, .icon_pencil_alt, .icon_folder, .icon_folder-open, .icon_folder-add, .icon_folder_upload, .icon_folder_download, .icon_info, .icon_error-circle, .icon_error-oct, .icon_error-triangle, .icon_question_alt, .icon_comment, .icon_chat, .icon_vol-mute, .icon_volume-low, .icon_volume-high, .icon_quotations_alt, .icon_clock, .icon_lock, .icon_lock-open, .icon_key, .icon_cloud, .icon_cloud-upload, .icon_cloud-download, .icon_lightbulb, .icon_gift, .icon_house, .icon_camera, .icon_mail, .icon_cone, .icon_ribbon, .icon_bag, .icon_cart, .icon_tag, .icon_tags, .icon_trash, .icon_cursor, .icon_mic, .icon_compass, .icon_pin, .icon_pushpin, .icon_map, .icon_drawer, .icon_toolbox, .icon_book, .icon_contacts, .icon_archive, .icon_heart, .icon_profile, .icon_group, .icon_grid-2x2, .icon_grid-3x3, .icon_music, .icon_pause_alt, .icon_phone, .icon_upload, .icon_download, .social_facebook, .social_twitter, .social_pinterest, .social_googleplus, .social_tumblr, .social_tumbleupon, .social_wordpress, .social_instagram, .social_dribbble, .social_vimeo, .social_linkedin, .social_rss, .social_deviantart, .social_share, .social_myspace, .social_skype, .social_youtube, .social_picassa, .social_googledrive, .social_flickr, .social_blogger, .social_spotify, .social_delicious, .social_facebook_circle, .social_twitter_circle, .social_pinterest_circle, .social_googleplus_circle, .social_tumblr_circle, .social_stumbleupon_circle, .social_wordpress_circle, .social_instagram_circle, .social_dribbble_circle, .social_vimeo_circle, .social_linkedin_circle, .social_rss_circle, .social_deviantart_circle, .social_share_circle, .social_myspace_circle, .social_skype_circle, .social_youtube_circle, .social_picassa_circle, .social_googledrive_alt2, .social_flickr_circle, .social_blogger_circle, .social_spotify_circle, .social_delicious_circle, .social_facebook_square, .social_twitter_square, .social_pinterest_square, .social_googleplus_square, .social_tumblr_square, .social_stumbleupon_square, .social_wordpress_square, .social_instagram_square, .social_dribbble_square, .social_vimeo_square, .social_linkedin_square, .social_rss_square, .social_deviantart_square, .social_share_square, .social_myspace_square, .social_skype_square, .social_youtube_square, .social_picassa_square, .social_googledrive_square, .social_flickr_square, .social_blogger_square, .social_spotify_square, .social_delicious_square, .icon_printer, .icon_calulator, .icon_building, .icon_floppy, .icon_drive, .icon_search-2, .icon_id, .icon_id-2, .icon_puzzle, .icon_like, .icon_dislike, .icon_mug, .icon_currency, .icon_wallet, .icon_pens, .icon_easel, .icon_flowchart, .icon_datareport, .icon_briefcase, .icon_shield, .icon_percent, .icon_globe, .icon_globe-2, .icon_target, .icon_hourglass, .icon_balance, .icon_rook, .icon_printer-alt, .icon_calculator_alt, .icon_building_alt, .icon_floppy_alt, .icon_drive_alt, .icon_search_alt, .icon_id_alt, .icon_id-2_alt, .icon_puzzle_alt, .icon_like_alt, .icon_dislike_alt, .icon_mug_alt, .icon_currency_alt, .icon_wallet_alt, .icon_pens_alt, .icon_easel_alt, .icon_flowchart_alt, .icon_datareport_alt, .icon_briefcase_alt, .icon_shield_alt, .icon_percent_alt, .icon_globe_alt, .icon_clipboard {
  30. font-family: 'ElegantIcons';
  31. speak: none;
  32. font-style: normal;
  33. font-weight: normal;
  34. font-variant: normal;
  35. text-transform: none;
  36. line-height: 1;
  37. -webkit-font-smoothing: antialiased;
  38. }
  39. .arrow_up:before {
  40. content: "\21";
  41. }
  42. .arrow_down:before {
  43. content: "\22";
  44. }
  45. .arrow_left:before {
  46. content: "\23";
  47. }
  48. .arrow_right:before {
  49. content: "\24";
  50. }
  51. .arrow_left-up:before {
  52. content: "\25";
  53. }
  54. .arrow_right-up:before {
  55. content: "\26";
  56. }
  57. .arrow_right-down:before {
  58. content: "\27";
  59. }
  60. .arrow_left-down:before {
  61. content: "\28";
  62. }
  63. .arrow-up-down:before {
  64. content: "\29";
  65. }
  66. .arrow_up-down_alt:before {
  67. content: "\2a";
  68. }
  69. .arrow_left-right_alt:before {
  70. content: "\2b";
  71. }
  72. .arrow_left-right:before {
  73. content: "\2c";
  74. }
  75. .arrow_expand_alt2:before {
  76. content: "\2d";
  77. }
  78. .arrow_expand_alt:before {
  79. content: "\2e";
  80. }
  81. .arrow_condense:before {
  82. content: "\2f";
  83. }
  84. .arrow_expand:before {
  85. content: "\30";
  86. }
  87. .arrow_move:before {
  88. content: "\31";
  89. }
  90. .arrow_carrot-up:before {
  91. content: "\32";
  92. }
  93. .arrow_carrot-down:before {
  94. content: "\33";
  95. }
  96. .arrow_carrot-left:before {
  97. content: "\34";
  98. }
  99. .arrow_carrot-right:before {
  100. content: "\35";
  101. }
  102. .arrow_carrot-2up:before {
  103. content: "\36";
  104. }
  105. .arrow_carrot-2down:before {
  106. content: "\37";
  107. }
  108. .arrow_carrot-2left:before {
  109. content: "\38";
  110. }
  111. .arrow_carrot-2right:before {
  112. content: "\39";
  113. }
  114. .arrow_carrot-up_alt2:before {
  115. content: "\3a";
  116. }
  117. .arrow_carrot-down_alt2:before {
  118. content: "\3b";
  119. }
  120. .arrow_carrot-left_alt2:before {
  121. content: "\3c";
  122. }
  123. .arrow_carrot-right_alt2:before {
  124. content: "\3d";
  125. }
  126. .arrow_carrot-2up_alt2:before {
  127. content: "\3e";
  128. }
  129. .arrow_carrot-2down_alt2:before {
  130. content: "\3f";
  131. }
  132. .arrow_carrot-2left_alt2:before {
  133. content: "\40";
  134. }
  135. .arrow_carrot-2right_alt2:before {
  136. content: "\41";
  137. }
  138. .arrow_triangle-up:before {
  139. content: "\42";
  140. }
  141. .arrow_triangle-down:before {
  142. content: "\43";
  143. }
  144. .arrow_triangle-left:before {
  145. content: "\44";
  146. }
  147. .arrow_triangle-right:before {
  148. content: "\45";
  149. }
  150. .arrow_triangle-up_alt2:before {
  151. content: "\46";
  152. }
  153. .arrow_triangle-down_alt2:before {
  154. content: "\47";
  155. }
  156. .arrow_triangle-left_alt2:before {
  157. content: "\48";
  158. }
  159. .arrow_triangle-right_alt2:before {
  160. content: "\49";
  161. }
  162. .arrow_back:before {
  163. content: "\4a";
  164. }
  165. .icon_minus-06:before {
  166. content: "\4b";
  167. }
  168. .icon_plus:before {
  169. content: "\4c";
  170. }
  171. .icon_close:before {
  172. content: "\4d";
  173. }
  174. .icon_check:before {
  175. content: "\4e";
  176. }
  177. .icon_minus_alt2:before {
  178. content: "\4f";
  179. }
  180. .icon_plus_alt2:before {
  181. content: "\50";
  182. }
  183. .icon_close_alt2:before {
  184. content: "\51";
  185. }
  186. .icon_check_alt2:before {
  187. content: "\52";
  188. }
  189. .icon_zoom-out_alt:before {
  190. content: "\53";
  191. }
  192. .icon_zoom-in_alt:before {
  193. content: "\54";
  194. }
  195. .icon_search:before {
  196. content: "\55";
  197. }
  198. .icon_box-empty:before {
  199. content: "\56";
  200. }
  201. .icon_box-selected:before {
  202. content: "\57";
  203. }
  204. .icon_minus-box:before {
  205. content: "\58";
  206. }
  207. .icon_plus-box:before {
  208. content: "\59";
  209. }
  210. .icon_box-checked:before {
  211. content: "\5a";
  212. }
  213. .icon_circle-empty:before {
  214. content: "\5b";
  215. }
  216. .icon_circle-slelected:before {
  217. content: "\5c";
  218. }
  219. .icon_stop_alt2:before {
  220. content: "\5d";
  221. }
  222. .icon_stop:before {
  223. content: "\5e";
  224. }
  225. .icon_pause_alt2:before {
  226. content: "\5f";
  227. }
  228. .icon_pause:before {
  229. content: "\60";
  230. }
  231. .icon_menu:before {
  232. content: "\61";
  233. }
  234. .icon_menu-square_alt2:before {
  235. content: "\62";
  236. }
  237. .icon_menu-circle_alt2:before {
  238. content: "\63";
  239. }
  240. .icon_ul:before {
  241. content: "\64";
  242. }
  243. .icon_ol:before {
  244. content: "\65";
  245. }
  246. .icon_adjust-horiz:before {
  247. content: "\66";
  248. }
  249. .icon_adjust-vert:before {
  250. content: "\67";
  251. }
  252. .icon_document_alt:before {
  253. content: "\68";
  254. }
  255. .icon_documents_alt:before {
  256. content: "\69";
  257. }
  258. .icon_pencil:before {
  259. content: "\6a";
  260. }
  261. .icon_pencil-edit_alt:before {
  262. content: "\6b";
  263. }
  264. .icon_pencil-edit:before {
  265. content: "\6c";
  266. }
  267. .icon_folder-alt:before {
  268. content: "\6d";
  269. }
  270. .icon_folder-open_alt:before {
  271. content: "\6e";
  272. }
  273. .icon_folder-add_alt:before {
  274. content: "\6f";
  275. }
  276. .icon_info_alt:before {
  277. content: "\70";
  278. }
  279. .icon_error-oct_alt:before {
  280. content: "\71";
  281. }
  282. .icon_error-circle_alt:before {
  283. content: "\72";
  284. }
  285. .icon_error-triangle_alt:before {
  286. content: "\73";
  287. }
  288. .icon_question_alt2:before {
  289. content: "\74";
  290. }
  291. .icon_question:before {
  292. content: "\75";
  293. }
  294. .icon_comment_alt:before {
  295. content: "\76";
  296. }
  297. .icon_chat_alt:before {
  298. content: "\77";
  299. }
  300. .icon_vol-mute_alt:before {
  301. content: "\78";
  302. }
  303. .icon_volume-low_alt:before {
  304. content: "\79";
  305. }
  306. .icon_volume-high_alt:before {
  307. content: "\7a";
  308. }
  309. .icon_quotations:before {
  310. content: "\7b";
  311. }
  312. .icon_quotations_alt2:before {
  313. content: "\7c";
  314. }
  315. .icon_clock_alt:before {
  316. content: "\7d";
  317. }
  318. .icon_lock_alt:before {
  319. content: "\7e";
  320. }
  321. .icon_lock-open_alt:before {
  322. content: "\e000";
  323. }
  324. .icon_key_alt:before {
  325. content: "\e001";
  326. }
  327. .icon_cloud_alt:before {
  328. content: "\e002";
  329. }
  330. .icon_cloud-upload_alt:before {
  331. content: "\e003";
  332. }
  333. .icon_cloud-download_alt:before {
  334. content: "\e004";
  335. }
  336. .icon_image:before {
  337. content: "\e005";
  338. }
  339. .icon_images:before {
  340. content: "\e006";
  341. }
  342. .icon_lightbulb_alt:before {
  343. content: "\e007";
  344. }
  345. .icon_gift_alt:before {
  346. content: "\e008";
  347. }
  348. .icon_house_alt:before {
  349. content: "\e009";
  350. }
  351. .icon_genius:before {
  352. content: "\e00a";
  353. }
  354. .icon_mobile:before {
  355. content: "\e00b";
  356. }
  357. .icon_tablet:before {
  358. content: "\e00c";
  359. }
  360. .icon_laptop:before {
  361. content: "\e00d";
  362. }
  363. .icon_desktop:before {
  364. content: "\e00e";
  365. }
  366. .icon_camera_alt:before {
  367. content: "\e00f";
  368. }
  369. .icon_mail_alt:before {
  370. content: "\e010";
  371. }
  372. .icon_cone_alt:before {
  373. content: "\e011";
  374. }
  375. .icon_ribbon_alt:before {
  376. content: "\e012";
  377. }
  378. .icon_bag_alt:before {
  379. content: "\e013";
  380. }
  381. .icon_creditcard:before {
  382. content: "\e014";
  383. }
  384. .icon_cart_alt:before {
  385. content: "\e015";
  386. }
  387. .icon_paperclip:before {
  388. content: "\e016";
  389. }
  390. .icon_tag_alt:before {
  391. content: "\e017";
  392. }
  393. .icon_tags_alt:before {
  394. content: "\e018";
  395. }
  396. .icon_trash_alt:before {
  397. content: "\e019";
  398. }
  399. .icon_cursor_alt:before {
  400. content: "\e01a";
  401. }
  402. .icon_mic_alt:before {
  403. content: "\e01b";
  404. }
  405. .icon_compass_alt:before {
  406. content: "\e01c";
  407. }
  408. .icon_pin_alt:before {
  409. content: "\e01d";
  410. }
  411. .icon_pushpin_alt:before {
  412. content: "\e01e";
  413. }
  414. .icon_map_alt:before {
  415. content: "\e01f";
  416. }
  417. .icon_drawer_alt:before {
  418. content: "\e020";
  419. }
  420. .icon_toolbox_alt:before {
  421. content: "\e021";
  422. }
  423. .icon_book_alt:before {
  424. content: "\e022";
  425. }
  426. .icon_calendar:before {
  427. content: "\e023";
  428. }
  429. .icon_film:before {
  430. content: "\e024";
  431. }
  432. .icon_table:before {
  433. content: "\e025";
  434. }
  435. .icon_contacts_alt:before {
  436. content: "\e026";
  437. }
  438. .icon_headphones:before {
  439. content: "\e027";
  440. }
  441. .icon_lifesaver:before {
  442. content: "\e028";
  443. }
  444. .icon_piechart:before {
  445. content: "\e029";
  446. }
  447. .icon_refresh:before {
  448. content: "\e02a";
  449. }
  450. .icon_link_alt:before {
  451. content: "\e02b";
  452. }
  453. .icon_link:before {
  454. content: "\e02c";
  455. }
  456. .icon_loading:before {
  457. content: "\e02d";
  458. }
  459. .icon_blocked:before {
  460. content: "\e02e";
  461. }
  462. .icon_archive_alt:before {
  463. content: "\e02f";
  464. }
  465. .icon_heart_alt:before {
  466. content: "\e030";
  467. }
  468. .icon_star_alt:before {
  469. content: "\e031";
  470. }
  471. .icon_star-half_alt:before {
  472. content: "\e032";
  473. }
  474. .icon_star:before {
  475. content: "\e033";
  476. }
  477. .icon_star-half:before {
  478. content: "\e034";
  479. }
  480. .icon_tools:before {
  481. content: "\e035";
  482. }
  483. .icon_tool:before {
  484. content: "\e036";
  485. }
  486. .icon_cog:before {
  487. content: "\e037";
  488. }
  489. .icon_cogs:before {
  490. content: "\e038";
  491. }
  492. .arrow_up_alt:before {
  493. content: "\e039";
  494. }
  495. .arrow_down_alt:before {
  496. content: "\e03a";
  497. }
  498. .arrow_left_alt:before {
  499. content: "\e03b";
  500. }
  501. .arrow_right_alt:before {
  502. content: "\e03c";
  503. }
  504. .arrow_left-up_alt:before {
  505. content: "\e03d";
  506. }
  507. .arrow_right-up_alt:before {
  508. content: "\e03e";
  509. }
  510. .arrow_right-down_alt:before {
  511. content: "\e03f";
  512. }
  513. .arrow_left-down_alt:before {
  514. content: "\e040";
  515. }
  516. .arrow_condense_alt:before {
  517. content: "\e041";
  518. }
  519. .arrow_expand_alt3:before {
  520. content: "\e042";
  521. }
  522. .arrow_carrot_up_alt:before {
  523. content: "\e043";
  524. }
  525. .arrow_carrot-down_alt:before {
  526. content: "\e044";
  527. }
  528. .arrow_carrot-left_alt:before {
  529. content: "\e045";
  530. }
  531. .arrow_carrot-right_alt:before {
  532. content: "\e046";
  533. }
  534. .arrow_carrot-2up_alt:before {
  535. content: "\e047";
  536. }
  537. .arrow_carrot-2dwnn_alt:before {
  538. content: "\e048";
  539. }
  540. .arrow_carrot-2left_alt:before {
  541. content: "\e049";
  542. }
  543. .arrow_carrot-2right_alt:before {
  544. content: "\e04a";
  545. }
  546. .arrow_triangle-up_alt:before {
  547. content: "\e04b";
  548. }
  549. .arrow_triangle-down_alt:before {
  550. content: "\e04c";
  551. }
  552. .arrow_triangle-left_alt:before {
  553. content: "\e04d";
  554. }
  555. .arrow_triangle-right_alt:before {
  556. content: "\e04e";
  557. }
  558. .icon_minus_alt:before {
  559. content: "\e04f";
  560. }
  561. .icon_plus_alt:before {
  562. content: "\e050";
  563. }
  564. .icon_close_alt:before {
  565. content: "\e051";
  566. }
  567. .icon_check_alt:before {
  568. content: "\e052";
  569. }
  570. .icon_zoom-out:before {
  571. content: "\e053";
  572. }
  573. .icon_zoom-in:before {
  574. content: "\e054";
  575. }
  576. .icon_stop_alt:before {
  577. content: "\e055";
  578. }
  579. .icon_menu-square_alt:before {
  580. content: "\e056";
  581. }
  582. .icon_menu-circle_alt:before {
  583. content: "\e057";
  584. }
  585. .icon_document:before {
  586. content: "\e058";
  587. }
  588. .icon_documents:before {
  589. content: "\e059";
  590. }
  591. .icon_pencil_alt:before {
  592. content: "\e05a";
  593. }
  594. .icon_folder:before {
  595. content: "\e05b";
  596. }
  597. .icon_folder-open:before {
  598. content: "\e05c";
  599. }
  600. .icon_folder-add:before {
  601. content: "\e05d";
  602. }
  603. .icon_folder_upload:before {
  604. content: "\e05e";
  605. }
  606. .icon_folder_download:before {
  607. content: "\e05f";
  608. }
  609. .icon_info:before {
  610. content: "\e060";
  611. }
  612. .icon_error-circle:before {
  613. content: "\e061";
  614. }
  615. .icon_error-oct:before {
  616. content: "\e062";
  617. }
  618. .icon_error-triangle:before {
  619. content: "\e063";
  620. }
  621. .icon_question_alt:before {
  622. content: "\e064";
  623. }
  624. .icon_comment:before {
  625. content: "\e065";
  626. }
  627. .icon_chat:before {
  628. content: "\e066";
  629. }
  630. .icon_vol-mute:before {
  631. content: "\e067";
  632. }
  633. .icon_volume-low:before {
  634. content: "\e068";
  635. }
  636. .icon_volume-high:before {
  637. content: "\e069";
  638. }
  639. .icon_quotations_alt:before {
  640. content: "\e06a";
  641. }
  642. .icon_clock:before {
  643. content: "\e06b";
  644. }
  645. .icon_lock:before {
  646. content: "\e06c";
  647. }
  648. .icon_lock-open:before {
  649. content: "\e06d";
  650. }
  651. .icon_key:before {
  652. content: "\e06e";
  653. }
  654. .icon_cloud:before {
  655. content: "\e06f";
  656. }
  657. .icon_cloud-upload:before {
  658. content: "\e070";
  659. }
  660. .icon_cloud-download:before {
  661. content: "\e071";
  662. }
  663. .icon_lightbulb:before {
  664. content: "\e072";
  665. }
  666. .icon_gift:before {
  667. content: "\e073";
  668. }
  669. .icon_house:before {
  670. content: "\e074";
  671. }
  672. .icon_camera:before {
  673. content: "\e075";
  674. }
  675. .icon_mail:before {
  676. content: "\e076";
  677. }
  678. .icon_cone:before {
  679. content: "\e077";
  680. }
  681. .icon_ribbon:before {
  682. content: "\e078";
  683. }
  684. .icon_bag:before {
  685. content: "\e079";
  686. }
  687. .icon_cart:before {
  688. content: "\e07a";
  689. }
  690. .icon_tag:before {
  691. content: "\e07b";
  692. }
  693. .icon_tags:before {
  694. content: "\e07c";
  695. }
  696. .icon_trash:before {
  697. content: "\e07d";
  698. }
  699. .icon_cursor:before {
  700. content: "\e07e";
  701. }
  702. .icon_mic:before {
  703. content: "\e07f";
  704. }
  705. .icon_compass:before {
  706. content: "\e080";
  707. }
  708. .icon_pin:before {
  709. content: "\e081";
  710. }
  711. .icon_pushpin:before {
  712. content: "\e082";
  713. }
  714. .icon_map:before {
  715. content: "\e083";
  716. }
  717. .icon_drawer:before {
  718. content: "\e084";
  719. }
  720. .icon_toolbox:before {
  721. content: "\e085";
  722. }
  723. .icon_book:before {
  724. content: "\e086";
  725. }
  726. .icon_contacts:before {
  727. content: "\e087";
  728. }
  729. .icon_archive:before {
  730. content: "\e088";
  731. }
  732. .icon_heart:before {
  733. content: "\e089";
  734. }
  735. .icon_profile:before {
  736. content: "\e08a";
  737. }
  738. .icon_group:before {
  739. content: "\e08b";
  740. }
  741. .icon_grid-2x2:before {
  742. content: "\e08c";
  743. }
  744. .icon_grid-3x3:before {
  745. content: "\e08d";
  746. }
  747. .icon_music:before {
  748. content: "\e08e";
  749. }
  750. .icon_pause_alt:before {
  751. content: "\e08f";
  752. }
  753. .icon_phone:before {
  754. content: "\e090";
  755. }
  756. .icon_upload:before {
  757. content: "\e091";
  758. }
  759. .icon_download:before {
  760. content: "\e092";
  761. }
  762. .social_facebook:before {
  763. content: "\e093";
  764. }
  765. .social_twitter:before {
  766. content: "\e094";
  767. }
  768. .social_pinterest:before {
  769. content: "\e095";
  770. }
  771. .social_googleplus:before {
  772. content: "\e096";
  773. }
  774. .social_tumblr:before {
  775. content: "\e097";
  776. }
  777. .social_tumbleupon:before {
  778. content: "\e098";
  779. }
  780. .social_wordpress:before {
  781. content: "\e099";
  782. }
  783. .social_instagram:before {
  784. content: "\e09a";
  785. }
  786. .social_dribbble:before {
  787. content: "\e09b";
  788. }
  789. .social_vimeo:before {
  790. content: "\e09c";
  791. }
  792. .social_linkedin:before {
  793. content: "\e09d";
  794. }
  795. .social_rss:before {
  796. content: "\e09e";
  797. }
  798. .social_deviantart:before {
  799. content: "\e09f";
  800. }
  801. .social_share:before {
  802. content: "\e0a0";
  803. }
  804. .social_myspace:before {
  805. content: "\e0a1";
  806. }
  807. .social_skype:before {
  808. content: "\e0a2";
  809. }
  810. .social_youtube:before {
  811. content: "\e0a3";
  812. }
  813. .social_picassa:before {
  814. content: "\e0a4";
  815. }
  816. .social_googledrive:before {
  817. content: "\e0a5";
  818. }
  819. .social_flickr:before {
  820. content: "\e0a6";
  821. }
  822. .social_blogger:before {
  823. content: "\e0a7";
  824. }
  825. .social_spotify:before {
  826. content: "\e0a8";
  827. }
  828. .social_delicious:before {
  829. content: "\e0a9";
  830. }
  831. .social_facebook_circle:before {
  832. content: "\e0aa";
  833. }
  834. .social_twitter_circle:before {
  835. content: "\e0ab";
  836. }
  837. .social_pinterest_circle:before {
  838. content: "\e0ac";
  839. }
  840. .social_googleplus_circle:before {
  841. content: "\e0ad";
  842. }
  843. .social_tumblr_circle:before {
  844. content: "\e0ae";
  845. }
  846. .social_stumbleupon_circle:before {
  847. content: "\e0af";
  848. }
  849. .social_wordpress_circle:before {
  850. content: "\e0b0";
  851. }
  852. .social_instagram_circle:before {
  853. content: "\e0b1";
  854. }
  855. .social_dribbble_circle:before {
  856. content: "\e0b2";
  857. }
  858. .social_vimeo_circle:before {
  859. content: "\e0b3";
  860. }
  861. .social_linkedin_circle:before {
  862. content: "\e0b4";
  863. }
  864. .social_rss_circle:before {
  865. content: "\e0b5";
  866. }
  867. .social_deviantart_circle:before {
  868. content: "\e0b6";
  869. }
  870. .social_share_circle:before {
  871. content: "\e0b7";
  872. }
  873. .social_myspace_circle:before {
  874. content: "\e0b8";
  875. }
  876. .social_skype_circle:before {
  877. content: "\e0b9";
  878. }
  879. .social_youtube_circle:before {
  880. content: "\e0ba";
  881. }
  882. .social_picassa_circle:before {
  883. content: "\e0bb";
  884. }
  885. .social_googledrive_alt2:before {
  886. content: "\e0bc";
  887. }
  888. .social_flickr_circle:before {
  889. content: "\e0bd";
  890. }
  891. .social_blogger_circle:before {
  892. content: "\e0be";
  893. }
  894. .social_spotify_circle:before {
  895. content: "\e0bf";
  896. }
  897. .social_delicious_circle:before {
  898. content: "\e0c0";
  899. }
  900. .social_facebook_square:before {
  901. content: "\e0c1";
  902. }
  903. .social_twitter_square:before {
  904. content: "\e0c2";
  905. }
  906. .social_pinterest_square:before {
  907. content: "\e0c3";
  908. }
  909. .social_googleplus_square:before {
  910. content: "\e0c4";
  911. }
  912. .social_tumblr_square:before {
  913. content: "\e0c5";
  914. }
  915. .social_stumbleupon_square:before {
  916. content: "\e0c6";
  917. }
  918. .social_wordpress_square:before {
  919. content: "\e0c7";
  920. }
  921. .social_instagram_square:before {
  922. content: "\e0c8";
  923. }
  924. .social_dribbble_square:before {
  925. content: "\e0c9";
  926. }
  927. .social_vimeo_square:before {
  928. content: "\e0ca";
  929. }
  930. .social_linkedin_square:before {
  931. content: "\e0cb";
  932. }
  933. .social_rss_square:before {
  934. content: "\e0cc";
  935. }
  936. .social_deviantart_square:before {
  937. content: "\e0cd";
  938. }
  939. .social_share_square:before {
  940. content: "\e0ce";
  941. }
  942. .social_myspace_square:before {
  943. content: "\e0cf";
  944. }
  945. .social_skype_square:before {
  946. content: "\e0d0";
  947. }
  948. .social_youtube_square:before {
  949. content: "\e0d1";
  950. }
  951. .social_picassa_square:before {
  952. content: "\e0d2";
  953. }
  954. .social_googledrive_square:before {
  955. content: "\e0d3";
  956. }
  957. .social_flickr_square:before {
  958. content: "\e0d4";
  959. }
  960. .social_blogger_square:before {
  961. content: "\e0d5";
  962. }
  963. .social_spotify_square:before {
  964. content: "\e0d6";
  965. }
  966. .social_delicious_square:before {
  967. content: "\e0d7";
  968. }
  969. .icon_printer:before {
  970. content: "\e103";
  971. }
  972. .icon_calulator:before {
  973. content: "\e0ee";
  974. }
  975. .icon_building:before {
  976. content: "\e0ef";
  977. }
  978. .icon_floppy:before {
  979. content: "\e0e8";
  980. }
  981. .icon_drive:before {
  982. content: "\e0ea";
  983. }
  984. .icon_search-2:before {
  985. content: "\e101";
  986. }
  987. .icon_id:before {
  988. content: "\e107";
  989. }
  990. .icon_id-2:before {
  991. content: "\e108";
  992. }
  993. .icon_puzzle:before {
  994. content: "\e102";
  995. }
  996. .icon_like:before {
  997. content: "\e106";
  998. }
  999. .icon_dislike:before {
  1000. content: "\e0eb";
  1001. }
  1002. .icon_mug:before {
  1003. content: "\e105";
  1004. }
  1005. .icon_currency:before {
  1006. content: "\e0ed";
  1007. }
  1008. .icon_wallet:before {
  1009. content: "\e100";
  1010. }
  1011. .icon_pens:before {
  1012. content: "\e104";
  1013. }
  1014. .icon_easel:before {
  1015. content: "\e0e9";
  1016. }
  1017. .icon_flowchart:before {
  1018. content: "\e109";
  1019. }
  1020. .icon_datareport:before {
  1021. content: "\e0ec";
  1022. }
  1023. .icon_briefcase:before {
  1024. content: "\e0fe";
  1025. }
  1026. .icon_shield:before {
  1027. content: "\e0f6";
  1028. }
  1029. .icon_percent:before {
  1030. content: "\e0fb";
  1031. }
  1032. .icon_globe:before {
  1033. content: "\e0e2";
  1034. }
  1035. .icon_globe-2:before {
  1036. content: "\e0e3";
  1037. }
  1038. .icon_target:before {
  1039. content: "\e0f5";
  1040. }
  1041. .icon_hourglass:before {
  1042. content: "\e0e1";
  1043. }
  1044. .icon_balance:before {
  1045. content: "\e0ff";
  1046. }
  1047. .icon_rook:before {
  1048. content: "\e0f8";
  1049. }
  1050. .icon_printer-alt:before {
  1051. content: "\e0fa";
  1052. }
  1053. .icon_calculator_alt:before {
  1054. content: "\e0e7";
  1055. }
  1056. .icon_building_alt:before {
  1057. content: "\e0fd";
  1058. }
  1059. .icon_floppy_alt:before {
  1060. content: "\e0e4";
  1061. }
  1062. .icon_drive_alt:before {
  1063. content: "\e0e5";
  1064. }
  1065. .icon_search_alt:before {
  1066. content: "\e0f7";
  1067. }
  1068. .icon_id_alt:before {
  1069. content: "\e0e0";
  1070. }
  1071. .icon_id-2_alt:before {
  1072. content: "\e0fc";
  1073. }
  1074. .icon_puzzle_alt:before {
  1075. content: "\e0f9";
  1076. }
  1077. .icon_like_alt:before {
  1078. content: "\e0dd";
  1079. }
  1080. .icon_dislike_alt:before {
  1081. content: "\e0f1";
  1082. }
  1083. .icon_mug_alt:before {
  1084. content: "\e0dc";
  1085. }
  1086. .icon_currency_alt:before {
  1087. content: "\e0f3";
  1088. }
  1089. .icon_wallet_alt:before {
  1090. content: "\e0d8";
  1091. }
  1092. .icon_pens_alt:before {
  1093. content: "\e0db";
  1094. }
  1095. .icon_easel_alt:before {
  1096. content: "\e0f0";
  1097. }
  1098. .icon_flowchart_alt:before {
  1099. content: "\e0df";
  1100. }
  1101. .icon_datareport_alt:before {
  1102. content: "\e0f2";
  1103. }
  1104. .icon_briefcase_alt:before {
  1105. content: "\e0f4";
  1106. }
  1107. .icon_shield_alt:before {
  1108. content: "\e0d9";
  1109. }
  1110. .icon_percent_alt:before {
  1111. content: "\e0da";
  1112. }
  1113. .icon_globe_alt:before {
  1114. content: "\e0de";
  1115. }
  1116. .icon_clipboard:before {
  1117. content: "\e0e6";
  1118. }
  1119. .glyph {
  1120. float: left;
  1121. text-align: center;
  1122. padding: .75em;
  1123. margin: .4em 1.5em .75em 0;
  1124. width: 6em;
  1125. text-shadow: none;
  1126. }
  1127. .glyph_big {
  1128. font-size: 128px;
  1129. color: #59c5dc;
  1130. float: left;
  1131. margin-right: 20px;
  1132. }
  1133. .glyph div { padding-bottom: 10px;}
  1134. .glyph input {
  1135. font-family: consolas, monospace;
  1136. font-size: 12px;
  1137. width: 100%;
  1138. text-align: center;
  1139. border: 0;
  1140. box-shadow: 0 0 0 1px #ccc;
  1141. padding: .2em;
  1142. -moz-border-radius: 5px;
  1143. -webkit-border-radius: 5px;
  1144. }
  1145. .centered {
  1146. margin-left: auto;
  1147. margin-right: auto;
  1148. }
  1149. .glyph .fs1 {
  1150. font-size: 2em;
  1151. }