.nitro-icon { display: inline-block; background: transparent; background-position: center; background-repeat: no-repeat; outline: 0; } .nitro-icon:hover { transform: translate(-1px, -1px); filter: drop-shadow(0 0 2px rgba(0, 0, 0, 0.5)); } .nitro-icon:active { transform: none; filter: none; } .nitro-icon.icon-nitro-light { background-image: url("@/assets/images/nitro/nitro-n-light.svg"); } .nitro-icon.icon-nitro-dark { background-image: url("@/assets/images/nitro/nitro-n-dark.svg"); } .nitro-icon.icon-nitro-light, .nitro-icon.icon-nitro-dark { width: 100%; height: 40px; } .nitro-icon.icon-catalog { background-image: url("@/assets/images/toolbar/icons/catalog.png"); width: 37px; height: 36px; } .nitro-icon.icon-game { background-image: url("@/assets/images/toolbar/icons/game.png"); width: 44px; height: 25px; } .nitro-icon.icon-rooms { background-image: url("@/assets/images/toolbar/icons/rooms.png"); width: 44px; height: 30px; } .nitro-icon.icon-house { background-image: url("@/assets/images/toolbar/icons/house.png"); width: 32px; height: 30px; } .nitro-icon.gray { opacity: 0.5; } .nitro-icon.icon-inventory { background-image: url("@/assets/images/toolbar/icons/inventory.png"); width: 44px; height: 41px; } .nitro-icon.icon-modtools { background-image: url("@/assets/images/toolbar/icons/modtools.png"); width: 29px; height: 34px; } .nitro-icon.icon-furnieditor { background-image: url("@/assets/images/toolbar/icons/furnieditor.png"); width: 30px; height: 34px; } .nitro-icon.icon-friendall { background-image: url("@/assets/images/toolbar/icons/friend_all.png"); width: 32px; height: 33px; } .nitro-icon.icon-friendsearch { background-image: url("@/assets/images/toolbar/icons/friend_search.png"); width: 29px; height: 33px; } .nitro-icon.icon-sendmessage { background-image: url("@/assets/images/toolbar/icons/sendmessage.png"); width: 20px; height: 21px; } .nitro-icon.icon-me-talents { background-image: url("@/assets/images/toolbar/icons/me-menu/talents.png"); width: 32px; height: 30px; } .nitro-icon.icon-me-helper-tool { background-image: url("@/assets/images/toolbar/icons/me-menu/helper-tool.png"); width: 32px; height: 30px; } .nitro-icon.icon-me-profile { background-image: url("@/assets/images/toolbar/icons/me-menu/profile.png"); width: 32px; height: 30px; } .nitro-icon.icon-me-forums { background-image: url("@/assets/images/toolbar/icons/me-menu/forums.png"); width: 32px; height: 30px; } .nitro-icon.icon-me-rooms { background-image: url("@/assets/images/toolbar/icons/me-menu/my-rooms.png"); width: 30px; height: 30px; } .nitro-icon.icon-me-achievements { background-image: url("@/assets/images/toolbar/icons/me-menu/achievements.png"); width: 31px; height: 30px; } .nitro-icon.icon-me-clothing { background-image: url("@/assets/images/toolbar/icons/me-menu/clothing.png"); width: 27px; height: 30px; } .nitro-icon.icon-me-settings { background-image: url("@/assets/images/toolbar/icons/me-menu/cog.png"); width: 28px; height: 34px; } .nitro-icon.icon-cog { background: url("@/assets/images/icons/icon_cog.png"); width: 14px; height: 15px; } .nitro-icon.icon-help { background: url("@/assets/images/icons/help.png"); width: 13px; height: 23px; } .nitro-icon.icon-joinroom { background-image: url("@/assets/images/toolbar/icons/joinroom.png"); width: 21px; height: 21px; } .nitro-icon.icon-habbo { background-image: url("@/assets/images/toolbar/icons/habbo.png"); width: 28px; height: 28px; } .nitro-icon.icon-camera { background-image: url("@/assets/images/toolbar/icons/camera.png"); width: 38px; height: 45px; } .nitro-icon.icon-youtube { background-image: url("@/assets/images/toolbar/icons/youtube.svg"); background-size: contain; width: 36px; height: 36px; } .nitro-icon.icon-message { background-image: url("@/assets/images/toolbar/icons/message.png"); width: 36px; height: 32px; } .nitro-icon.icon-message.is-unseen { background-image: url("@/assets/images/toolbar/icons/message_unsee.gif"); } .nitro-icon.icon-wired-trigger { background-image: url("@/assets/images/wired/icon_trigger.png"); width: 13px; height: 14px; } .nitro-icon.icon-wired-condition { background-image: url("@/assets/images/wired/icon_condition.png"); width: 13px; height: 14px; } .nitro-icon.icon-wired-action { background-image: url("@/assets/images/wired/icon_action.png"); width: 13px; height: 14px; } .nitro-icon.chatstyles-icon { background-image: url("@/assets/images/chat/styles-icon.png"); width: 17px; height: 19px; filter: grayscale(100%); } .chatstyles-anchor { width: 17px; height: 19px; display: inline-flex; align-items: center; justify-content: center; vertical-align: top; } .nitro-icon.chatstyles-icon:hover { filter: grayscale(0%); } .nitro-icon.pencil-icon { background-image: url("@/assets/images/infostand/pencil-icon.png"); width: 17px; height: 18px; } .nitro-icon.disk-icon { background-image: url("@/assets/images/infostand/disk-icon.png"); width: 14px; height: 14px; } .nitro-icon.disk-creator { background-image: url("@/assets/images/infostand/disk-creator.png"); width: 14px; height: 14px; } .nitro-icon.trade-locked-icon { background-image: url("@/assets/images/inventory/trading/locked-icon.png"); width: 29px; height: 43px; } .nitro-icon.trade-unlocked-icon { background-image: url("@/assets/images/inventory/trading/unlocked-icon.png"); width: 29px; height: 43px; } .nitro-icon.modtool-room-icon { background-image: url("@/assets/images/modtool/room.png"); width: 20px; height: 15px; } .nitro-icon.modtool-chatlog-icon { background-image: url("@/assets/images/modtool/chatlog.gif"); width: 20px; height: 15px; } .nitro-icon.modtool-user-icon { background-image: url("@/assets/images/modtool/user.gif"); width: 20px; height: 15px; } .nitro-icon.modtool-reports-icon { background-image: url("@/assets/images/modtool/reports.png"); width: 20px; height: 15px; } .nitro-icon.modtool-wrench-icon { background-image: url("@/assets/images/modtool/wrench.gif"); width: 20px; height: 15px; } .nitro-icon.modtool-key-icon { background-image: url("@/assets/images/modtool/key.gif"); width: 20px; height: 15px; } .nitro-icon.icon-catalogue-hc_small { background-image: url("@/assets/images/catalog/hc_small.png"); width: 31px; height: 17px; } .nitro-icon.icon-catalogue-hc_big { background: url("@/assets/images/catalog/hc_big.png"); width: 68px; height: 40px; } .nitro-icon.icon-sign-exclamation { background: url("@/assets/images/icons/sign-exclamation.png"); width: 7px; height: 17px; } .nitro-icon.icon-sign-heart { background: url("@/assets/images/icons/sign-heart.png"); width: 15px; height: 13px; } .nitro-icon.icon-sign-red { background: url("@/assets/images/icons/sign-red.png"); width: 11px; height: 19px; } .nitro-icon.icon-sign-yellow { background: url("@/assets/images/icons/sign-yellow.png"); width: 11px; height: 19px; } .nitro-icon.icon-sign-skull { background: url("@/assets/images/icons/sign-skull.png"); width: 12px; height: 12px; } .nitro-icon.icon-sign-smile { background: url("@/assets/images/icons/sign-smile.png"); width: 7px; height: 14px; } .nitro-icon.icon-sign-soccer { background: url("@/assets/images/icons/sign-soccer.png"); width: 20px; height: 20px; } .nitro-icon.icon-house-small { background: url("@/assets/images/icons/house-small.png"); width: 19px; height: 14px; } .nitro-icon.icon-camera-small { background: url("@/assets/images/icons/camera-small.png"); width: 17px; height: 15px; } .nitro-icon.icon-small-room { background: url("@/assets/images/icons/small-room.png"); width: 17px; height: 16px; } .nitro-icon.icon-cog { background: url("@/assets/images/icons/cog.png"); width: 21px; height: 21px; } .nitro-icon.icon-chat-history { background: url("@/assets/images/icons/chat-history.png"); width: 17px; height: 21px; } .nitro-icon.icon-room-link { background: url("@/assets/images/icons/room-link.png"); width: 17px; height: 15px; } .nitro-icon.icon-zoom-more { background: url("@/assets/images/icons/zoom-more.png"); width: 12px; height: 22px; } .nitro-icon.icon-zoom-less { background: url("@/assets/images/icons/zoom-less.png"); width: 12px; height: 22px; } .nitro-icon.icon-like-room { background: url("@/assets/images/icons/like-room.png"); width: 20px; height: 22px; } .icon-chat-enablebubble { background: url('@/assets/images/icons/enablebubble.png'); width: 17px; height: 21px; } .icon-chat-disablebubble { background: url('@/assets/images/icons/disablebubble.png'); width: 17px; height: 21px; } .nitro-icon.icon-arrows { background: url("@/assets/images/icons/arrows.png"); width: 17px; height: 15px; } .nitro-icon.icon-camera-colormatrix { background: url("@/assets/images/icons/camera-colormatrix.png"); width: 32px; height: 21px; } .nitro-icon.icon-camera-composite { background: url("@/assets/images/icons/camera-composite.png"); width: 32px; height: 21px; } .nitro-icon.icon-pf-online { background: url("@/assets/images/profile/icons/online.gif"); width: 40px; height: 16px; } .nitro-icon.icon-pf-offline { background: url("@/assets/images/profile/icons/offline.png"); width: 39px; height: 16px; } .nitro-icon.icon-pf-tick { background: url("@/assets/images/profile/icons/tick.png"); width: 11px; height: 10px; } .nitro-icon.icon-group-type-0 { background: url("@/assets/images/groups/icons/grouptype_icon_0.png"); width: 16px; height: 16px; } .nitro-icon.icon-group-type-1 { background: url("@/assets/images/groups/icons/grouptype_icon_1.png"); width: 16px; height: 16px; } .nitro-icon.icon-group-type-2 { background: url("@/assets/images/groups/icons/grouptype_icon_2.png"); width: 16px; height: 16px; } .nitro-icon.icon-group-decorate { background: url("@/assets/images/groups/icons/group_decorate_icon.png"); width: 15px; height: 15px; } .nitro-icon.icon-group-member { background: url("@/assets/images/groups/icons/group_icon_big_member.png"); width: 20px; height: 20px; } .nitro-icon.icon-group-admin { background: url("@/assets/images/groups/icons/group_icon_big_admin.png"); width: 20px; height: 20px; } .nitro-icon.icon-group-owner { background: url("@/assets/images/groups/icons/group_icon_big_owner.png"); width: 20px; height: 20px; } .nitro-icon.icon-group-favorite { background: url("@/assets/images/groups/icons/group_favorite.png"); width: 14px; height: 14px; } .nitro-icon.icon-group-not-favorite { background: url("@/assets/images/groups/icons/group_notfavorite.png"); width: 14px; height: 14px; } .nitro-icon.icon-group-small-admin { background: url("@/assets/images/groups/icons/group_icon_admin.png"); width: 11px; height: 13px; } .nitro-icon.icon-group-small-not-admin { background: url("@/assets/images/groups/icons/group_icon_not_admin.png"); width: 11px; height: 13px; } .nitro-icon.icon-group-small-owner { background: url("@/assets/images/groups/icons/group_icon_small_owner.png"); width: 13px; height: 13px; } .nitro-icon.icon-navigator-info { background: url("@/assets/images/navigator/icons/info.png"); width: 18px; height: 18px; } .nitro-icon.icon-navigator-room-locked { background: url("@/assets/images/navigator/icons/room_locked.png"); width: 13px; height: 16px; } .nitro-icon.icon-navigator-room-password { background: url("@/assets/images/navigator/icons/room_password.png"); width: 13px; height: 16px; } .nitro-icon.icon-navigator-room-invisible { background: url("@/assets/images/navigator/icons/room_invisible.png"); width: 13px; height: 16px; } .nitro-icon.icon-navigator-room-group { background: url("@/assets/images/navigator/icons/room_group.png"); width: 13px; height: 11px; } .nitro-icon.icon-youtube-next { background: url("@/assets/images/room-widgets/youtube-widget/next.png"); width: 21px; height: 16px; } .nitro-icon.icon-youtube-prev { background: url("@/assets/images/room-widgets/youtube-widget/prev.png"); width: 21px; height: 16px; } .nitro-icon.icon-hc-banner { background: url("@/assets/images/catalog/hc_big.png"); width: 68px; height: 40px; } .nitro-icon.icon-set-tile { background-image: url("@/assets/images/floorplaneditor/icon-tile-set.png"); width: 40px; height: 40px; } .nitro-icon.icon-unset-tile { background-image: url("@/assets/images/floorplaneditor/icon-tile-unset.png"); width: 40px; height: 40px; } .nitro-icon.icon-increase-height { background-image: url("@/assets/images/floorplaneditor/icon-tile-up.png"); width: 40px; height: 40px; } .nitro-icon.icon-decrease-height { background-image: url("@/assets/images/floorplaneditor/icon-tile-down.png"); width: 40px; height: 40px; } .nitro-icon.icon-set-door { background-image: url("@/assets/images/floorplaneditor/icon-door.png"); width: 40px; height: 40px; } .nitro-icon.icon-door-direction-0 { background-image: url("@/assets/images/floorplaneditor/door-direction-0.png"); width: 80px; height: 45px; } .nitro-icon.icon-door-direction-1 { background-image: url("@/assets/images/floorplaneditor/door-direction-1.png"); width: 80px; height: 45px; } .nitro-icon.icon-door-direction-2 { background-image: url("@/assets/images/floorplaneditor/door-direction-2.png"); width: 80px; height: 45px; } .nitro-icon.icon-door-direction-3 { background-image: url("@/assets/images/floorplaneditor/door-direction-3.png"); width: 80px; height: 45px; } .nitro-icon.icon-door-direction-4 { background-image: url("@/assets/images/floorplaneditor/door-direction-4.png"); width: 80px; height: 45px; } .nitro-icon.icon-door-direction-5 { background-image: url("@/assets/images/floorplaneditor/door-direction-5.png"); width: 80px; height: 45px; } .nitro-icon.icon-door-direction-6 { background-image: url("@/assets/images/floorplaneditor/door-direction-6.png"); width: 80px; height: 45px; } .nitro-icon.icon-door-direction-7 { background-image: url("@/assets/images/floorplaneditor/door-direction-7.png"); width: 80px; height: 45px; } .nitro-icon.icon-set-select { background-image: url('@/assets/images/floorplaneditor/icon-select.png'); width: 40px; height: 40px; } .nitro-icon.icon-set-deselect { background-image: url('@/assets/images/floorplaneditor/icon-deselect.png'); width: 40px; height: 40px; } .nitro-icon.icon-set-squaresselect { background-image: url('@/assets/images/floorplaneditor/icon-squaresselect.png'); width: 40px; height: 40px; } .nitro-icon.icon-set-active-squaresselect { background-image: url('@/assets/images/floorplaneditor/icon-squaresselect.png'); width: 40px; height: 40px; } .nitro-icon.icon-tickets { background-image: url("@/assets/images/icons/tickets.png"); width: 17px; height: 17px; } .nitro-icon.icon-user { background-image: url("@/assets/images/icons/user.png"); width: 18px; height: 19px; } .nitro-icon.icon-loading { background-image: url("@/assets/images/ui/loading_icon.png"); } .nitro-icon.icon-loading.with-size { width: 16px; height: 16px; } .nitro-icon.icon-navigator-search-delete { background-image: url("@/assets/images/navigator/saves-search/delete_search.png"); width: 18px; height: 18px; } .nitro-icon.icon-navigator-search-delete:hover { background-image: url("@/assets/images/navigator/saves-search/delete_search_hover.png"); } .nitro-icon.icon-navigator-search-delete:active { background-image: url("@/assets/images/navigator/saves-search/delete_search_click.png"); }