Sin descripción

nucleo-icons.css 7.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550
  1. /* --------------------------------
  2. Nucleo Outline Web Font - nucleoapp.com/
  3. License - nucleoapp.com/license/
  4. Created using IcoMoon - icomoon.io
  5. -------------------------------- */
  6. @font-face {
  7. font-family: 'Nucleo';
  8. src: url('../fonts/nucleo.eot');
  9. src: url('../fonts/nucleo.eot') format('embedded-opentype'),
  10. url('../fonts/nucleo.woff2') format('woff2'),
  11. url('../fonts/nucleo.woff') format('woff'),
  12. url('../fonts/nucleo.ttf') format('truetype'),
  13. url('../fonts/nucleo.svg') format('svg');
  14. font-weight: normal;
  15. font-style: normal;
  16. }
  17. /*------------------------
  18. base class definition
  19. -------------------------*/
  20. .tim-icons {
  21. display: inline-block;
  22. font: normal normal normal 1em/1 'Nucleo';
  23. vertical-align: middle;
  24. speak: none;
  25. text-transform: none;
  26. /* Better Font Rendering */
  27. -webkit-font-smoothing: antialiased;
  28. -moz-osx-font-smoothing: grayscale;
  29. }
  30. .font-icon-detail {
  31. text-align: center;
  32. padding: 45px 0 30px;
  33. border: 1px solid #e44cc4;
  34. border-radius: .1875rem;
  35. margin: 15px 0;
  36. min-height: 168px;
  37. }
  38. .font-icon-detail i {
  39. color: #FFFFFF;
  40. font-size: 1.5em;
  41. }
  42. .font-icon-detail p {
  43. color: #e44cc4 !important;
  44. margin-top: 30px;
  45. padding: 0 10px;
  46. font-size: .7142em;
  47. }
  48. /*------------------------
  49. change icon size
  50. -------------------------*/
  51. .tim-icons-sm {
  52. font-size: 0.8em;
  53. }
  54. .tim-icons-lg {
  55. font-size: 1.2em;
  56. }
  57. /* absolute units */
  58. .tim-icons-16 {
  59. font-size: 16px;
  60. }
  61. .tim-icons-32 {
  62. font-size: 32px;
  63. }
  64. /*----------------------------------
  65. add a square/circle background
  66. -----------------------------------*/
  67. .tim-icons-bg-square,
  68. .tim-icons-bg-circle {
  69. padding: 0.35em;
  70. }
  71. .tim-icons-bg-circle {
  72. border-radius: 50%;
  73. }
  74. /*------------------------
  75. list icons
  76. -------------------------*/
  77. /*------------------------
  78. spinning icons
  79. -------------------------*/
  80. .tim-icons-is-spinning {
  81. -webkit-animation: tim-icons-spin 2s infinite linear;
  82. -moz-animation: tim-icons-spin 2s infinite linear;
  83. animation: tim-icons-spin 2s infinite linear;
  84. }
  85. @-webkit-keyframes tim-icons-spin {
  86. 0% {
  87. -webkit-transform: rotate(0deg);
  88. }
  89. 100% {
  90. -webkit-transform: rotate(360deg);
  91. }
  92. }
  93. @-moz-keyframes tim-icons-spin {
  94. 0% {
  95. -moz-transform: rotate(0deg);
  96. }
  97. 100% {
  98. -moz-transform: rotate(360deg);
  99. }
  100. }
  101. @keyframes tim-icons-spin {
  102. 0% {
  103. -webkit-transform: rotate(0deg);
  104. -moz-transform: rotate(0deg);
  105. -ms-transform: rotate(0deg);
  106. -o-transform: rotate(0deg);
  107. transform: rotate(0deg);
  108. }
  109. 100% {
  110. -webkit-transform: rotate(360deg);
  111. -moz-transform: rotate(360deg);
  112. -ms-transform: rotate(360deg);
  113. -o-transform: rotate(360deg);
  114. transform: rotate(360deg);
  115. }
  116. }
  117. /*------------------------
  118. rotated/flipped icons
  119. -------------------------*/
  120. /*------------------------
  121. icons
  122. -------------------------*/
  123. .icon-alert-circle-exc::before {
  124. content: "\ea02";
  125. }
  126. .icon-align-center::before {
  127. content: "\ea03";
  128. }
  129. .icon-align-left-2::before {
  130. content: "\ea04";
  131. }
  132. .icon-app::before {
  133. content: "\ea05";
  134. }
  135. .icon-atom::before {
  136. content: "\ea06";
  137. }
  138. .icon-attach-87::before {
  139. content: "\ea07";
  140. }
  141. .icon-badge::before {
  142. content: "\ea08";
  143. }
  144. .icon-bag-16::before {
  145. content: "\ea09";
  146. }
  147. .icon-bank::before {
  148. content: "\ea0a";
  149. }
  150. .icon-basket-simple::before {
  151. content: "\ea0b";
  152. }
  153. .icon-bell-55::before {
  154. content: "\ea0c";
  155. }
  156. .icon-bold::before {
  157. content: "\ea0d";
  158. }
  159. .icon-book-bookmark::before {
  160. content: "\ea0e";
  161. }
  162. .icon-bulb-63::before {
  163. content: "\ea0f";
  164. }
  165. .icon-bullet-list-67::before {
  166. content: "\ea10";
  167. }
  168. .icon-bus-front-12::before {
  169. content: "\ea11";
  170. }
  171. .icon-button-pause::before {
  172. content: "\ea12";
  173. }
  174. .icon-button-power::before {
  175. content: "\ea13";
  176. }
  177. .icon-calendar-60::before {
  178. content: "\ea14";
  179. }
  180. .icon-camera-18::before {
  181. content: "\ea15";
  182. }
  183. .icon-caps-small::before {
  184. content: "\ea16";
  185. }
  186. .icon-cart::before {
  187. content: "\ea17";
  188. }
  189. .icon-chart-bar-32::before {
  190. content: "\ea18";
  191. }
  192. .icon-chart-pie-36::before {
  193. content: "\ea19";
  194. }
  195. .icon-chat-33::before {
  196. content: "\ea1a";
  197. }
  198. .icon-check-2::before {
  199. content: "\ea1b";
  200. }
  201. .icon-cloud-download-93::before {
  202. content: "\ea1c";
  203. }
  204. .icon-cloud-upload-94::before {
  205. content: "\ea1d";
  206. }
  207. .icon-coins::before {
  208. content: "\ea1e";
  209. }
  210. .icon-compass-05::before {
  211. content: "\ea1f";
  212. }
  213. .icon-controller::before {
  214. content: "\ea20";
  215. }
  216. .icon-credit-card::before {
  217. content: "\ea21";
  218. }
  219. .icon-delivery-fast::before {
  220. content: "\ea22";
  221. }
  222. .icon-double-left::before {
  223. content: "\ea23";
  224. }
  225. .icon-double-right::before {
  226. content: "\ea24";
  227. }
  228. .icon-email-85::before {
  229. content: "\ea25";
  230. }
  231. .icon-gift-2::before {
  232. content: "\ea26";
  233. }
  234. .icon-globe-2::before {
  235. content: "\ea27";
  236. }
  237. .icon-headphones::before {
  238. content: "\ea28";
  239. }
  240. .icon-heart-2::before {
  241. content: "\ea29";
  242. }
  243. .icon-html5::before {
  244. content: "\ea2a";
  245. }
  246. .icon-image-02::before {
  247. content: "\ea2b";
  248. }
  249. .icon-istanbul::before {
  250. content: "\ea2c";
  251. }
  252. .icon-key-25::before {
  253. content: "\ea2d";
  254. }
  255. .icon-laptop::before {
  256. content: "\ea2e";
  257. }
  258. .icon-light-3::before {
  259. content: "\ea2f";
  260. }
  261. .icon-link-72::before {
  262. content: "\ea30";
  263. }
  264. .icon-lock-circle::before {
  265. content: "\ea31";
  266. }
  267. .icon-map-big::before {
  268. content: "\ea32";
  269. }
  270. .icon-minimal-down::before {
  271. content: "\ea33";
  272. }
  273. .icon-minimal-left::before {
  274. content: "\ea34";
  275. }
  276. .icon-minimal-right::before {
  277. content: "\ea35";
  278. }
  279. .icon-minimal-up::before {
  280. content: "\ea36";
  281. }
  282. .icon-mobile::before {
  283. content: "\ea37";
  284. }
  285. .icon-molecule-40::before {
  286. content: "\ea38";
  287. }
  288. .icon-money-coins::before {
  289. content: "\ea39";
  290. }
  291. .icon-notes::before {
  292. content: "\ea3a";
  293. }
  294. .icon-palette::before {
  295. content: "\ea3b";
  296. }
  297. .icon-paper::before {
  298. content: "\ea3c";
  299. }
  300. .icon-pencil::before {
  301. content: "\ea3d";
  302. }
  303. .icon-pin::before {
  304. content: "\ea3e";
  305. }
  306. .icon-planet::before {
  307. content: "\ea3f";
  308. }
  309. .icon-puzzle-10::before {
  310. content: "\ea40";
  311. }
  312. .icon-satisfied::before {
  313. content: "\ea41";
  314. }
  315. .icon-scissors::before {
  316. content: "\ea42";
  317. }
  318. .icon-send::before {
  319. content: "\ea43";
  320. }
  321. .icon-settings-gear-63::before {
  322. content: "\ea44";
  323. }
  324. .icon-settings::before {
  325. content: "\ea45";
  326. }
  327. .icon-simple-add::before {
  328. content: "\ea46";
  329. }
  330. .icon-simple-delete::before {
  331. content: "\ea47";
  332. }
  333. .icon-simple-remove::before {
  334. content: "\ea48";
  335. }
  336. .icon-single-02::before {
  337. content: "\ea49";
  338. }
  339. .icon-single-copy-04::before {
  340. content: "\ea4a";
  341. }
  342. .icon-sound-wave::before {
  343. content: "\ea4b";
  344. }
  345. .icon-spaceship::before {
  346. content: "\ea4c";
  347. }
  348. .icon-square-pin::before {
  349. content: "\ea4d";
  350. }
  351. .icon-support-17::before {
  352. content: "\ea4e";
  353. }
  354. .icon-tablet-2::before {
  355. content: "\ea4f";
  356. }
  357. .icon-tag::before {
  358. content: "\ea50";
  359. }
  360. .icon-tap-02::before {
  361. content: "\ea51";
  362. }
  363. .icon-tie-bow::before {
  364. content: "\ea52";
  365. }
  366. .icon-time-alarm::before {
  367. content: "\ea53";
  368. }
  369. .icon-trash-simple::before {
  370. content: "\ea54";
  371. }
  372. .icon-triangle-right-17::before {
  373. content: "\ea55";
  374. }
  375. .icon-trophy::before {
  376. content: "\ea56";
  377. }
  378. .icon-tv-2::before {
  379. content: "\ea57";
  380. }
  381. .icon-upload::before {
  382. content: "\ea58";
  383. }
  384. .icon-user-run::before {
  385. content: "\ea59";
  386. }
  387. .icon-vector::before {
  388. content: "\ea5a";
  389. }
  390. .icon-video-66::before {
  391. content: "\ea5b";
  392. }
  393. .icon-volume-98::before {
  394. content: "\ea5c";
  395. }
  396. .icon-wallet-43::before {
  397. content: "\ea5d";
  398. }
  399. .icon-watch-time::before {
  400. content: "\ea5e";
  401. }
  402. .icon-wifi::before {
  403. content: "\ea5f";
  404. }
  405. .icon-world::before {
  406. content: "\ea60";
  407. }
  408. .icon-zoom-split::before {
  409. content: "\ea61";
  410. }
  411. .icon-refresh-01::before {
  412. content: "\ea62";
  413. }
  414. .icon-refresh-02::before {
  415. content: "\ea63";
  416. }
  417. .icon-shape-star::before {
  418. content: "\ea64";
  419. }
  420. .icon-components::before {
  421. content: "\ea65";
  422. }