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.

772 lines
11 KiB

  1. @font-face {
  2. font-family: 'Basic Icons';
  3. src: url(../fonts/basic.icons.eot);
  4. 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');
  5. font-style: normal;
  6. font-weight: 400;
  7. font-variant: normal;
  8. text-decoration: inherit;
  9. text-transform: none;
  10. }
  11. i.basic.icon {
  12. display: inline-block;
  13. opacity: .75;
  14. margin: 0 .25em 0 0;
  15. width: 1.23em;
  16. height: 1em;
  17. font-family: 'Basic Icons';
  18. font-style: normal;
  19. line-height: 1;
  20. font-weight: 400;
  21. text-decoration: inherit;
  22. text-align: center;
  23. speak: none;
  24. -webkit-box-sizing: border-box;
  25. -moz-box-sizing: border-box;
  26. -ms-box-sizing: border-box;
  27. box-sizing: border-box;
  28. -webkit-font-smoothing: antialiased;
  29. -moz-font-smoothing: antialiased;
  30. font-smoothing: antialiased;
  31. }
  32. i.basic.icon.circle.attention:before {
  33. content: '\2757';
  34. }
  35. i.basic.icon.circle.help:before {
  36. content: '\e704';
  37. }
  38. i.basic.icon.circle.info:before {
  39. content: '\e705';
  40. }
  41. i.basic.icon.add:before {
  42. content: '\2795';
  43. }
  44. i.basic.icon.chart:before {
  45. content: '📈';
  46. }
  47. i.basic.icon.chart.bar:before {
  48. content: '📊';
  49. }
  50. i.basic.icon.chart.pie:before {
  51. content: '\e7a2';
  52. }
  53. i.basic.icon.resize.full:before {
  54. content: '\e744';
  55. }
  56. i.basic.icon.resize.horizontal:before {
  57. content: '\2b0d';
  58. }
  59. i.basic.icon.resize.small:before {
  60. content: '\e746';
  61. }
  62. i.basic.icon.resize.vertical:before {
  63. content: '\2b0c';
  64. }
  65. i.basic.icon.down:before {
  66. content: '\2193';
  67. }
  68. i.basic.icon.down.triangle:before {
  69. content: '\25be';
  70. }
  71. i.basic.icon.down.arrow:before {
  72. content: '\e75c';
  73. }
  74. i.basic.icon.left:before {
  75. content: '\2190';
  76. }
  77. i.basic.icon.left.triangle:before {
  78. content: '\25c2';
  79. }
  80. i.basic.icon.left.arrow:before {
  81. content: '\e75d';
  82. }
  83. i.basic.icon.right:before {
  84. content: '\2192';
  85. }
  86. i.basic.icon.right.triangle:before {
  87. content: '\25b8';
  88. }
  89. i.basic.icon.right.arrow:before {
  90. content: '\e75e';
  91. }
  92. i.basic.icon.up:before {
  93. content: '\2191';
  94. }
  95. i.basic.icon.up.triangle:before {
  96. content: '\25b4';
  97. }
  98. i.basic.icon.up.arrow:before {
  99. content: '\e75f';
  100. }
  101. i.basic.icon.folder:before {
  102. content: '\e810';
  103. }
  104. i.basic.icon.open.folder:before {
  105. content: '📂';
  106. }
  107. i.basic.icon.globe:before {
  108. content: '𝌍';
  109. }
  110. i.basic.icon.desk.globe:before {
  111. content: '🌐';
  112. }
  113. i.basic.icon.star:before {
  114. content: '\e801';
  115. }
  116. i.basic.icon.star.empty:before {
  117. content: '\e800';
  118. }
  119. i.basic.icon.star.half:before {
  120. content: '\e701';
  121. }
  122. i.basic.icon.lock:before {
  123. content: '🔒';
  124. }
  125. i.basic.icon.unlock:before {
  126. content: '🔓';
  127. }
  128. i.basic.icon.layout.grid:before {
  129. content: '\e80c';
  130. }
  131. i.basic.icon.layout.block:before {
  132. content: '\e708';
  133. }
  134. i.basic.icon.layout.list:before {
  135. content: '\e80b';
  136. }
  137. i.basic.icon.heart.empty:before {
  138. content: '\2661';
  139. }
  140. i.basic.icon.heart:before {
  141. content: '\2665';
  142. }
  143. i.basic.icon.asterisk:before {
  144. content: '\2731';
  145. }
  146. i.basic.icon.attachment:before {
  147. content: '📎';
  148. }
  149. i.basic.icon.attention:before {
  150. content: '\26a0';
  151. }
  152. i.basic.icon.trophy:before {
  153. content: '🏉';
  154. }
  155. i.basic.icon.barcode:before {
  156. content: '\e792';
  157. }
  158. i.basic.icon.cart:before {
  159. content: '\e813';
  160. }
  161. i.basic.icon.block:before {
  162. content: '🚫';
  163. }
  164. i.basic.icon.book:before {
  165. content: '📖';
  166. }
  167. i.basic.icon.bookmark:before {
  168. content: '🔖';
  169. }
  170. i.basic.icon.calendar:before {
  171. content: '📅';
  172. }
  173. i.basic.icon.cancel:before {
  174. content: '\2716';
  175. }
  176. i.basic.icon.close:before {
  177. content: '\e80d';
  178. }
  179. i.basic.icon.color:before {
  180. content: '\e794';
  181. }
  182. i.basic.icon.chat:before {
  183. content: '\e720';
  184. }
  185. i.basic.icon.check:before {
  186. content: '\2611';
  187. }
  188. i.basic.icon.time:before {
  189. content: '🕔';
  190. }
  191. i.basic.icon.cloud:before {
  192. content: '\2601';
  193. }
  194. i.basic.icon.code:before {
  195. content: '\e714';
  196. }
  197. i.basic.icon.email:before {
  198. content: '\40';
  199. }
  200. i.basic.icon.settings:before {
  201. content: '\26ef';
  202. }
  203. i.basic.icon.setting:before {
  204. content: '\2699';
  205. }
  206. i.basic.icon.comment:before {
  207. content: '\e802';
  208. }
  209. i.basic.icon.clockwise.counter:before {
  210. content: '\27f2';
  211. }
  212. i.basic.icon.clockwise:before {
  213. content: '\27f3';
  214. }
  215. i.basic.icon.cube:before {
  216. content: '\e807';
  217. }
  218. i.basic.icon.direction:before {
  219. content: '\27a2';
  220. }
  221. i.basic.icon.doc:before {
  222. content: '📄';
  223. }
  224. i.basic.icon.docs:before {
  225. content: '\e736';
  226. }
  227. i.basic.icon.dollar:before {
  228. content: '💵';
  229. }
  230. i.basic.icon.paint:before {
  231. content: '\e7b5';
  232. }
  233. i.basic.icon.edit:before {
  234. content: '\270d';
  235. }
  236. i.basic.icon.eject:before {
  237. content: '\2ecf';
  238. }
  239. i.basic.icon.export:before {
  240. content: '\e715';
  241. }
  242. i.basic.icon.hide:before {
  243. content: '\e80f';
  244. }
  245. i.basic.icon.unhide:before {
  246. content: '\e70b';
  247. }
  248. i.basic.icon.facebook:before {
  249. content: '\f301';
  250. }
  251. i.basic.icon.fast-forward:before {
  252. content: '\e804';
  253. }
  254. i.basic.icon.fire:before {
  255. content: '🔥';
  256. }
  257. i.basic.icon.flag:before {
  258. content: '\2691';
  259. }
  260. i.basic.icon.lightning:before {
  261. content: '\26a1';
  262. }
  263. i.basic.icon.lab:before {
  264. content: '\68';
  265. }
  266. i.basic.icon.flight:before {
  267. content: '\2708';
  268. }
  269. i.basic.icon.forward:before {
  270. content: '\27a6';
  271. }
  272. i.basic.icon.gift:before {
  273. content: '🎁';
  274. }
  275. i.basic.icon.github:before {
  276. content: '\f308';
  277. }
  278. i.basic.icon.globe:before {
  279. content: '\e817';
  280. }
  281. i.basic.icon.headphones:before {
  282. content: '🎧';
  283. }
  284. i.basic.icon.question:before {
  285. content: '\2753';
  286. }
  287. i.basic.icon.home:before {
  288. content: '\2302';
  289. }
  290. i.basic.icon.i:before {
  291. content: '\2139';
  292. }
  293. i.basic.icon.idea:before {
  294. content: '💡';
  295. }
  296. i.basic.icon.open:before {
  297. content: '🔗';
  298. }
  299. i.basic.icon.content:before {
  300. content: '\e782';
  301. }
  302. i.basic.icon.location:before {
  303. content: '\e724';
  304. }
  305. i.basic.icon.mail:before {
  306. content: '\2709';
  307. }
  308. i.basic.icon.mic:before {
  309. content: '🎤';
  310. }
  311. i.basic.icon.minus:before {
  312. content: '\2d';
  313. }
  314. i.basic.icon.money:before {
  315. content: '💰';
  316. }
  317. i.basic.icon.off:before {
  318. content: '\e78e';
  319. }
  320. i.basic.icon.pause:before {
  321. content: '\e808';
  322. }
  323. i.basic.icon.photos:before {
  324. content: '\e812';
  325. }
  326. i.basic.icon.photo:before {
  327. content: '🌄';
  328. }
  329. i.basic.icon.pin:before {
  330. content: '📌';
  331. }
  332. i.basic.icon.play:before {
  333. content: '\e809';
  334. }
  335. i.basic.icon.plus:before {
  336. content: '\2b';
  337. }
  338. i.basic.icon.print:before {
  339. content: '\e716';
  340. }
  341. i.basic.icon.rss:before {
  342. content: '\e73a';
  343. }
  344. i.basic.icon.search:before {
  345. content: '🔍';
  346. }
  347. i.basic.icon.shuffle:before {
  348. content: '\e803';
  349. }
  350. i.basic.icon.tag:before {
  351. content: '\e80a';
  352. }
  353. i.basic.icon.tags:before {
  354. content: '\e70d';
  355. }
  356. i.basic.icon.terminal:before {
  357. content: '\e7ac';
  358. }
  359. i.basic.icon.thumbs.down:before {
  360. content: '👎';
  361. }
  362. i.basic.icon.thumbs.up:before {
  363. content: '👍';
  364. }
  365. i.basic.icon.to-end:before {
  366. content: '\e806';
  367. }
  368. i.basic.icon.to-start:before {
  369. content: '\e805';
  370. }
  371. i.basic.icon.top.list:before {
  372. content: '🏆';
  373. }
  374. i.basic.icon.trash:before {
  375. content: '\e729';
  376. }
  377. i.basic.icon.twitter:before {
  378. content: '\f303';
  379. }
  380. i.basic.icon.upload:before {
  381. content: '\e711';
  382. }
  383. i.basic.icon.user.add:before {
  384. content: '\e700';
  385. }
  386. i.basic.icon.user:before {
  387. content: '👤';
  388. }
  389. i.basic.icon.community:before {
  390. content: '\e814';
  391. }
  392. i.basic.icon.users:before {
  393. content: '👥';
  394. }
  395. i.basic.icon.id:before {
  396. content: '\e722';
  397. }
  398. i.basic.icon.url:before {
  399. content: '🔗';
  400. }
  401. i.basic.icon.zoom.in:before {
  402. content: '\e750';
  403. }
  404. i.basic.icon.zoom.out:before {
  405. content: '\e751';
  406. }
  407. i.dropdown.basic.icon {
  408. margin: 0 0 0 .5em;
  409. }
  410. i.basic.icon.star {
  411. width: auto;
  412. margin: 0;
  413. }
  414. i.basic.icon.left,
  415. i.basic.icon.left,
  416. i.basic.icon.left {
  417. width: auto;
  418. margin: 0 .5em 0 0;
  419. }
  420. i.basic.icon.search,
  421. i.basic.icon.up,
  422. i.basic.icon.down,
  423. i.basic.icon.right {
  424. width: auto;
  425. margin: 0 0 0 .5em;
  426. }
  427. i.basic.icon.delete:before {
  428. content: '\e80d';
  429. }
  430. i.basic.icon.dropdown:before {
  431. content: '\25be';
  432. }
  433. i.basic.icon.help:before {
  434. content: '\e704';
  435. }
  436. i.basic.icon.info:before {
  437. content: '\e705';
  438. }
  439. i.basic.icon.error:before {
  440. content: '\e80d';
  441. }
  442. i.basic.icon.dislike:before {
  443. content: '\2661';
  444. }
  445. i.basic.icon.like:before {
  446. content: '\2665';
  447. }
  448. i.basic.icon.eye:before {
  449. content: '\e80f';
  450. }
  451. i.basic.icon.eye.hidden:before {
  452. content: '\e70b';
  453. }
  454. i.basic.icon.date:before {
  455. content: '📅';
  456. }
  457. i.basic.icon.hover {
  458. opacity: 1;
  459. }
  460. i.basic.icon.active {
  461. opacity: 1;
  462. }
  463. i.emphasized.basic.icon {
  464. opacity: 1;
  465. }
  466. i.basic.icon.disabled {
  467. opacity: .3;
  468. }
  469. i.link.basic.icon {
  470. cursor: pointer;
  471. opacity: .7;
  472. -webkit-transition: opacity .3s ease-out;
  473. transition: opacity .3s ease-out;
  474. }
  475. .link.basic.icon:hover {
  476. opacity: 1!important;
  477. }
  478. i.circular.basic.icon {
  479. border-radius: 500px!important;
  480. padding: .5em 0!important;
  481. -webkit-box-shadow: 0 0 0 .1em rgba(0,0,0,.1) inset;
  482. box-shadow: 0 0 0 .1em rgba(0,0,0,.1) inset;
  483. line-height: 1!important;
  484. width: 2em!important;
  485. height: 2em!important;
  486. }
  487. i.circular.inverted.basic.icon {
  488. border: 0;
  489. -webkit-box-shadow: none;
  490. box-shadow: none;
  491. }
  492. i.vertically.flipped.basic.icon {
  493. -webkit-transform: scale(1,-1);
  494. -ms-transform: scale(1,-1);
  495. transform: scale(1,-1);
  496. }
  497. i.horizontally.flipped.basic.icon {
  498. -webkit-transform: scale(-1,1);
  499. -ms-transform: scale(-1,1);
  500. transform: scale(-1,1);
  501. }
  502. i.left.rotated.basic.icon {
  503. -webkit-transform: rotate(-90deg);
  504. -ms-transform: rotate(-90deg);
  505. transform: rotate(-90deg);
  506. }
  507. i.right.rotated.basic.icon {
  508. -webkit-transform: rotate(90deg);
  509. -ms-transform: rotate(90deg);
  510. transform: rotate(90deg);
  511. }
  512. i.square.basic.icon {
  513. width: 2em;
  514. height: 2em;
  515. padding: .5em .35em!important;
  516. -webkit-box-shadow: 0 0 0 .1em rgba(0,0,0,.1) inset;
  517. box-shadow: 0 0 0 .1em rgba(0,0,0,.1) inset;
  518. vertical-align: baseline;
  519. }
  520. i.square.basic.icon:before {
  521. vertical-align: middle;
  522. }
  523. i.square.inverted.basic.icon {
  524. border: 0;
  525. -webkit-box-shadow: none;
  526. box-shadow: none;
  527. }
  528. i.inverted.basic.icon {
  529. background-color: #222;
  530. color: #FFF;
  531. }
  532. i.blue.basic.icon {
  533. color: #6ECFF5!important;
  534. }
  535. i.black.basic.icon {
  536. color: #5C6166!important;
  537. }
  538. i.green.basic.icon {
  539. color: #A1CF64!important;
  540. }
  541. i.red.basic.icon {
  542. color: #D95C5C!important;
  543. }
  544. i.purple.basic.icon {
  545. color: #564F8A!important;
  546. }
  547. i.teal.basic.icon {
  548. color: #00B5AD!important;
  549. }
  550. i.inverted.black.basic.icon {
  551. background-color: #5C6166!important;
  552. color: #FFF!important;
  553. }
  554. i.inverted.blue.basic.icon {
  555. background-color: #6ECFF5!important;
  556. color: #FFF!important;
  557. }
  558. i.inverted.green.basic.icon {
  559. background-color: #A1CF64!important;
  560. color: #FFF!important;
  561. }
  562. i.inverted.red.basic.icon {
  563. background-color: #D95C5C!important;
  564. color: #FFF!important;
  565. }
  566. i.inverted.purple.basic.icon {
  567. background-color: #564F8A!important;
  568. color: #FFF!important;
  569. }
  570. i.inverted.teal.basic.icon {
  571. background-color: #00B5AD!important;
  572. color: #FFF!important;
  573. }
  574. i.small.basic.icon {
  575. font-size: .875em;
  576. }
  577. i.basic.icon {
  578. font-size: 1em;
  579. }
  580. i.large.basic.icon {
  581. font-size: 1.5em;
  582. margin-right: .2em;
  583. vertical-align: middle;
  584. }
  585. i.big.basic.icon {
  586. font-size: 2em;
  587. margin-right: .5em;
  588. vertical-align: middle;
  589. }
  590. i.huge.basic.icon {
  591. font-size: 4em;
  592. margin-right: .75em;
  593. vertical-align: middle;
  594. }
  595. i.massive.basic.icon {
  596. font-size: 8em;
  597. margin-right: 1em;
  598. vertical-align: middle;
  599. }