mirror of
https://github.com/duckietm/Nitro-V3.git
synced 2026-06-19 23:16:21 +00:00
Take #2 Desktop cacta 100%
This commit is contained in:
duckietm
@@ -1629,6 +1629,9 @@
|
||||
.infostand-border.border-15 { border-color: #cbd5e1; } /* Silver */
|
||||
.infostand-border.border-16 { border-color: #1f2937; } /* Black */
|
||||
|
||||
/* Image-based borders (17-25). These override the colour-border insets and
|
||||
strip the CSS border so the artwork sits ~22px outside the card and
|
||||
stretches to fill the frame area. */
|
||||
.infostand-border.border-17,
|
||||
.infostand-border.border-18,
|
||||
.infostand-border.border-19,
|
||||
@@ -1659,6 +1662,8 @@
|
||||
.infostand-border.border-24 { background-image: url('@/assets/images/backgrounds/borders/border_24.webp'); }
|
||||
.infostand-border.border-25 { background-image: url('@/assets/images/backgrounds/borders/border_25.webp'); }
|
||||
|
||||
/* Picker thumbnails inside the BackgroundsView "Borders" tab.
|
||||
Each thumbnail is a small rounded box outlined in its border colour. */
|
||||
.profile-border {
|
||||
width: 60px;
|
||||
height: 76px;
|
||||
@@ -1669,7 +1674,9 @@
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
/* border-0 = no border (default) — show as a dashed translucent outline */
|
||||
.profile-border.border-0 { border: 2px dashed rgba(255, 255, 255, 0.25); }
|
||||
|
||||
.profile-border.border-1 { border-color: #ef4444; }
|
||||
.profile-border.border-2 { border-color: #f97316; }
|
||||
.profile-border.border-3 { border-color: #eab308; }
|
||||
@@ -1686,6 +1693,8 @@
|
||||
.profile-border.border-14 { border-color: #d4a020; }
|
||||
.profile-border.border-15 { border-color: #cbd5e1; }
|
||||
.profile-border.border-16 { border-color: #1f2937; }
|
||||
|
||||
/* Image-border picker thumbnails — drop the CSS frame and show the artwork. */
|
||||
.profile-border.border-17,
|
||||
.profile-border.border-18,
|
||||
.profile-border.border-19,
|
||||
@@ -1710,61 +1719,4 @@
|
||||
.profile-border.border-22 { background-image: url('@/assets/images/backgrounds/borders/border_22.webp'); }
|
||||
.profile-border.border-23 { background-image: url('@/assets/images/backgrounds/borders/border_23.webp'); }
|
||||
.profile-border.border-24 { background-image: url('@/assets/images/backgrounds/borders/border_24.webp'); }
|
||||
.profile-border.border-25 { background-image: url('@/assets/images/backgrounds/borders/border_25.webp'); }
|
||||
|
||||
.card-background-2,
|
||||
.card-background-3,
|
||||
.card-background-4,
|
||||
.card-background-5,
|
||||
.card-background-6,
|
||||
.card-background-7,
|
||||
.card-background-12,
|
||||
.card-background-13,
|
||||
.card-background-28,
|
||||
.card-background-30,
|
||||
.card-background-35,
|
||||
.card-background-52,
|
||||
.card-background-55,
|
||||
.card-background-56,
|
||||
.card-background-58,
|
||||
.card-background-60,
|
||||
.card-background-95,
|
||||
.card-background-116,
|
||||
.card-background-122,
|
||||
.card-background-127,
|
||||
.card-background-129,
|
||||
.card-background-131,
|
||||
.card-background-144,
|
||||
.card-background-149,
|
||||
.card-background-150,
|
||||
.card-background-161,
|
||||
.card-background-185,
|
||||
.card-background-187 {
|
||||
--profile-card-text: #1a1a1a;
|
||||
--profile-card-shadow: 0 1px 1px rgba(255, 255, 255, 0.65);
|
||||
}
|
||||
|
||||
[class*="card-background-"] .nitro-extended-profile__username .username,
|
||||
[class*="card-background-"] .nitro-extended-profile__motto,
|
||||
[class*="card-background-"] .nitro-extended-profile__meta,
|
||||
[class*="card-background-"] .nitro-extended-profile__meta b,
|
||||
[class*="card-background-"] .nitro-extended-profile__meta span,
|
||||
[class*="card-background-"] .nitro-extended-profile__status-text,
|
||||
[class*="card-background-"] .nitro-extended-profile__relationships-label,
|
||||
[class*="card-background-"] .nitro-extended-profile__relationship-subcopy,
|
||||
[class*="card-background-"] .nitro-extended-profile__link,
|
||||
[class*="card-background-"] .nitro-extended-profile__right > p,
|
||||
[class*="card-background-"] .nitro-extended-profile__right > p b {
|
||||
color: var(--profile-card-text, #fff) !important;
|
||||
text-shadow: var(--profile-card-shadow, 0 1px 2px rgba(0, 0, 0, 0.55));
|
||||
}
|
||||
|
||||
.profile-card-background[class*="card-background-"]:not(.nitro-extended-profile-window__content) {
|
||||
color: var(--profile-card-text, #fff);
|
||||
text-shadow: var(--profile-card-shadow, 0 1px 2px rgba(0, 0, 0, 0.55));
|
||||
}
|
||||
|
||||
.profile-card-background[class*="card-background-"]:not(.nitro-extended-profile-window__content) .text-white {
|
||||
color: var(--profile-card-text, #fff) !important;
|
||||
}
|
||||
|
||||
.profile-border.border-25 { background-image: url('@/assets/images/backgrounds/borders/border_25.webp'); }
|
||||
+1399
-518
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,366 @@
|
||||
/* ============================================================================
|
||||
Chat-bar @-mention autocomplete - Habbo style
|
||||
----------------------------------------------------------------------------
|
||||
Mirrors the NitroCard look (cream cardstock, habbo-blue header, black 2px
|
||||
border, drop shadow) and the in-room infostand row chrome. The popover
|
||||
appears above the chat input, anchored to its bottom-left and the same
|
||||
width as the input, with the bottom corners flush so it visually merges
|
||||
with the input edge.
|
||||
============================================================================ */
|
||||
|
||||
.chat-input-mention-popover {
|
||||
position: absolute;
|
||||
bottom: 100%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
margin-bottom: 4px;
|
||||
background: #f2f2eb;
|
||||
border: 2px solid #000;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
|
||||
overflow: hidden;
|
||||
z-index: 1070;
|
||||
font-family: Volter, Volter_Goldfish, "Ubuntu", sans-serif;
|
||||
image-rendering: pixelated;
|
||||
}
|
||||
|
||||
.chat-input-mention-popover-header {
|
||||
height: 24px;
|
||||
padding: 0 8px;
|
||||
background: #30728c;
|
||||
border-bottom: 2px solid #000;
|
||||
color: #fff;
|
||||
text-shadow: 1px 1px 1px #000;
|
||||
font-family: UbuntuCondensed, Ubuntu, sans-serif;
|
||||
font-size: 13px;
|
||||
line-height: 22px;
|
||||
letter-spacing: 0.3px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.chat-input-mention-popover-header-dot {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
background: #ffdc4c;
|
||||
border: 1px solid #000;
|
||||
border-radius: 50%;
|
||||
box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.55);
|
||||
}
|
||||
|
||||
.chat-input-mention-popover-list {
|
||||
max-height: 220px;
|
||||
overflow-y: auto;
|
||||
padding: 4px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 2px;
|
||||
}
|
||||
|
||||
.chat-input-mention-row {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 4px 6px;
|
||||
border-radius: 6px;
|
||||
border: 1px solid transparent;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
transition: background 0.08s linear, border-color 0.08s linear;
|
||||
}
|
||||
|
||||
.chat-input-mention-row:hover {
|
||||
background: rgba(48, 114, 140, 0.12);
|
||||
}
|
||||
|
||||
.chat-input-mention-row.is-selected {
|
||||
background: #30728c;
|
||||
border-color: #000;
|
||||
color: #fff;
|
||||
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.45);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
|
||||
}
|
||||
|
||||
.chat-input-mention-row-tile {
|
||||
position: relative;
|
||||
width: 36px;
|
||||
height: 36px;
|
||||
flex-shrink: 0;
|
||||
border-radius: 6px;
|
||||
border: 1px solid #000;
|
||||
background: #cfcfc4;
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 0 rgba(0, 0, 0, 0.12);
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.chat-input-mention-row.is-selected .chat-input-mention-row-tile {
|
||||
background: #1f5a72;
|
||||
}
|
||||
|
||||
.chat-input-mention-row-tile.is-alias {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background: linear-gradient(180deg, #ffdc4c 0%, #f0a91c 100%);
|
||||
color: #4a2b00;
|
||||
font-weight: 700;
|
||||
font-size: 16px;
|
||||
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.45);
|
||||
}
|
||||
|
||||
.chat-input-mention-row.is-selected .chat-input-mention-row-tile.is-alias {
|
||||
background: linear-gradient(180deg, #ffe97a 0%, #f9bd44 100%);
|
||||
}
|
||||
|
||||
.chat-input-mention-row-tile .avatar-image {
|
||||
position: absolute !important;
|
||||
inset: 0 !important;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
left: 0 !important;
|
||||
background-repeat: no-repeat;
|
||||
background-position: -22px -32px;
|
||||
background-size: auto;
|
||||
}
|
||||
|
||||
.chat-input-mention-row-body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-width: 0;
|
||||
flex: 1 1 auto;
|
||||
gap: 0;
|
||||
}
|
||||
|
||||
.chat-input-mention-row-name {
|
||||
font-family: UbuntuCondensed, Ubuntu, sans-serif;
|
||||
font-size: 14px;
|
||||
line-height: 1.1;
|
||||
color: #2c2c2c;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.2px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.chat-input-mention-row.is-selected .chat-input-mention-row-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.chat-input-mention-row-desc {
|
||||
font-size: 10px;
|
||||
line-height: 1.1;
|
||||
color: #6b6b6b;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.chat-input-mention-row.is-selected .chat-input-mention-row-desc {
|
||||
color: #d6e6ee;
|
||||
}
|
||||
|
||||
.chat-input-mention-row-kind {
|
||||
font-size: 9px;
|
||||
line-height: 1;
|
||||
padding: 2px 5px;
|
||||
border-radius: 8px;
|
||||
border: 1px solid #000;
|
||||
background: #cfe6ef;
|
||||
color: #1c3d4c;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.5px;
|
||||
flex-shrink: 0;
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6);
|
||||
}
|
||||
|
||||
.chat-input-mention-row-kind.is-alias {
|
||||
background: #ffe97a;
|
||||
color: #5a3a00;
|
||||
}
|
||||
|
||||
.chat-input-mention-row.is-selected .chat-input-mention-row-kind {
|
||||
background: #ffdc4c;
|
||||
color: #4a2b00;
|
||||
}
|
||||
|
||||
/* Habbo-style scrollbar, matching NitroCardContentView scroll chrome. */
|
||||
.chat-input-mention-popover-list::-webkit-scrollbar {
|
||||
width: 8px;
|
||||
}
|
||||
|
||||
.chat-input-mention-popover-list::-webkit-scrollbar-track {
|
||||
background: #d8d8cf;
|
||||
border-left: 1px solid #000;
|
||||
}
|
||||
|
||||
.chat-input-mention-popover-list::-webkit-scrollbar-thumb {
|
||||
background: #30728c;
|
||||
border: 1px solid #000;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.chat-input-mention-popover-list::-webkit-scrollbar-thumb:hover {
|
||||
background: #3c88a6;
|
||||
}
|
||||
|
||||
/* ============================================================================
|
||||
:command popover - same Habbo NitroCard chrome as the @-mention picker.
|
||||
Header is green to distinguish it visually from the mention popover,
|
||||
which uses the standard habbo-blue.
|
||||
============================================================================ */
|
||||
|
||||
.chat-input-command-popover {
|
||||
position: absolute;
|
||||
bottom: 100%;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
margin-bottom: 4px;
|
||||
background: #f2f2eb;
|
||||
border: 2px solid #000;
|
||||
border-radius: 10px;
|
||||
box-shadow: 0 8px 22px rgba(0, 0, 0, 0.28);
|
||||
overflow: hidden;
|
||||
z-index: 1070;
|
||||
font-family: Volter, Volter_Goldfish, "Ubuntu", sans-serif;
|
||||
image-rendering: pixelated;
|
||||
}
|
||||
|
||||
.chat-input-command-popover-header {
|
||||
height: 24px;
|
||||
padding: 0 8px;
|
||||
background: #2f8d4a;
|
||||
border-bottom: 2px solid #000;
|
||||
color: #fff;
|
||||
text-shadow: 1px 1px 1px #000;
|
||||
font-family: UbuntuCondensed, Ubuntu, sans-serif;
|
||||
font-size: 13px;
|
||||
line-height: 22px;
|
||||
letter-spacing: 0.3px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.chat-input-command-popover-header-dot {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
background: #ffdc4c;
|
||||
border: 1px solid #000;
|
||||
border-radius: 50%;
|
||||
box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.55);
|
||||
}
|
||||
|
||||
.chat-input-command-popover-list {
|
||||
max-height: 220px;
|
||||
overflow-y: auto;
|
||||
padding: 4px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 2px;
|
||||
}
|
||||
|
||||
.chat-input-command-row {
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
padding: 4px 6px;
|
||||
border-radius: 6px;
|
||||
border: 1px solid transparent;
|
||||
cursor: pointer;
|
||||
background: transparent;
|
||||
transition: background 0.08s linear, border-color 0.08s linear;
|
||||
}
|
||||
|
||||
.chat-input-command-row:hover {
|
||||
background: rgba(47, 141, 74, 0.12);
|
||||
}
|
||||
|
||||
.chat-input-command-row.is-selected {
|
||||
background: #2f8d4a;
|
||||
border-color: #000;
|
||||
color: #fff;
|
||||
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.45);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
|
||||
}
|
||||
|
||||
.chat-input-command-row-tile {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 28px;
|
||||
height: 28px;
|
||||
flex-shrink: 0;
|
||||
border-radius: 6px;
|
||||
border: 1px solid #000;
|
||||
background: linear-gradient(180deg, #b6e6c4 0%, #5ec07d 100%);
|
||||
color: #1a4a28;
|
||||
font-weight: 700;
|
||||
font-size: 14px;
|
||||
font-family: UbuntuCondensed, Ubuntu, sans-serif;
|
||||
text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.45);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.6), inset 0 -1px 0 rgba(0, 0, 0, 0.12);
|
||||
}
|
||||
|
||||
.chat-input-command-row.is-selected .chat-input-command-row-tile {
|
||||
background: linear-gradient(180deg, #c8f0d5 0%, #7ed79a 100%);
|
||||
}
|
||||
|
||||
.chat-input-command-row-body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
min-width: 0;
|
||||
flex: 1 1 auto;
|
||||
gap: 0;
|
||||
}
|
||||
|
||||
.chat-input-command-row-name {
|
||||
font-family: UbuntuCondensed, Ubuntu, sans-serif;
|
||||
font-size: 14px;
|
||||
line-height: 1.1;
|
||||
color: #2c2c2c;
|
||||
font-weight: 700;
|
||||
letter-spacing: 0.2px;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.chat-input-command-row.is-selected .chat-input-command-row-name {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.chat-input-command-row-desc {
|
||||
font-size: 10px;
|
||||
line-height: 1.1;
|
||||
color: #6b6b6b;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.chat-input-command-row.is-selected .chat-input-command-row-desc {
|
||||
color: #d9efde;
|
||||
}
|
||||
|
||||
.chat-input-command-popover-list::-webkit-scrollbar {
|
||||
width: 8px;
|
||||
}
|
||||
|
||||
.chat-input-command-popover-list::-webkit-scrollbar-track {
|
||||
background: #d8d8cf;
|
||||
border-left: 1px solid #000;
|
||||
}
|
||||
|
||||
.chat-input-command-popover-list::-webkit-scrollbar-thumb {
|
||||
background: #2f8d4a;
|
||||
border: 1px solid #000;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.chat-input-command-popover-list::-webkit-scrollbar-thumb:hover {
|
||||
background: #3aa55b;
|
||||
}
|
||||
@@ -807,435 +807,6 @@
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-253 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_253.png');
|
||||
border-image-slice: 16 22 15 27 fill;
|
||||
border-image-width: 16px 22px 15px 27px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_253_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-254 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_254.png');
|
||||
border-image-slice: 7 28 15 25 fill;
|
||||
border-image-width: 7px 28px 15px 25px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_254_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-255 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_255.png');
|
||||
border-image-slice: 12 19 22 30 fill;
|
||||
border-image-width: 12px 19px 22px 30px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_255_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-256 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_256.png');
|
||||
border-image-slice: 24 18 10 31 fill;
|
||||
border-image-width: 24px 18px 10px 31px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_256_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-257 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_257.png');
|
||||
border-image-slice: 6 17 19 36 fill;
|
||||
border-image-width: 6px 17px 19px 36px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_257_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-258 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_258.png');
|
||||
border-image-slice: 22 27 10 27 fill;
|
||||
border-image-width: 22px 27px 10px 27px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_258_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-259 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_259.png');
|
||||
border-image-slice: 21 27 18 37 fill;
|
||||
border-image-width: 21px 27px 18px 37px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_259_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-260 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_260.png');
|
||||
border-image-slice: 6 22 16 27 fill;
|
||||
border-image-width: 6px 22px 16px 27px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_260_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-261 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_261.png');
|
||||
border-image-slice: 18 27 5 22 fill;
|
||||
border-image-width: 18px 27px 5px 22px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_261_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-262 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_262.png');
|
||||
border-image-slice: 33 31 11 34 fill;
|
||||
border-image-width: 33px 31px 11px 34px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_262_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-263 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_263.png');
|
||||
border-image-slice: 15 19 10 32 fill;
|
||||
border-image-width: 15px 19px 10px 32px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_263_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-264 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_264.png');
|
||||
border-image-slice: 18 24 16 25 fill;
|
||||
border-image-width: 18px 24px 16px 25px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_264_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-265 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_265.png');
|
||||
border-image-slice: 41 40 17 18 fill;
|
||||
border-image-width: 41px 40px 17px 18px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_265_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-266 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_266.png');
|
||||
border-image-slice: 13 34 22 27 fill;
|
||||
border-image-width: 13px 34px 22px 27px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_266_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-267 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_267.png');
|
||||
border-image-slice: 17 30 22 25 fill;
|
||||
border-image-width: 17px 30px 22px 25px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_267_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-268 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_268.png');
|
||||
border-image-slice: 7 30 21 24 fill;
|
||||
border-image-width: 7px 30px 21px 24px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_268_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-269 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_269.png');
|
||||
border-image-slice: 10 23 25 35 fill;
|
||||
border-image-width: 10px 23px 25px 35px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_269_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-270 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_270.png');
|
||||
border-image-slice: 13 30 14 26 fill;
|
||||
border-image-width: 13px 30px 14px 26px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_270_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-271 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_271.png');
|
||||
border-image-slice: 23 23 9 35 fill;
|
||||
border-image-width: 23px 23px 9px 35px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_271_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-272 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_272.png');
|
||||
border-image-slice: 9 31 24 25 fill;
|
||||
border-image-width: 9px 31px 24px 25px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_272_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-273 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_273.png');
|
||||
border-image-slice: 11 16 25 37 fill;
|
||||
border-image-width: 11px 16px 25px 37px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_273_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-274 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_274.png');
|
||||
border-image-slice: 7 22 19 27 fill;
|
||||
border-image-width: 7px 22px 19px 27px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_274_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-275 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_275.png');
|
||||
border-image-slice: 8 23 14 26 fill;
|
||||
border-image-width: 8px 23px 14px 26px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_275_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-276 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_276.png');
|
||||
border-image-slice: 12 40 17 17 fill;
|
||||
border-image-width: 12px 40px 17px 17px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_276_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-277 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_277.png');
|
||||
border-image-slice: 6 39 18 17 fill;
|
||||
border-image-width: 6px 39px 18px 17px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_277_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-278 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_278.png');
|
||||
border-image-slice: 16 38 6 19 fill;
|
||||
border-image-width: 16px 38px 6px 19px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_278_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-279 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_279.png');
|
||||
border-image-slice: 6 26 16 23 fill;
|
||||
border-image-width: 6px 26px 16px 23px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_279_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-280 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_280.png');
|
||||
border-image-slice: 23 29 6 15 fill;
|
||||
border-image-width: 23px 29px 6px 15px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_280_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-281 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_281.png');
|
||||
border-image-slice: 18 42 9 18 fill;
|
||||
border-image-width: 18px 42px 9px 18px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_281_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-282 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_282.png');
|
||||
border-image-slice: 18 42 9 18 fill;
|
||||
border-image-width: 18px 42px 9px 18px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_282_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-283 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_283.png');
|
||||
border-image-slice: 17 26 13 31 fill;
|
||||
border-image-width: 17px 26px 13px 31px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_283_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-284 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_284.png');
|
||||
border-image-slice: 9 26 23 26 fill;
|
||||
border-image-width: 9px 26px 23px 26px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_284_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-285 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_285.png');
|
||||
border-image-slice: 16 35 15 15 fill;
|
||||
border-image-width: 16px 35px 15px 15px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_285_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-286 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_286.png');
|
||||
border-image-slice: 18 22 4 23 fill;
|
||||
border-image-width: 18px 22px 4px 23px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_286_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-287 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_287.png');
|
||||
border-image-slice: 6 22 18 26 fill;
|
||||
border-image-width: 6px 22px 18px 26px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_287_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-288 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_288.png');
|
||||
border-image-slice: 18 31 11 24 fill;
|
||||
border-image-width: 18px 31px 11px 24px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_288_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-289 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_289.png');
|
||||
border-image-slice: 7 54 17 24 fill;
|
||||
border-image-width: 7px 54px 17px 24px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_289_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-290 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_290.png');
|
||||
border-image-slice: 18 24 14 29 fill;
|
||||
border-image-width: 18px 24px 14px 29px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_290_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-291 {
|
||||
border-image-source: url('@/assets/images/chat/chatbubbles/bubble_291.png');
|
||||
border-image-slice: 9 26 11 35 fill;
|
||||
border-image-width: 9px 26px 11px 35px;
|
||||
border-image-repeat: stretch stretch;
|
||||
|
||||
.pointer {
|
||||
background: url('@/assets/images/chat/chatbubbles/bubble_291_pointer.png');
|
||||
}
|
||||
}
|
||||
|
||||
&.bubble-200,
|
||||
&.bubble-201,
|
||||
&.bubble-202,
|
||||
@@ -2239,169 +1810,4 @@
|
||||
background: center / contain no-repeat url('@/assets/images/chat/chatbubbles/bubble_252_extra.png');
|
||||
}
|
||||
}
|
||||
&.bubble-253 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_253.png');
|
||||
}
|
||||
|
||||
&.bubble-254 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_254.png');
|
||||
}
|
||||
|
||||
&.bubble-255 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_255.png');
|
||||
}
|
||||
|
||||
&.bubble-256 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_256.png');
|
||||
}
|
||||
|
||||
&.bubble-257 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_257.png');
|
||||
}
|
||||
|
||||
&.bubble-258 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_258.png');
|
||||
}
|
||||
|
||||
&.bubble-259 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_259.png');
|
||||
}
|
||||
|
||||
&.bubble-260 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_260.png');
|
||||
}
|
||||
|
||||
&.bubble-261 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_261.png');
|
||||
}
|
||||
|
||||
&.bubble-262 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_262.png');
|
||||
}
|
||||
|
||||
&.bubble-263 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_263.png');
|
||||
}
|
||||
|
||||
&.bubble-264 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_264.png');
|
||||
}
|
||||
|
||||
&.bubble-265 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_265.png');
|
||||
}
|
||||
|
||||
&.bubble-266 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_266.png');
|
||||
}
|
||||
|
||||
&.bubble-267 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_267.png');
|
||||
}
|
||||
|
||||
&.bubble-268 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_268.png');
|
||||
}
|
||||
|
||||
&.bubble-269 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_269.png');
|
||||
}
|
||||
|
||||
&.bubble-270 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_270.png');
|
||||
}
|
||||
|
||||
&.bubble-271 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_271.png');
|
||||
}
|
||||
|
||||
&.bubble-272 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_272.png');
|
||||
}
|
||||
|
||||
&.bubble-273 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_273.png');
|
||||
}
|
||||
|
||||
&.bubble-274 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_274.png');
|
||||
}
|
||||
|
||||
&.bubble-275 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_275.png');
|
||||
}
|
||||
|
||||
&.bubble-276 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_276.png');
|
||||
}
|
||||
|
||||
&.bubble-277 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_277.png');
|
||||
}
|
||||
|
||||
&.bubble-278 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_278.png');
|
||||
}
|
||||
|
||||
&.bubble-279 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_279.png');
|
||||
}
|
||||
|
||||
&.bubble-280 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_280.png');
|
||||
}
|
||||
|
||||
&.bubble-281 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_281.png');
|
||||
}
|
||||
|
||||
&.bubble-282 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_282.png');
|
||||
}
|
||||
|
||||
&.bubble-283 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_283.png');
|
||||
}
|
||||
|
||||
&.bubble-284 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_284.png');
|
||||
}
|
||||
|
||||
&.bubble-285 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_285.png');
|
||||
}
|
||||
|
||||
&.bubble-286 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_286.png');
|
||||
}
|
||||
|
||||
&.bubble-287 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_287.png');
|
||||
}
|
||||
|
||||
&.bubble-288 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_288.png');
|
||||
}
|
||||
|
||||
&.bubble-289 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_289.png');
|
||||
}
|
||||
|
||||
&.bubble-290 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_290.png');
|
||||
}
|
||||
|
||||
&.bubble-291 {
|
||||
background-image: url('@/assets/images/chat/chatbubbles/bubble_291.png');
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* Mention highlight inside chat bubbles (cosmetic) */
|
||||
.mention-highlight {
|
||||
font-weight: 700;
|
||||
color: #1e7295;
|
||||
background-color: rgba(30, 114, 149, 0.16);
|
||||
border-radius: 3px;
|
||||
padding: 0 2px;
|
||||
}
|
||||
|
||||
@@ -1,3 +1,70 @@
|
||||
.nitro-swf-button {
|
||||
min-height: 22px !important;
|
||||
height: 22px;
|
||||
padding: 2px 10px !important;
|
||||
border: 3px solid transparent !important;
|
||||
border-radius: 0 !important;
|
||||
border-image-source: url("../../assets/images/catalog/swf/habbo_skin_button_default_9x22.png") !important;
|
||||
border-image-slice: 3 3 3 3 fill !important;
|
||||
border-image-width: 3px !important;
|
||||
border-image-repeat: stretch !important;
|
||||
background: transparent !important;
|
||||
background-color: transparent !important;
|
||||
background-image: none !important;
|
||||
box-shadow: none !important;
|
||||
color: #222 !important;
|
||||
font-size: 11px !important;
|
||||
font-weight: 700 !important;
|
||||
line-height: 16px !important;
|
||||
text-shadow: 0 1px 0 rgba(255,255,255,.75) !important;
|
||||
transition: none !important;
|
||||
}
|
||||
|
||||
.nitro-swf-button:hover {
|
||||
border-image-source: url("../../assets/images/catalog/swf/habbo_skin_button_hover_9x22.png") !important;
|
||||
background: transparent !important;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.nitro-swf-button:active,
|
||||
.nitro-swf-button.active {
|
||||
border-image-source: url("../../assets/images/catalog/swf/habbo_skin_button_pressed_9x22.png") !important;
|
||||
background: transparent !important;
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.nitro-swf-button.pointer-events-none,
|
||||
.nitro-swf-button:disabled {
|
||||
border-image-source: url("../../assets/images/catalog/swf/habbo_skin_button_disabled_9x22.png") !important;
|
||||
color: #888 !important;
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
.nitro-swf-button-success {
|
||||
height: 24px;
|
||||
min-height: 24px !important;
|
||||
border: 6px solid transparent !important;
|
||||
border-image-source: url("../../assets/images/catalog/swf/habbo_skin_button_green_24x24.png") !important;
|
||||
border-image-slice: 6 6 6 6 fill !important;
|
||||
border-image-width: 6px !important;
|
||||
color: #fff !important;
|
||||
text-shadow: 0 1px 0 rgba(0,0,0,.55) !important;
|
||||
}
|
||||
|
||||
.nitro-swf-button-success:hover {
|
||||
border-image-source: url("../../assets/images/catalog/swf/habbo_skin_button_green_hover_24x24.png") !important;
|
||||
}
|
||||
|
||||
.nitro-swf-button-success:active,
|
||||
.nitro-swf-button-success.active {
|
||||
border-image-source: url("../../assets/images/catalog/swf/habbo_skin_button_green_pressed_24x24.png") !important;
|
||||
}
|
||||
|
||||
.nitro-swf-button-success.pointer-events-none,
|
||||
.nitro-swf-button-success:disabled {
|
||||
border-image-source: url("../../assets/images/catalog/swf/habbo_skin_button_green_disabled_24x24.png") !important;
|
||||
}
|
||||
|
||||
.btn-sm {
|
||||
min-height: 28px;
|
||||
}
|
||||
|
||||
@@ -1,3 +1,4 @@
|
||||
/* ── Friends spritesheet icons ── */
|
||||
.nitro-friends-spritesheet {
|
||||
background: url('@/assets/images/friends/friends-spritesheet.png') transparent no-repeat;
|
||||
|
||||
@@ -138,8 +139,8 @@
|
||||
|
||||
& .nitro-card-accordion-set-content,
|
||||
& .nitro-card-content-shell {
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #6d7b84 #cdd4d8;
|
||||
scrollbar-width: auto;
|
||||
scrollbar-color: auto;
|
||||
}
|
||||
|
||||
& .nitro-card-accordion-set-content::-webkit-scrollbar,
|
||||
@@ -175,12 +176,9 @@
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
& .nitro-card-accordion-set-header span,
|
||||
& .nitro-card-accordion-set-header > div {
|
||||
font-size: 12px !important;
|
||||
font-weight: 700;
|
||||
& .nitro-card-accordion-set-header span {
|
||||
font-size: 12px;
|
||||
color: #111 !important;
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
& .nitro-card-accordion-set-header .fa-icon {
|
||||
@@ -463,8 +461,8 @@
|
||||
|
||||
& .nitro-card-content-shell,
|
||||
& .chat-messages {
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #6d7b84 #cdd4d8;
|
||||
scrollbar-width: auto;
|
||||
scrollbar-color: auto;
|
||||
}
|
||||
|
||||
& .nitro-card-content-shell::-webkit-scrollbar,
|
||||
@@ -802,29 +800,3 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.nitro-friends .friends-list-avatar {
|
||||
position: relative !important;
|
||||
width: 32px;
|
||||
height: 36px;
|
||||
flex-shrink: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.nitro-friends .friends-list-avatar .avatar-image {
|
||||
position: absolute !important;
|
||||
inset: 0 !important;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
margin: 0 !important;
|
||||
background-size: 66px auto !important;
|
||||
background-position: -16px -21px !important;
|
||||
transform: none !important;
|
||||
}
|
||||
|
||||
.nitro-friends .nitro-card-accordion-set-header > div,
|
||||
.nitro-friends .nitro-card-accordion-set-header span {
|
||||
font-size: 12px !important;
|
||||
font-weight: 700 !important;
|
||||
line-height: 1.15 !important;
|
||||
}
|
||||
|
||||
@@ -0,0 +1,168 @@
|
||||
.habbo-swf-window {
|
||||
--habbo-swf-ubuntu: url("../../assets/images/catalog/swf/habbo_skin_ubuntu.png");
|
||||
--habbo-swf-blue: url("../../assets/images/catalog/swf/skins/habbo_skin_blue.png");
|
||||
--habbo-swf-bg: #ecece4;
|
||||
--habbo-swf-panel: #f7f7f2;
|
||||
--habbo-swf-border: #9d9d96;
|
||||
--habbo-swf-header: #2f8097;
|
||||
--habbo-swf-header-dark: #1a5364;
|
||||
--habbo-swf-text: #111;
|
||||
--habbo-swf-close: url("../../assets/images/catalog/buttons/close.png");
|
||||
--habbo-swf-close-hover: url("../../assets/images/catalog/buttons/close_hover.png");
|
||||
--habbo-swf-close-pressed: url("../../assets/images/catalog/buttons/close_pressed.png");
|
||||
--habbo-swf-button: url("../../assets/images/catalog/buttons/btn_secondary.png");
|
||||
--habbo-swf-button-hover: url("../../assets/images/catalog/buttons/btn_secondary_hover.png");
|
||||
--habbo-swf-button-pressed: url("../../assets/images/catalog/buttons/btn_secondary_pressed.png");
|
||||
--habbo-swf-button-disabled: url("../../assets/images/catalog/buttons/btn_secondary_disabled.png");
|
||||
--habbo-swf-button-green: url("../../assets/images/catalog/buttons/buy.png");
|
||||
color: var(--habbo-swf-text) !important;
|
||||
background: var(--habbo-swf-bg) !important;
|
||||
border: 1px solid #000 !important;
|
||||
border-radius: 7px 7px 0 0 !important;
|
||||
font-family: Ubuntu, Arial, sans-serif !important;
|
||||
image-rendering: pixelated;
|
||||
}
|
||||
|
||||
.habbo-swf-window,
|
||||
.habbo-swf-window * {
|
||||
box-sizing: border-box;
|
||||
image-rendering: pixelated;
|
||||
}
|
||||
|
||||
.habbo-swf-window .nitro-card-header-shell,
|
||||
.habbo-swf-window .nitro-card-header {
|
||||
min-height: 35px !important;
|
||||
max-height: 35px !important;
|
||||
height: 35px !important;
|
||||
background: var(--habbo-swf-header) !important;
|
||||
border: 0 !important;
|
||||
border-bottom: 1px solid #000 !important;
|
||||
border-radius: 6px 6px 0 0 !important;
|
||||
}
|
||||
|
||||
.habbo-swf-window .nitro-card-title {
|
||||
color: #fff !important;
|
||||
font-family: Ubuntu, Arial, sans-serif !important;
|
||||
font-size: 16px !important;
|
||||
font-weight: 700 !important;
|
||||
line-height: 35px !important;
|
||||
text-align: center !important;
|
||||
text-shadow: 0 1px 0 #000 !important;
|
||||
}
|
||||
|
||||
.habbo-swf-window .nitro-card-close-button {
|
||||
top: 7px !important;
|
||||
right: 7px !important;
|
||||
width: 19px !important;
|
||||
min-width: 19px !important;
|
||||
height: 20px !important;
|
||||
min-height: 20px !important;
|
||||
padding: 0 !important;
|
||||
border: 0 !important;
|
||||
border-radius: 0 !important;
|
||||
background-color: transparent !important;
|
||||
/* Direct URL instead of var(--habbo-swf-close) - some browser /
|
||||
bundler combinations don't resolve relative url()s inside CSS
|
||||
custom properties consistently (they're spec'd to resolve from
|
||||
the document, not the stylesheet). Inlining the path makes
|
||||
this immune. */
|
||||
background-image: url("../../assets/images/catalog/buttons/close.png") !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-position: center !important;
|
||||
background-size: 19px 20px !important;
|
||||
box-shadow: none !important;
|
||||
image-rendering: pixelated !important;
|
||||
opacity: 1 !important;
|
||||
visibility: visible !important;
|
||||
display: block !important;
|
||||
}
|
||||
|
||||
.habbo-swf-window .nitro-card-close-button:hover {
|
||||
background-image: url("../../assets/images/catalog/buttons/close_hover.png") !important;
|
||||
}
|
||||
|
||||
.habbo-swf-window .nitro-card-close-button:active {
|
||||
background-image: url("../../assets/images/catalog/buttons/close_pressed.png") !important;
|
||||
}
|
||||
|
||||
.habbo-swf-window .nitro-card-close-button::before,
|
||||
.habbo-swf-window .nitro-card-close-button::after {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.habbo-swf-window .nitro-card-content-shell,
|
||||
.habbo-swf-window .nitro-card-content {
|
||||
background: var(--habbo-swf-bg) !important;
|
||||
color: var(--habbo-swf-text) !important;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
||||
.habbo-swf-window button,
|
||||
.habbo-swf-window .btn,
|
||||
.habbo-swf-window .nitro-swf-button {
|
||||
min-height: 22px !important;
|
||||
border: 4px solid transparent !important;
|
||||
border-radius: 0 !important;
|
||||
border-image-source: var(--habbo-swf-button) !important;
|
||||
border-image-slice: 4 4 4 4 fill !important;
|
||||
border-image-width: 4px !important;
|
||||
border-image-repeat: stretch !important;
|
||||
background: transparent !important;
|
||||
box-shadow: none !important;
|
||||
color: #111 !important;
|
||||
font-family: Ubuntu, Arial, sans-serif !important;
|
||||
font-size: 12px !important;
|
||||
font-weight: 700 !important;
|
||||
line-height: 14px !important;
|
||||
}
|
||||
|
||||
.habbo-swf-window button:hover,
|
||||
.habbo-swf-window .btn:hover,
|
||||
.habbo-swf-window .nitro-swf-button:hover {
|
||||
border-image-source: var(--habbo-swf-button-hover) !important;
|
||||
}
|
||||
|
||||
.habbo-swf-window button:active,
|
||||
.habbo-swf-window .btn:active,
|
||||
.habbo-swf-window .nitro-swf-button:active {
|
||||
border-image-source: var(--habbo-swf-button-pressed) !important;
|
||||
}
|
||||
|
||||
.habbo-swf-window button:disabled,
|
||||
.habbo-swf-window .btn:disabled,
|
||||
.habbo-swf-window .nitro-swf-button:disabled {
|
||||
border-image-source: var(--habbo-swf-button-disabled) !important;
|
||||
color: #8d8d87 !important;
|
||||
}
|
||||
|
||||
.habbo-swf-window .btn-success,
|
||||
.habbo-swf-window button[class*="success"],
|
||||
.habbo-swf-window .nitro-swf-button-success {
|
||||
border-image-source: var(--habbo-swf-button-green) !important;
|
||||
color: #fff !important;
|
||||
text-shadow: 0 1px 0 #004b00 !important;
|
||||
}
|
||||
|
||||
.habbo-swf-window input,
|
||||
.habbo-swf-window textarea,
|
||||
.habbo-swf-window select {
|
||||
min-height: 22px !important;
|
||||
border: 1px solid #b7b7ae !important;
|
||||
border-radius: 3px !important;
|
||||
background: #fff !important;
|
||||
color: #333 !important;
|
||||
box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.08) !important;
|
||||
font-family: Ubuntu, Arial, sans-serif !important;
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
.habbo-swf-window .nitro-card-tabs-shell,
|
||||
.habbo-swf-window .nitro-catalog-classic-tabs-shell {
|
||||
background: var(--habbo-swf-bg) !important;
|
||||
border-bottom: 1px solid #000 !important;
|
||||
}
|
||||
|
||||
.habbo-swf-window .nitro-card-tab-item {
|
||||
color: #111 !important;
|
||||
text-shadow: none !important;
|
||||
}
|
||||
@@ -229,13 +229,6 @@
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.nitro-icon.icon-mentions {
|
||||
background-image: url("@/assets/images/toolbar/icons/mentions.png");
|
||||
background-size: contain;
|
||||
width: 36px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
.nitro-icon.icon-wired-tools {
|
||||
background-image: url("@/assets/images/wiredtools/wired_menu.png");
|
||||
background-size: contain;
|
||||
|
||||
+73
-52
@@ -51,8 +51,8 @@ body {
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
overscroll-behavior: none;
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: #6d7b84 #c8d0d4;
|
||||
scrollbar-width: auto;
|
||||
scrollbar-color: auto;
|
||||
}
|
||||
|
||||
#root {
|
||||
@@ -115,77 +115,98 @@ body {
|
||||
@apply outline-0;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: .875rem;
|
||||
*::-webkit-scrollbar {
|
||||
width: 17px !important;
|
||||
height: 17px !important;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar:horizontal {
|
||||
height: .875rem;
|
||||
*::-webkit-scrollbar:horizontal {
|
||||
height: 17px !important;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar:not(:horizontal) {
|
||||
width: .875rem;
|
||||
*::-webkit-scrollbar:not(:horizontal) {
|
||||
width: 17px !important;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background: linear-gradient(180deg, #dfe5e8 0%, #c9d1d5 100%);
|
||||
border-left: 1px solid #7a858b;
|
||||
border-right: 1px solid #eef3f5;
|
||||
border-radius: 0;
|
||||
/* App-wide Habbo scrollbar (sprites cropped from catalog_skin1.png).
|
||||
Thumb sprite is 17x34 with caps + grip baked in; stretched full
|
||||
height via background-size: 17px 100%. Arrow buttons are natural
|
||||
17x16 sprites. */
|
||||
|
||||
*::-webkit-scrollbar-track {
|
||||
background-color: #e7e5d8 !important;
|
||||
background-image: none !important;
|
||||
box-shadow: inset 1px 0 0 #b9b6a5, inset -1px 0 0 #ffffff !important;
|
||||
border: 0 !important;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
background: linear-gradient(180deg, #8fb5c7 0%, #5d8ea5 100%);
|
||||
border: 1px solid #446879;
|
||||
border-radius: 2px;
|
||||
box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.28);
|
||||
*::-webkit-scrollbar-thumb {
|
||||
min-height: 24px !important;
|
||||
background-color: transparent !important;
|
||||
background-image: url("../assets/images/catalog/scrollbar/scroll_v_thumb.png") !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-position: center center !important;
|
||||
background-size: 17px 100% !important;
|
||||
border: 0 !important;
|
||||
border-radius: 0 !important;
|
||||
box-shadow: none !important;
|
||||
image-rendering: pixelated !important;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
background: linear-gradient(180deg, #99c2d5 0%, #689ab0 100%);
|
||||
*::-webkit-scrollbar-thumb:hover,
|
||||
*::-webkit-scrollbar-thumb:active {
|
||||
background-image: url("../assets/images/catalog/scrollbar/scroll_v_thumb_pressed.png") !important;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:active {
|
||||
background: linear-gradient(180deg, #5c889d 0%, #436977 100%);
|
||||
*::-webkit-scrollbar-corner {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-corner {
|
||||
background: #c9d1d5;
|
||||
*::-webkit-scrollbar-button:single-button {
|
||||
display: block !important;
|
||||
width: 17px !important;
|
||||
height: 16px !important;
|
||||
/* Cream fill so the arrow sprite's transparent rounded corners
|
||||
paint over the track colour, not whatever is behind the
|
||||
scrollbar (which can render black). */
|
||||
background-color: #e7e5d8 !important;
|
||||
background-repeat: no-repeat !important;
|
||||
background-position: center !important;
|
||||
border: 0 !important;
|
||||
image-rendering: pixelated !important;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-button:single-button {
|
||||
display: block;
|
||||
width: .875rem;
|
||||
height: .875rem;
|
||||
background-color: #d8dfe3;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
border-left: 1px solid #7a858b;
|
||||
border-right: 1px solid #eef3f5;
|
||||
*::-webkit-scrollbar-button:single-button:vertical:decrement {
|
||||
background-image: url("../assets/images/catalog/scrollbar/scroll_v_up.png") !important;
|
||||
}
|
||||
*::-webkit-scrollbar-button:single-button:vertical:decrement:active {
|
||||
background-image: url("../assets/images/catalog/scrollbar/scroll_v_up_pressed.png") !important;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-button:single-button:vertical:decrement {
|
||||
background-image: linear-gradient(135deg, transparent 50%, #35586a 50%), linear-gradient(225deg, transparent 50%, #35586a 50%);
|
||||
background-size: 6px 6px;
|
||||
background-position: calc(50% - 3px) 55%, calc(50% + 3px) 55%;
|
||||
*::-webkit-scrollbar-button:single-button:vertical:increment {
|
||||
background-image: url("../assets/images/catalog/scrollbar/scroll_v_down.png") !important;
|
||||
}
|
||||
*::-webkit-scrollbar-button:single-button:vertical:increment:active {
|
||||
background-image: url("../assets/images/catalog/scrollbar/scroll_v_down_pressed.png") !important;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-button:single-button:vertical:increment {
|
||||
background-image: linear-gradient(315deg, transparent 50%, #35586a 50%), linear-gradient(45deg, transparent 50%, #35586a 50%);
|
||||
background-size: 6px 6px;
|
||||
background-position: calc(50% - 3px) 45%, calc(50% + 3px) 45%;
|
||||
*::-webkit-scrollbar-button:single-button:horizontal:decrement {
|
||||
width: 16px !important;
|
||||
height: 17px !important;
|
||||
background-image: url("../assets/images/catalog/scrollbar/scroll_h_left.png") !important;
|
||||
}
|
||||
*::-webkit-scrollbar-button:single-button:horizontal:decrement:active {
|
||||
background-image: url("../assets/images/catalog/scrollbar/scroll_h_left_pressed.png") !important;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-button:single-button:horizontal:decrement {
|
||||
background-image: linear-gradient(45deg, transparent 50%, #35586a 50%), linear-gradient(135deg, transparent 50%, #35586a 50%);
|
||||
background-size: 6px 6px;
|
||||
background-position: 58% calc(50% - 3px), 58% calc(50% + 3px);
|
||||
*::-webkit-scrollbar-button:single-button:horizontal:increment {
|
||||
width: 16px !important;
|
||||
height: 17px !important;
|
||||
background-image: url("../assets/images/catalog/scrollbar/scroll_h_right.png") !important;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-button:single-button:horizontal:increment {
|
||||
background-image: linear-gradient(225deg, transparent 50%, #35586a 50%), linear-gradient(315deg, transparent 50%, #35586a 50%);
|
||||
background-size: 6px 6px;
|
||||
background-position: 42% calc(50% - 3px), 42% calc(50% + 3px);
|
||||
*::-webkit-scrollbar-button:single-button:horizontal:increment:active {
|
||||
background-image: url("../assets/images/catalog/scrollbar/scroll_h_right_pressed.png") !important;
|
||||
}
|
||||
|
||||
@layer components {
|
||||
@@ -306,7 +327,7 @@ body {
|
||||
|
||||
.nitro-card-shell:not(.nitro-wired) .nitro-card-header-shell {
|
||||
border: 2px solid #3c88a6;
|
||||
border-bottom-color: #30728c;
|
||||
border-bottom-color: #000;
|
||||
border-radius: 8px 8px 0 0;
|
||||
background: #30728c;
|
||||
padding: 5px;
|
||||
@@ -314,7 +335,7 @@ body {
|
||||
|
||||
.nitro-card-shell:not(.nitro-wired) .nitro-card-header-shell.builders-club-card-header {
|
||||
border-color: #d79d2e;
|
||||
border-bottom-color: #c68515;
|
||||
border-bottom-color: #000;
|
||||
background: linear-gradient(180deg, #d89f2d 0%, #c68515 100%);
|
||||
}
|
||||
|
||||
|
||||
@@ -1190,7 +1190,7 @@
|
||||
overflow-x: hidden;
|
||||
padding-right: 4px;
|
||||
margin-top: 2px;
|
||||
scrollbar-width: thin;
|
||||
scrollbar-width: auto;
|
||||
}
|
||||
|
||||
.nitro-login-card .room-template-option {
|
||||
|
||||
@@ -0,0 +1,242 @@
|
||||
.habbo-navigator-desktop {
|
||||
border: 1px solid #000;
|
||||
border-radius: 7px;
|
||||
background: #e9e9e1;
|
||||
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.35);
|
||||
color: #111;
|
||||
font-family: Ubuntu, Arial, sans-serif;
|
||||
}
|
||||
|
||||
.habbo-navigator-desktop .nitro-card-header-shell {
|
||||
min-height: 32px;
|
||||
max-height: 32px;
|
||||
background: #418db0;
|
||||
border-bottom: 1px solid #000;
|
||||
border-radius: 6px 6px 0 0;
|
||||
}
|
||||
|
||||
.habbo-navigator-desktop .nitro-card-title {
|
||||
color: #fff;
|
||||
font-family: UbuntuCondensed, Ubuntu, Arial, sans-serif;
|
||||
font-size: 18px;
|
||||
font-weight: 700;
|
||||
line-height: 1;
|
||||
text-shadow: 1px 1px 0 #000;
|
||||
}
|
||||
|
||||
.habbo-navigator-desktop .nitro-card-close-button {
|
||||
width: 19px;
|
||||
height: 20px;
|
||||
right: 6px;
|
||||
border: 2px solid #000;
|
||||
border-radius: 4px;
|
||||
background: #c73a32;
|
||||
box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.35);
|
||||
}
|
||||
|
||||
.habbo-navigator-desktop .nitro-card-close-button::before,
|
||||
.habbo-navigator-desktop .nitro-card-close-button::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
width: 10px;
|
||||
height: 2px;
|
||||
background: #fff;
|
||||
box-shadow: 1px 1px 0 #64120f;
|
||||
}
|
||||
|
||||
.habbo-navigator-desktop .nitro-card-close-button::before {
|
||||
transform: rotate(45deg);
|
||||
}
|
||||
|
||||
.habbo-navigator-desktop .nitro-card-close-button::after {
|
||||
transform: rotate(-45deg);
|
||||
}
|
||||
|
||||
.habbo-navigator-desktop .nitro-card-tabs-shell {
|
||||
justify-content: flex-start;
|
||||
gap: 0;
|
||||
min-height: 27px;
|
||||
max-height: 27px;
|
||||
padding: 4px 8px 0;
|
||||
background: #e9e9e1;
|
||||
border-bottom: 1px solid #b8b8ad;
|
||||
}
|
||||
|
||||
.habbo-navigator-desktop .nitro-card-tab-item {
|
||||
min-height: 23px;
|
||||
margin-right: -1px;
|
||||
padding: 4px 12px 3px;
|
||||
border: 1px solid #555;
|
||||
border-bottom: 0;
|
||||
border-radius: 6px 6px 0 0;
|
||||
background-color: #d5d8cf;
|
||||
background-image: url("../../assets/images/navigator/swf/tab_bg_unsel.png");
|
||||
background-repeat: repeat-x;
|
||||
background-size: auto 100%;
|
||||
color: #111;
|
||||
font-size: 12px;
|
||||
font-weight: 400;
|
||||
line-height: 1;
|
||||
box-shadow: inset 1px 1px 0 #fff;
|
||||
}
|
||||
|
||||
.habbo-navigator-desktop .nitro-card-tab-item:hover {
|
||||
background-color: #e7e8df;
|
||||
background-image: url("../../assets/images/navigator/swf/tab_bg_hilite.png");
|
||||
}
|
||||
|
||||
.habbo-navigator-desktop .nitro-card-tab-item-active {
|
||||
z-index: 2;
|
||||
margin-bottom: -1px;
|
||||
background-color: #f4f4ed;
|
||||
background-image: url("../../assets/images/navigator/swf/tab_bg_sel.png");
|
||||
border-bottom: 1px solid #f4f4ed;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.habbo-navigator-desktop .habbo-navigator-desktop-content {
|
||||
padding: 8px 9px 9px;
|
||||
overflow: hidden;
|
||||
background: #f4f4ed;
|
||||
border-radius: 0 0 6px 6px;
|
||||
color: #111;
|
||||
}
|
||||
|
||||
.habbo-navigator-desktop .habbo-navigator-desktop-content input,
|
||||
.habbo-navigator-desktop .habbo-navigator-desktop-content select,
|
||||
.habbo-navigator-desktop .habbo-navigator-desktop-content textarea {
|
||||
height: 22px;
|
||||
border: 1px solid #a0a49c;
|
||||
border-radius: 3px;
|
||||
background-color: #fff;
|
||||
background-image: url("../../assets/images/navigator/swf/hdr_search.png");
|
||||
background-repeat: repeat-x;
|
||||
color: #333;
|
||||
font-size: 12px;
|
||||
box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.habbo-navigator-desktop .habbo-navigator-desktop-content button,
|
||||
.habbo-navigator-desktop .habbo-navigator-desktop-content .btn {
|
||||
min-height: 22px;
|
||||
border: 1px solid #3a3a3a;
|
||||
border-radius: 4px;
|
||||
background-color: #d6d6d1;
|
||||
background-image: url("../../assets/images/navigator/swf/button.png");
|
||||
background-repeat: repeat-x;
|
||||
background-size: auto 100%;
|
||||
color: #111;
|
||||
font-size: 12px;
|
||||
font-weight: 700;
|
||||
box-shadow: inset 1px 1px 0 #fff;
|
||||
}
|
||||
|
||||
.habbo-navigator-desktop .nitro-card-panel {
|
||||
border: 1px solid #babdb4;
|
||||
border-radius: 6px;
|
||||
background: #efefe8;
|
||||
box-shadow: inset 1px 1px 0 #fff;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.habbo-navigator-desktop .nitro-card-panel > .flex:first-child {
|
||||
min-height: 28px;
|
||||
padding: 5px 8px;
|
||||
border-bottom: 1px solid #d3d5cd;
|
||||
background: #efefe8;
|
||||
}
|
||||
|
||||
.habbo-navigator-desktop .navigator-grid {
|
||||
padding: 0 4px 5px;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.habbo-navigator-desktop .navigator-item {
|
||||
min-height: 28px;
|
||||
margin: 2px 0;
|
||||
border: 1px solid transparent;
|
||||
border-radius: 5px;
|
||||
background: #f5f5ef;
|
||||
color: #111;
|
||||
}
|
||||
|
||||
.habbo-navigator-desktop .navigator-item:nth-child(even) {
|
||||
background: #e7e8e0;
|
||||
}
|
||||
|
||||
.habbo-navigator-desktop .navigator-item:hover {
|
||||
border-color: #777;
|
||||
background: #fff;
|
||||
}
|
||||
|
||||
.habbo-navigator-desktop .nitro-navigator-search-saves-result {
|
||||
width: 155px;
|
||||
min-width: 155px;
|
||||
height: 100%;
|
||||
border: 1px solid #babdb4;
|
||||
border-radius: 6px;
|
||||
background: #efefe8;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.habbo-navigator-desktop .nitro-navigator-search-saves-result > .flex:first-child {
|
||||
min-height: 24px;
|
||||
border: 1px solid #d58e00;
|
||||
border-radius: 4px;
|
||||
background: #f8a900;
|
||||
box-shadow: inset 1px 1px 0 rgba(255, 255, 255, 0.45);
|
||||
}
|
||||
|
||||
.habbo-navigator-desktop .nitro-navigator-search-saves-result span {
|
||||
color: #111;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.habbo-navigator-desktop .nitro-icon.icon-navigator-info {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.habbo-navigator-desktop ::-webkit-scrollbar {
|
||||
width: 17px !important;
|
||||
height: 17px !important;
|
||||
}
|
||||
|
||||
.habbo-navigator-desktop ::-webkit-scrollbar-track {
|
||||
border: 0 !important;
|
||||
background-color: transparent !important;
|
||||
background-image: url("../../assets/images/catalog/swf/ubuntu_scrollbar_track_v_17x2.png") !important;
|
||||
background-repeat: repeat-y !important;
|
||||
background-position: center top !important;
|
||||
}
|
||||
|
||||
.habbo-navigator-desktop ::-webkit-scrollbar-thumb {
|
||||
min-height: 24px !important;
|
||||
border: 0 !important;
|
||||
border-radius: 0 !important;
|
||||
background-color: transparent !important;
|
||||
background-image:
|
||||
url("../../assets/images/catalog/swf/ubuntu_scrollbar_thumb_v_grip_7x10.png"),
|
||||
url("../../assets/images/catalog/swf/ubuntu_scrollbar_thumb_v_top_17x2.png"),
|
||||
url("../../assets/images/catalog/swf/ubuntu_scrollbar_thumb_v_bottom_17x2.png"),
|
||||
url("../../assets/images/catalog/swf/ubuntu_scrollbar_thumb_v_mid_17x1.png") !important;
|
||||
background-repeat: repeat-y, no-repeat, no-repeat, repeat-y !important;
|
||||
background-position: center center, center top, center bottom, center top !important;
|
||||
background-size: 7px 10px, 17px 2px, 17px 2px, 17px 1px !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.habbo-navigator-desktop ::-webkit-scrollbar-button {
|
||||
width: 17px !important;
|
||||
height: 16px !important;
|
||||
background-color: transparent !important;
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
.habbo-navigator-desktop ::-webkit-scrollbar-button:single-button:vertical:decrement {
|
||||
background-image: url("../../assets/images/catalog/swf/ubuntu_scrollbar_up_17x16.png") !important;
|
||||
}
|
||||
|
||||
.habbo-navigator-desktop ::-webkit-scrollbar-button:single-button:vertical:increment {
|
||||
background-image: url("../../assets/images/catalog/swf/ubuntu_scrollbar_down_17x16.png") !important;
|
||||
}
|
||||
Reference in New Issue
Block a user