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