nucleo.css 8.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573
  1. /*--------------------------------
  2. hermes-dashboard-icons Web Font - built using nucleoapp.com
  3. License - nucleoapp.com/license/
  4. -------------------------------- */
  5. @font-face {
  6. font-family: 'NucleoIcons';
  7. src: url('/fonts/nucleo-icons.eot');
  8. src: url('/fonts/nucleo-icons.eot') format('embedded-opentype'), url('/fonts/nucleo-icons.woff2') format('woff2'), url('/fonts/nucleo-icons.woff') format('woff'), url('/fonts/nucleo-icons.ttf') format('truetype'), url('/fonts/nucleo-icons.svg') format('svg');
  9. font-weight: normal;
  10. font-style: normal;
  11. font-display: swap;
  12. }
  13. /*------------------------
  14. base class definition
  15. -------------------------*/
  16. .ni {
  17. display: inline-block;
  18. font: normal normal normal 14px/1 NucleoIcons;
  19. font-size: inherit;
  20. text-rendering: auto;
  21. -webkit-font-smoothing: antialiased;
  22. -moz-osx-font-smoothing: grayscale;
  23. }
  24. /*------------------------
  25. change icon size
  26. -------------------------*/
  27. .ni-lg {
  28. font-size: 1.33333333em;
  29. line-height: 0.75em;
  30. vertical-align: -15%;
  31. }
  32. .ni-2x {
  33. font-size: 2em;
  34. }
  35. .ni-3x {
  36. font-size: 3em;
  37. }
  38. .ni-4x {
  39. font-size: 4em;
  40. }
  41. .ni-5x {
  42. font-size: 5em;
  43. }
  44. /*----------------------------------
  45. add a square/circle background
  46. -----------------------------------*/
  47. .ni.square,
  48. .ni.circle {
  49. padding: 0.33333333em;
  50. vertical-align: -16%;
  51. background-color: #eee;
  52. }
  53. .ni.circle {
  54. border-radius: 50%;
  55. }
  56. /*------------------------
  57. list icons
  58. -------------------------*/
  59. .ni-ul {
  60. padding-left: 0;
  61. margin-left: 2.14285714em;
  62. list-style-type: none;
  63. }
  64. .ni-ul > li {
  65. position: relative;
  66. }
  67. .ni-ul > li > .ni {
  68. position: absolute;
  69. left: -1.57142857em;
  70. top: 0.14285714em;
  71. text-align: center;
  72. }
  73. .ni-ul > li > .ni.lg {
  74. top: 0;
  75. left: -1.35714286em;
  76. }
  77. .ni-ul > li > .ni.circle,
  78. .ni-ul > li > .ni.square {
  79. top: -0.19047619em;
  80. left: -1.9047619em;
  81. }
  82. /*------------------------
  83. spinning icons
  84. -------------------------*/
  85. .ni.spin {
  86. -webkit-animation: nc-spin 2s infinite linear;
  87. -moz-animation: nc-spin 2s infinite linear;
  88. animation: nc-spin 2s infinite linear;
  89. }
  90. @-webkit-keyframes nc-spin {
  91. 0% {
  92. -webkit-transform: rotate(0deg);
  93. }
  94. 100% {
  95. -webkit-transform: rotate(360deg);
  96. }
  97. }
  98. @-moz-keyframes nc-spin {
  99. 0% {
  100. -moz-transform: rotate(0deg);
  101. }
  102. 100% {
  103. -moz-transform: rotate(360deg);
  104. }
  105. }
  106. @keyframes nc-spin {
  107. 0% {
  108. -webkit-transform: rotate(0deg);
  109. -moz-transform: rotate(0deg);
  110. -ms-transform: rotate(0deg);
  111. -o-transform: rotate(0deg);
  112. transform: rotate(0deg);
  113. }
  114. 100% {
  115. -webkit-transform: rotate(360deg);
  116. -moz-transform: rotate(360deg);
  117. -ms-transform: rotate(360deg);
  118. -o-transform: rotate(360deg);
  119. transform: rotate(360deg);
  120. }
  121. }
  122. /*------------------------
  123. rotated/flipped icons
  124. -------------------------*/
  125. .ni.rotate-90 {
  126. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  127. -webkit-transform: rotate(90deg);
  128. -moz-transform: rotate(90deg);
  129. -ms-transform: rotate(90deg);
  130. -o-transform: rotate(90deg);
  131. transform: rotate(90deg);
  132. }
  133. .ni.rotate-180 {
  134. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  135. -webkit-transform: rotate(180deg);
  136. -moz-transform: rotate(180deg);
  137. -ms-transform: rotate(180deg);
  138. -o-transform: rotate(180deg);
  139. transform: rotate(180deg);
  140. }
  141. .ni.rotate-270 {
  142. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  143. -webkit-transform: rotate(270deg);
  144. -moz-transform: rotate(270deg);
  145. -ms-transform: rotate(270deg);
  146. -o-transform: rotate(270deg);
  147. transform: rotate(270deg);
  148. }
  149. .ni.flip-y {
  150. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
  151. -webkit-transform: scale(-1, 1);
  152. -moz-transform: scale(-1, 1);
  153. -ms-transform: scale(-1, 1);
  154. -o-transform: scale(-1, 1);
  155. transform: scale(-1, 1);
  156. }
  157. .ni.flip-x {
  158. filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  159. -webkit-transform: scale(1, -1);
  160. -moz-transform: scale(1, -1);
  161. -ms-transform: scale(1, -1);
  162. -o-transform: scale(1, -1);
  163. transform: scale(1, -1);
  164. }
  165. /*------------------------
  166. font icons
  167. -------------------------*/
  168. .ni-active-40::before {
  169. content: "\ea02";
  170. }
  171. .ni-air-baloon::before {
  172. content: "\ea03";
  173. }
  174. .ni-album-2::before {
  175. content: "\ea04";
  176. }
  177. .ni-align-center::before {
  178. content: "\ea05";
  179. }
  180. .ni-align-left-2::before {
  181. content: "\ea06";
  182. }
  183. .ni-ambulance::before {
  184. content: "\ea07";
  185. }
  186. .ni-app::before {
  187. content: "\ea08";
  188. }
  189. .ni-archive-2::before {
  190. content: "\ea09";
  191. }
  192. .ni-atom::before {
  193. content: "\ea0a";
  194. }
  195. .ni-badge::before {
  196. content: "\ea0b";
  197. }
  198. .ni-bag-17::before {
  199. content: "\ea0c";
  200. }
  201. .ni-basket::before {
  202. content: "\ea0d";
  203. }
  204. .ni-bell-55::before {
  205. content: "\ea0e";
  206. }
  207. .ni-bold-down::before {
  208. content: "\ea0f";
  209. }
  210. .ni-bold-left::before {
  211. content: "\ea10";
  212. }
  213. .ni-bold-right::before {
  214. content: "\ea11";
  215. }
  216. .ni-bold-up::before {
  217. content: "\ea12";
  218. }
  219. .ni-bold::before {
  220. content: "\ea13";
  221. }
  222. .ni-book-bookmark::before {
  223. content: "\ea14";
  224. }
  225. .ni-books::before {
  226. content: "\ea15";
  227. }
  228. .ni-box-2::before {
  229. content: "\ea16";
  230. }
  231. .ni-briefcase-24::before {
  232. content: "\ea17";
  233. }
  234. .ni-building::before {
  235. content: "\ea18";
  236. }
  237. .ni-bulb-61::before {
  238. content: "\ea19";
  239. }
  240. .ni-bullet-list-67::before {
  241. content: "\ea1a";
  242. }
  243. .ni-bus-front-12::before {
  244. content: "\ea1b";
  245. }
  246. .ni-button-pause::before {
  247. content: "\ea1c";
  248. }
  249. .ni-button-play::before {
  250. content: "\ea1d";
  251. }
  252. .ni-button-power::before {
  253. content: "\ea1e";
  254. }
  255. .ni-calendar-grid-58::before {
  256. content: "\ea1f";
  257. }
  258. .ni-camera-compact::before {
  259. content: "\ea20";
  260. }
  261. .ni-caps-small::before {
  262. content: "\ea21";
  263. }
  264. .ni-cart::before {
  265. content: "\ea22";
  266. }
  267. .ni-chart-bar-32::before {
  268. content: "\ea23";
  269. }
  270. .ni-chart-pie-35::before {
  271. content: "\ea24";
  272. }
  273. .ni-chat-round::before {
  274. content: "\ea25";
  275. }
  276. .ni-check-bold::before {
  277. content: "\ea26";
  278. }
  279. .ni-circle-08::before {
  280. content: "\ea27";
  281. }
  282. .ni-cloud-download-95::before {
  283. content: "\ea28";
  284. }
  285. .ni-cloud-upload-96::before {
  286. content: "\ea29";
  287. }
  288. .ni-compass-04::before {
  289. content: "\ea2a";
  290. }
  291. .ni-controller::before {
  292. content: "\ea2b";
  293. }
  294. .ni-credit-card::before {
  295. content: "\ea2c";
  296. }
  297. .ni-curved-next::before {
  298. content: "\ea2d";
  299. }
  300. .ni-delivery-fast::before {
  301. content: "\ea2e";
  302. }
  303. .ni-diamond::before {
  304. content: "\ea2f";
  305. }
  306. .ni-email-83::before {
  307. content: "\ea30";
  308. }
  309. .ni-fat-add::before {
  310. content: "\ea31";
  311. }
  312. .ni-fat-delete::before {
  313. content: "\ea32";
  314. }
  315. .ni-fat-remove::before {
  316. content: "\ea33";
  317. }
  318. .ni-favourite-28::before {
  319. content: "\ea34";
  320. }
  321. .ni-folder-17::before {
  322. content: "\ea35";
  323. }
  324. .ni-glasses-2::before {
  325. content: "\ea36";
  326. }
  327. .ni-hat-3::before {
  328. content: "\ea37";
  329. }
  330. .ni-headphones::before {
  331. content: "\ea38";
  332. }
  333. .ni-html5::before {
  334. content: "\ea39";
  335. }
  336. .ni-istanbul::before {
  337. content: "\ea3a";
  338. }
  339. .ni-key-25::before {
  340. content: "\ea3b";
  341. }
  342. .ni-laptop::before {
  343. content: "\ea3c";
  344. }
  345. .ni-like-2::before {
  346. content: "\ea3d";
  347. }
  348. .ni-lock-circle-open::before {
  349. content: "\ea3e";
  350. }
  351. .ni-map-big::before {
  352. content: "\ea3f";
  353. }
  354. .ni-mobile-button::before {
  355. content: "\ea40";
  356. }
  357. .ni-money-coins::before {
  358. content: "\ea41";
  359. }
  360. .ni-note-03::before {
  361. content: "\ea42";
  362. }
  363. .ni-notification-70::before {
  364. content: "\ea43";
  365. }
  366. .ni-palette::before {
  367. content: "\ea44";
  368. }
  369. .ni-paper-diploma::before {
  370. content: "\ea45";
  371. }
  372. .ni-pin-3::before {
  373. content: "\ea46";
  374. }
  375. .ni-planet::before {
  376. content: "\ea47";
  377. }
  378. .ni-ruler-pencil::before {
  379. content: "\ea48";
  380. }
  381. .ni-satisfied::before {
  382. content: "\ea49";
  383. }
  384. .ni-scissors::before {
  385. content: "\ea4a";
  386. }
  387. .ni-send::before {
  388. content: "\ea4b";
  389. }
  390. .ni-settings-gear-65::before {
  391. content: "\ea4c";
  392. }
  393. .ni-settings::before {
  394. content: "\ea4d";
  395. }
  396. .ni-single-02::before {
  397. content: "\ea4e";
  398. }
  399. .ni-single-copy-04::before {
  400. content: "\ea4f";
  401. }
  402. .ni-sound-wave::before {
  403. content: "\ea50";
  404. }
  405. .ni-spaceship::before {
  406. content: "\ea51";
  407. }
  408. .ni-square-pin::before {
  409. content: "\ea52";
  410. }
  411. .ni-support-16::before {
  412. content: "\ea53";
  413. }
  414. .ni-tablet-button::before {
  415. content: "\ea54";
  416. }
  417. .ni-tag::before {
  418. content: "\ea55";
  419. }
  420. .ni-tie-bow::before {
  421. content: "\ea56";
  422. }
  423. .ni-time-alarm::before {
  424. content: "\ea57";
  425. }
  426. .ni-trophy::before {
  427. content: "\ea58";
  428. }
  429. .ni-tv-2::before {
  430. content: "\ea59";
  431. }
  432. .ni-umbrella-13::before {
  433. content: "\ea5a";
  434. }
  435. .ni-user-run::before {
  436. content: "\ea5b";
  437. }
  438. .ni-vector::before {
  439. content: "\ea5c";
  440. }
  441. .ni-watch-time::before {
  442. content: "\ea5d";
  443. }
  444. .ni-world::before {
  445. content: "\ea5e";
  446. }
  447. .ni-zoom-split-in::before {
  448. content: "\ea5f";
  449. }
  450. .ni-collection::before {
  451. content: "\ea60";
  452. }
  453. .ni-image::before {
  454. content: "\ea61";
  455. }
  456. .ni-shop::before {
  457. content: "\ea62";
  458. }
  459. .ni-ungroup::before {
  460. content: "\ea63";
  461. }
  462. .ni-world-2::before {
  463. content: "\ea64";
  464. }
  465. .ni-ui-04::before {
  466. content: "\ea65";
  467. }
  468. /* all icon font classes list here */