No Description
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.

nucleo.css 8.8KB

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