mirror of
https://github.com/duckietm/Nitro-V3.git
synced 2026-06-19 23:16:21 +00:00
Merge remote-tracking branch 'origin/Dev' into feat/messenger-groups-receipts
# Conflicts: # public/configuration/UITexts.example # src/css/friends/FriendsView.css
This commit is contained in:
simoleo89
@@ -1629,9 +1629,6 @@
|
||||
.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,
|
||||
@@ -1662,8 +1659,6 @@
|
||||
.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;
|
||||
@@ -1674,9 +1669,7 @@
|
||||
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; }
|
||||
@@ -1693,8 +1686,6 @@
|
||||
.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,
|
||||
@@ -1719,4 +1710,61 @@
|
||||
.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'); }
|
||||
.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;
|
||||
}
|
||||
|
||||
|
||||
@@ -1,10 +1,31 @@
|
||||
.nitro-catalog-classic-window {
|
||||
--cat-blue: #4a7d8c;
|
||||
--cat-blue-dark: #315863;
|
||||
--cat-ink: #2c2c2a;
|
||||
--cat-strip: #e2e0d6;
|
||||
--cat-tab: #c7c5ba;
|
||||
--cat-tab-border: #8f8f8b;
|
||||
--cat-panel: #e8e7df;
|
||||
--cat-sub: #dedcd2;
|
||||
--cat-line: #8899a2;
|
||||
--cat-canvas: #d8d8d2;
|
||||
--cat-canvas-2: #ccccc4;
|
||||
--cat-select: #4a7d8c;
|
||||
--cat-select-bg: #f1efe6;
|
||||
--cat-gold: #f7d673;
|
||||
--cat-gold-border: #d4af37;
|
||||
--cat-gold-ink: #4a3300;
|
||||
--cat-buy: #5ca843;
|
||||
|
||||
width: 640px !important;
|
||||
height: 600px !important;
|
||||
max-width: 640px !important;
|
||||
min-width: 640px !important;
|
||||
min-height: 600px !important;
|
||||
max-height: 600px !important;
|
||||
background: var(--cat-strip) !important;
|
||||
border-radius: 10px !important;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-window .nitro-card-title {
|
||||
@@ -17,6 +38,13 @@
|
||||
max-height: 38px;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-window .nitro-card-header {
|
||||
background: var(--cat-blue);
|
||||
border-color: var(--cat-blue);
|
||||
border-bottom-color: var(--cat-blue);
|
||||
box-shadow: inset 0 2px 0 #709da9, inset 0 -2px 0 var(--cat-blue-dark);
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-admin-banner {
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0.18);
|
||||
background: linear-gradient(180deg, #f4d45d 0%, #d8b43e 100%);
|
||||
@@ -24,41 +52,47 @@
|
||||
|
||||
.nitro-catalog-classic-tabs-shell {
|
||||
flex-wrap: nowrap;
|
||||
gap: 1px;
|
||||
min-height: 30px;
|
||||
max-height: 30px;
|
||||
padding: 0 6px;
|
||||
gap: 2px;
|
||||
min-height: 32px;
|
||||
max-height: 32px;
|
||||
padding: 4px 6px 0;
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
align-items: end;
|
||||
background: #e7e8df;
|
||||
border-bottom: 1px solid #b8beb4;
|
||||
background: var(--cat-strip);
|
||||
border-bottom: 2px solid var(--cat-ink);
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-tabs-shell .nitro-card-tab-item {
|
||||
min-height: 28px;
|
||||
padding: 5px 10px 4px;
|
||||
border: 1px solid #8f8f8b;
|
||||
padding: 5px 12px 4px;
|
||||
border: 1px solid var(--cat-tab-border);
|
||||
border-bottom: 0;
|
||||
border-radius: 5px 5px 0 0;
|
||||
background: linear-gradient(180deg, #fafaf7 0%, #dde2d9 100%);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9);
|
||||
background: var(--cat-tab);
|
||||
color: var(--cat-ink);
|
||||
box-shadow: none;
|
||||
white-space: nowrap;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-tabs-shell .nitro-card-tab-item:hover {
|
||||
background: linear-gradient(180deg, #ffffff 0%, #e7ece4 100%);
|
||||
background: #d2d0c6;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-tabs-shell .nitro-card-tab-item-active {
|
||||
background: #f2f2eb;
|
||||
transform: translateY(0);
|
||||
background: #ffffff;
|
||||
color: #000000;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
border-color: var(--cat-ink);
|
||||
box-shadow: inset 0 -1px 0 #ffffff;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-content-shell {
|
||||
padding: 6px 8px 8px !important;
|
||||
background: #ffffff !important;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-stage {
|
||||
@@ -82,75 +116,82 @@
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-search-shell {
|
||||
padding: 3px;
|
||||
border: 1px solid #a7aba1;
|
||||
padding: 4px;
|
||||
border: 1px solid var(--cat-line);
|
||||
border-radius: 4px;
|
||||
background: linear-gradient(180deg, #f9f8f2 0%, #eaede5 100%);
|
||||
background: var(--cat-panel);
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-search-shell input {
|
||||
height: 18px;
|
||||
height: 20px;
|
||||
padding-top: 0 !important;
|
||||
padding-bottom: 0 !important;
|
||||
border-width: 1px !important;
|
||||
border-color: #8f9588 !important;
|
||||
border-color: var(--cat-tab-border) !important;
|
||||
border-radius: 3px !important;
|
||||
background: #fff !important;
|
||||
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.08);
|
||||
box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.06);
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-search-shell svg {
|
||||
color: #61645b !important;
|
||||
color: #5b7080 !important;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-navigation-shell {
|
||||
flex: 1 1 auto;
|
||||
min-height: 0;
|
||||
padding: 3px 2px 3px 3px;
|
||||
border: 1px solid #a7aba1;
|
||||
padding: 4px 0;
|
||||
border: 1px solid var(--cat-line);
|
||||
border-radius: 4px;
|
||||
background: linear-gradient(180deg, #f1f2ec 0%, #d8ddd3 100%);
|
||||
background: var(--cat-panel);
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-navigation-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 2px;
|
||||
gap: 0;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-navigation-node.is-child {
|
||||
margin-left: 10px;
|
||||
.nitro-catalog-classic-navigation-node.is-child .nitro-catalog-classic-navigation-item {
|
||||
padding-left: 22px;
|
||||
background: var(--cat-sub);
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-navigation-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 4px;
|
||||
min-height: 21px;
|
||||
padding: 1px 6px 1px 5px;
|
||||
border: 1px solid #bdc2ba;
|
||||
border-radius: 4px;
|
||||
background: linear-gradient(180deg, #f6f7f2 0%, #e6e9e1 100%);
|
||||
color: #2e2e2e;
|
||||
gap: 6px;
|
||||
min-height: 28px;
|
||||
padding: 4px 10px;
|
||||
border: 0;
|
||||
border-left: 4px solid transparent;
|
||||
border-radius: 0;
|
||||
background: transparent;
|
||||
color: var(--cat-ink);
|
||||
font-weight: 700;
|
||||
cursor: pointer;
|
||||
transition: background-color 0.12s ease, border-color 0.12s ease;
|
||||
transition: background-color 0.12s ease;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-navigation-node.is-child .nitro-catalog-classic-navigation-item {
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-navigation-item:hover {
|
||||
background: linear-gradient(180deg, #ffffff 0%, #ebeee6 100%);
|
||||
border-color: #9ea79b;
|
||||
background: #dcdacf;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-navigation-item.is-active {
|
||||
background: linear-gradient(180deg, #dae7f0 0%, #c4d2de 100%);
|
||||
border-color: #8e9ba5;
|
||||
background: #ffffff;
|
||||
border-left-color: var(--cat-blue);
|
||||
color: #000000;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-navigation-item.is-drag-over {
|
||||
outline: 2px solid rgba(48, 114, 140, 0.35);
|
||||
outline-offset: 1px;
|
||||
outline: 2px solid rgba(74, 125, 140, 0.4);
|
||||
outline-offset: -2px;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-navigation-icon {
|
||||
@@ -188,7 +229,7 @@
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-navigation-caret {
|
||||
color: #676d66 !important;
|
||||
color: #5b7080 !important;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-layout-shell {
|
||||
@@ -197,9 +238,9 @@
|
||||
min-width: 0;
|
||||
min-height: 0;
|
||||
height: 100%;
|
||||
border: 1px solid #a7aba1;
|
||||
border: 1px solid var(--cat-line);
|
||||
border-radius: 4px;
|
||||
background: linear-gradient(180deg, #eceee7 0%, #dfe4da 100%);
|
||||
background: #ffffff;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@@ -207,26 +248,28 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 3px;
|
||||
min-height: 66px;
|
||||
padding: 5px 7px;
|
||||
border-bottom: 1px solid #c8cdc3;
|
||||
background: linear-gradient(180deg, #f6f6f2 0%, #e9ece4 100%);
|
||||
flex-shrink: 0;
|
||||
min-height: 0;
|
||||
padding: 6px 8px;
|
||||
border-bottom: 1px solid var(--cat-line);
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-layout-hero {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex: 1 1 auto;
|
||||
flex: 0 0 auto;
|
||||
min-height: 32px;
|
||||
overflow: hidden;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-layout-hero img {
|
||||
max-width: 100%;
|
||||
max-height: 32px;
|
||||
display: block;
|
||||
width: auto;
|
||||
height: auto;
|
||||
max-width: 100%;
|
||||
max-height: none;
|
||||
object-fit: contain;
|
||||
}
|
||||
|
||||
@@ -234,7 +277,7 @@
|
||||
flex: 1 1 auto;
|
||||
min-height: 0;
|
||||
padding: 6px;
|
||||
background: #f2f2eb;
|
||||
background: #ffffff;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@@ -244,24 +287,42 @@
|
||||
|
||||
.nitro-catalog-classic-offer-panel,
|
||||
.nitro-catalog-classic-welcome {
|
||||
border: 1px solid #bfc4bc;
|
||||
border: 1px solid var(--cat-line);
|
||||
border-radius: 6px;
|
||||
background: linear-gradient(180deg, #ffffff 0%, #f3f3ed 100%);
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-offer-panel {
|
||||
min-height: 132px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-offer-preview {
|
||||
width: 136px;
|
||||
min-width: 136px;
|
||||
width: 190px;
|
||||
min-width: 190px;
|
||||
padding: 8px;
|
||||
border-right: 1px solid #c9cec5;
|
||||
background: linear-gradient(180deg, #eef2ea 0%, #dde3d8 100%);
|
||||
border-right: 1px solid var(--cat-line);
|
||||
background-color: var(--cat-canvas);
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-offer-info {
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-offer-actions {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-offer-info .rounded-full {
|
||||
background: var(--cat-gold) !important;
|
||||
border-color: var(--cat-gold-border) !important;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-offer-info .rounded-full,
|
||||
.nitro-catalog-classic-offer-info .rounded-full * {
|
||||
color: var(--cat-gold-ink) !important;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-welcome {
|
||||
min-height: 128px;
|
||||
padding: 10px;
|
||||
@@ -269,31 +330,40 @@
|
||||
|
||||
.nitro-catalog-classic-grid-shell {
|
||||
min-height: 150px;
|
||||
padding: 4px;
|
||||
border: 1px solid #bcc2b8;
|
||||
padding: 6px;
|
||||
border: 1px solid var(--cat-line);
|
||||
border-radius: 6px;
|
||||
background: linear-gradient(180deg, #f5f5f0 0%, #e4e7de 100%);
|
||||
background: #ffffff;
|
||||
height: auto;
|
||||
flex: 1 1 auto;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-grid {
|
||||
gap: 4px !important;
|
||||
gap: 6px !important;
|
||||
align-content: start;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-window .layout-grid-item {
|
||||
height: 54px;
|
||||
border: 1px solid #b8beb6 !important;
|
||||
border-radius: 6px !important;
|
||||
background-color: #d7dde2;
|
||||
border: 1px solid var(--cat-line) !important;
|
||||
border-radius: 4px !important;
|
||||
background-color: #ffffff;
|
||||
background-image: none;
|
||||
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
|
||||
box-shadow: none;
|
||||
transition: background-color 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-window .layout-grid-item:hover {
|
||||
background-color: var(--cat-select-bg) !important;
|
||||
border-color: var(--cat-select) !important;
|
||||
box-shadow: 0 0 0 1px rgba(74, 125, 140, 0.2);
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-window .layout-grid-item.is-active {
|
||||
background-color: #e5ebef !important;
|
||||
border-color: #8f978b !important;
|
||||
background-color: var(--cat-select-bg) !important;
|
||||
border-color: var(--cat-select) !important;
|
||||
border-width: 2px !important;
|
||||
box-shadow: 0 0 0 1px rgba(74, 125, 140, 0.35);
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-grid-offer-icon {
|
||||
@@ -305,21 +375,12 @@
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-window .nitro-catalog-header {
|
||||
justify-content: flex-start;
|
||||
min-height: 56px;
|
||||
margin-bottom: 6px;
|
||||
padding: 4px 6px;
|
||||
border: 1px solid #bec3ba;
|
||||
border-radius: 6px;
|
||||
background: linear-gradient(180deg, #ffffff 0%, #f2f2ec 100%);
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-window .nitro-catalog-header img {
|
||||
max-width: 100%;
|
||||
max-height: 48px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
object-fit: contain;
|
||||
.nitro-catalog-classic-offer-info .bg-\[\#00800b\] {
|
||||
background-color: var(--cat-buy) !important;
|
||||
border-color: #007a00 !important;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-breadcrumb {
|
||||
@@ -328,7 +389,7 @@
|
||||
gap: 5px;
|
||||
min-height: 16px;
|
||||
overflow: hidden;
|
||||
color: #666a63;
|
||||
color: #5b7080;
|
||||
font-size: 10px;
|
||||
line-height: 1;
|
||||
white-space: nowrap;
|
||||
@@ -342,7 +403,7 @@
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-breadcrumb-separator {
|
||||
color: #9ea395;
|
||||
color: #94a7b3;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-navigation-shell::-webkit-scrollbar,
|
||||
@@ -352,36 +413,37 @@
|
||||
|
||||
.nitro-catalog-classic-navigation-shell::-webkit-scrollbar-track,
|
||||
.nitro-catalog-classic-layout-container :is(.overflow-auto, .nitro-card-content-shell, .nitro-catalog-classic-grid-shell)::-webkit-scrollbar-track {
|
||||
border-left: 1px solid #c2c6be;
|
||||
background: #dde2d8;
|
||||
border-left: 1px solid var(--cat-line);
|
||||
background: var(--cat-panel);
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-navigation-shell::-webkit-scrollbar-thumb,
|
||||
.nitro-catalog-classic-layout-container :is(.overflow-auto, .nitro-card-content-shell, .nitro-catalog-classic-grid-shell)::-webkit-scrollbar-thumb {
|
||||
border: 1px solid #7d8680;
|
||||
border: 1px solid var(--cat-tab-border);
|
||||
border-radius: 6px;
|
||||
background: linear-gradient(180deg, #a8b3ae 0%, #89948f 100%);
|
||||
background: linear-gradient(180deg, #a9bcc9 0%, #89a0ae 100%);
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-navigation-shell::-webkit-scrollbar-button:single-button:vertical:decrement,
|
||||
.nitro-catalog-classic-layout-container :is(.overflow-auto, .nitro-card-content-shell, .nitro-catalog-classic-grid-shell)::-webkit-scrollbar-button:single-button:vertical:decrement {
|
||||
height: 12px;
|
||||
background: #dde2d8;
|
||||
background: var(--cat-panel);
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-navigation-shell::-webkit-scrollbar-button:single-button:vertical:increment,
|
||||
.nitro-catalog-classic-layout-container :is(.overflow-auto, .nitro-card-content-shell, .nitro-catalog-classic-grid-shell)::-webkit-scrollbar-button:single-button:vertical:increment {
|
||||
height: 12px;
|
||||
background: #dde2d8;
|
||||
background: var(--cat-panel);
|
||||
}
|
||||
|
||||
@media (max-width: 991.98px) {
|
||||
@media (max-width: 1024px) and (min-width: 641px) {
|
||||
.nitro-catalog-classic-window {
|
||||
width: min(calc(100vw - 16px), 570px) !important;
|
||||
width: min(calc(100vw - 24px), 720px) !important;
|
||||
min-width: 0 !important;
|
||||
height: min(calc(100vh - 16px), 635px) !important;
|
||||
max-width: calc(100vw - 24px) !important;
|
||||
height: min(calc(100vh - 24px), 720px) !important;
|
||||
min-height: 0 !important;
|
||||
max-width: calc(100vw - 16px) !important;
|
||||
max-height: calc(100vh - 24px) !important;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-stage {
|
||||
@@ -389,6 +451,298 @@
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-sidebar {
|
||||
max-height: 180px;
|
||||
max-height: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-mobile-header {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
z-index: 5;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 38px;
|
||||
padding: 0 44px 0 8px;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-mobile-burger {
|
||||
position: relative;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-burger-btn {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
border: 0;
|
||||
border-radius: 5px;
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
color: #fff;
|
||||
font-size: 13px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-burger-btn:hover {
|
||||
background: rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-burger-btn:active {
|
||||
background: rgba(0, 0, 0, 0.36);
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-burger-menu {
|
||||
position: absolute;
|
||||
top: 32px;
|
||||
left: 0;
|
||||
z-index: 60;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
min-width: 150px;
|
||||
padding: 6px;
|
||||
border: 1px solid var(--cat-line);
|
||||
border-radius: 6px;
|
||||
background: #fff;
|
||||
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.28);
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-burger-menu button {
|
||||
padding: 8px 10px;
|
||||
border: 0;
|
||||
border-radius: 4px;
|
||||
background: var(--cat-strip);
|
||||
color: var(--cat-ink);
|
||||
font-weight: 700;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-burger-menu button:disabled {
|
||||
opacity: 0.6;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-mobile-currency {
|
||||
margin-left: auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
pointer-events: auto;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-coin {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 3px;
|
||||
padding: 3px 7px;
|
||||
border-radius: 11px;
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
color: #fff;
|
||||
font-size: 10px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-coin span {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-admin-tab {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-preview-btn {
|
||||
position: absolute;
|
||||
top: 8px;
|
||||
z-index: 4;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
padding: 5px 10px;
|
||||
border: 1px solid #555;
|
||||
border-radius: 5px;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
color: #fff;
|
||||
font-size: 11px;
|
||||
font-weight: 700;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-preview-btn:hover {
|
||||
background: rgba(0, 0, 0, 0.82);
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-preview-btn:active {
|
||||
background: rgba(0, 0, 0, 0.9);
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-preview-rotate {
|
||||
left: 8px;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-preview-state {
|
||||
right: 8px;
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.nitro-catalog-classic-window {
|
||||
--cat-blue: #4b7a94;
|
||||
--cat-blue-dark: #385d73;
|
||||
--cat-ink: #233a47;
|
||||
--cat-strip: #d9e2e8;
|
||||
--cat-tab: #b7c7d1;
|
||||
--cat-tab-border: #7a9cb0;
|
||||
--cat-panel: #eef2f5;
|
||||
--cat-sub: #e1e7ec;
|
||||
--cat-line: #b7c7d1;
|
||||
--cat-select: #3a82a7;
|
||||
--cat-select-bg: #f0f5f8;
|
||||
--cat-buy: #009900;
|
||||
|
||||
width: 100vw !important;
|
||||
min-width: 0 !important;
|
||||
max-width: 100vw !important;
|
||||
height: 100vh !important;
|
||||
min-height: 0 !important;
|
||||
max-height: 100vh !important;
|
||||
border-radius: 10px !important;
|
||||
}
|
||||
|
||||
.draggable-window:has(> .nitro-catalog-classic-window) {
|
||||
transform: none !important;
|
||||
left: 0 !important;
|
||||
top: 0 !important;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-window .nitro-card-title {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-window .nitro-card-header {
|
||||
border-bottom-color: transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-mobile-currency {
|
||||
position: absolute;
|
||||
top: 38px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 30px;
|
||||
margin: 0;
|
||||
transform: none;
|
||||
justify-content: center;
|
||||
gap: 6px;
|
||||
background: #30728c;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-tabs-shell {
|
||||
margin-top: 30px;
|
||||
min-height: 56px;
|
||||
max-height: 56px;
|
||||
padding: 4px 4px 0;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-tabs-shell .nitro-card-tab-item {
|
||||
min-height: 52px;
|
||||
padding: 5px 8px;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-tabs-shell .nitro-card-tab-item div:has(> .nitro-catalog-classic-tab-label) {
|
||||
flex-direction: column;
|
||||
gap: 2px;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-tab-label {
|
||||
font-size: 9px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-content-shell {
|
||||
padding: 6px !important;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-layout-hero {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-offer-panel {
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-offer-preview {
|
||||
width: 100%;
|
||||
min-width: 0;
|
||||
border-right: 0;
|
||||
border-bottom: 1px solid var(--cat-line);
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-stage {
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-sidebar {
|
||||
max-height: 33vh;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-search-shell input {
|
||||
height: 28px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-navigation-item {
|
||||
min-height: 40px;
|
||||
padding: 6px 12px;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-navigation-label {
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-window .layout-grid-item {
|
||||
height: 64px;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-window .nitro-card-header-shell,
|
||||
.nitro-catalog-classic-window .nitro-card-content-shell {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-height: 480px) {
|
||||
.nitro-catalog-classic-window {
|
||||
height: 100vh !important;
|
||||
max-height: 100vh !important;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-window .nitro-card-header-shell {
|
||||
min-height: 32px;
|
||||
max-height: 32px;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-tabs-shell {
|
||||
min-height: 38px;
|
||||
max-height: 38px;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-layout-header-shell {
|
||||
min-height: 0;
|
||||
padding: 3px 6px;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-layout-hero {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nitro-catalog-classic-sidebar {
|
||||
max-height: 26vh;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -807,6 +807,435 @@
|
||||
}
|
||||
}
|
||||
|
||||
&.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,
|
||||
@@ -1810,4 +2239,160 @@
|
||||
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');
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@@ -1,4 +1,3 @@
|
||||
/* ── Friends spritesheet icons ── */
|
||||
.nitro-friends-spritesheet {
|
||||
background: url('@/assets/images/friends/friends-spritesheet.png') transparent no-repeat;
|
||||
|
||||
@@ -176,9 +175,12 @@
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
& .nitro-card-accordion-set-header span {
|
||||
font-size: 12px;
|
||||
& .nitro-card-accordion-set-header span,
|
||||
& .nitro-card-accordion-set-header > div {
|
||||
font-size: 12px !important;
|
||||
font-weight: 700;
|
||||
color: #111 !important;
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
& .nitro-card-accordion-set-header .fa-icon {
|
||||
@@ -921,3 +923,29 @@
|
||||
font-style: italic;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
|
||||
@@ -77,6 +77,20 @@
|
||||
height: 34px;
|
||||
}
|
||||
|
||||
.nitro-icon.icon-rare-values {
|
||||
background-image: url("@/assets/images/toolbar/icons/catalog.png");
|
||||
width: 37px;
|
||||
height: 36px;
|
||||
filter: hue-rotate(280deg) saturate(1.4);
|
||||
}
|
||||
|
||||
.nitro-icon.icon-fortune-wheel {
|
||||
background-image: url("@/assets/images/toolbar/icons/game.png");
|
||||
width: 44px;
|
||||
height: 25px;
|
||||
filter: hue-rotate(300deg) saturate(1.6);
|
||||
}
|
||||
|
||||
.nitro-icon.icon-housekeeping {
|
||||
background-image: url("@/assets/images/toolbar/icons/modtools.png");
|
||||
width: 29px;
|
||||
@@ -202,6 +216,13 @@
|
||||
height: 36px;
|
||||
}
|
||||
|
||||
.nitro-icon.icon-soundboard {
|
||||
background-image: url("@/assets/images/toolbar/icons/game.png");
|
||||
width: 44px;
|
||||
height: 25px;
|
||||
filter: hue-rotate(90deg) saturate(1.5);
|
||||
}
|
||||
|
||||
.nitro-icon.icon-message {
|
||||
background-image: url("@/assets/images/toolbar/icons/message.png");
|
||||
width: 36px;
|
||||
|
||||
+2
-2
@@ -306,7 +306,7 @@ body {
|
||||
|
||||
.nitro-card-shell:not(.nitro-wired) .nitro-card-header-shell {
|
||||
border: 2px solid #3c88a6;
|
||||
border-bottom-color: #000;
|
||||
border-bottom-color: #30728c;
|
||||
border-radius: 8px 8px 0 0;
|
||||
background: #30728c;
|
||||
padding: 5px;
|
||||
@@ -314,7 +314,7 @@ body {
|
||||
|
||||
.nitro-card-shell:not(.nitro-wired) .nitro-card-header-shell.builders-club-card-header {
|
||||
border-color: #d79d2e;
|
||||
border-bottom-color: #000;
|
||||
border-bottom-color: #c68515;
|
||||
background: linear-gradient(180deg, #d89f2d 0%, #c68515 100%);
|
||||
}
|
||||
|
||||
|
||||
@@ -0,0 +1,238 @@
|
||||
.nitro-inventory-window {
|
||||
--inv-blue: #4a7d8c;
|
||||
--inv-beige: #e2e0d6;
|
||||
--inv-tab: #c7c5ba;
|
||||
--inv-line: #919088;
|
||||
--inv-accent: #4a7d8c;
|
||||
--inv-place: #5ca843;
|
||||
--inv-place-dark: #397025;
|
||||
--inv-place-light: #8ee374;
|
||||
--inv-sell: #d13e31;
|
||||
--inv-sell-dark: #881e15;
|
||||
--inv-sell-light: #f07e74;
|
||||
--inv-border: #6b6f73;
|
||||
|
||||
background: var(--inv-beige) !important;
|
||||
}
|
||||
|
||||
.nitro-inventory-window .nitro-card-header {
|
||||
background: var(--inv-blue);
|
||||
border-color: var(--inv-blue);
|
||||
border-bottom-color: var(--inv-border);
|
||||
box-shadow: inset 0 2px 0 #709da9, inset 0 -2px 0 #315863;
|
||||
}
|
||||
|
||||
.nitro-inventory-window .nitro-inventory-tabs-shell {
|
||||
background: var(--inv-beige);
|
||||
gap: 4px;
|
||||
padding: 6px 8px 0;
|
||||
border-bottom: 1px solid #b9c4ca;
|
||||
}
|
||||
|
||||
.nitro-inventory-window .nitro-inventory-tabs-shell .nitro-card-tab-item {
|
||||
background: var(--inv-tab);
|
||||
border: 1px solid #aeb9bf;
|
||||
border-bottom: 0;
|
||||
border-radius: 6px 6px 0 0;
|
||||
color: #8a9aa2;
|
||||
font-weight: 600;
|
||||
box-shadow: inset 1px 1px 0 #fff;
|
||||
}
|
||||
|
||||
.nitro-inventory-window .nitro-inventory-tabs-shell .nitro-card-tab-item:hover {
|
||||
background: #d2d0c6;
|
||||
color: #6b7d86;
|
||||
}
|
||||
|
||||
.nitro-inventory-window .nitro-inventory-tabs-shell .nitro-card-tab-item-active {
|
||||
background: #fff;
|
||||
color: #566a74;
|
||||
border-color: #93a1a8;
|
||||
position: relative;
|
||||
top: 1px;
|
||||
}
|
||||
|
||||
.nitro-inventory-window .nitro-inventory-tab-icon {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-right: 5px;
|
||||
font-size: 14px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.nitro-inventory-window .nitro-inventory-body {
|
||||
background: var(--inv-beige);
|
||||
}
|
||||
|
||||
.nitro-inventory-window .nitro-inventory-filter-bar {
|
||||
background: #fff;
|
||||
border: 2px solid var(--inv-border);
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.nitro-inventory-window .nitro-inventory-filter-bar select {
|
||||
background: var(--inv-beige);
|
||||
border: 2px solid var(--inv-border) !important;
|
||||
border-radius: 4px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.nitro-inventory-window .bg-card-grid-item {
|
||||
background-color: var(--inv-beige) !important;
|
||||
}
|
||||
|
||||
.nitro-inventory-window .border-card-grid-item-border {
|
||||
border-color: var(--inv-line) !important;
|
||||
}
|
||||
|
||||
.nitro-inventory-window .bg-card-grid-item-active {
|
||||
background-color: #fff !important;
|
||||
}
|
||||
|
||||
.nitro-inventory-window .border-card-grid-item-active {
|
||||
border-color: var(--inv-border) !important;
|
||||
box-shadow: 0 0 0 2px var(--inv-accent);
|
||||
}
|
||||
|
||||
.nitro-inventory-window .bg-red-700 {
|
||||
background-color: #fff !important;
|
||||
color: var(--inv-accent) !important;
|
||||
border-color: #75746e !important;
|
||||
}
|
||||
|
||||
.nitro-inventory-window .shadow-room-previewer {
|
||||
background-color: #fff;
|
||||
border: 2px solid var(--inv-line);
|
||||
}
|
||||
|
||||
.nitro-inventory-window .nitro-inventory-btn-place,
|
||||
.nitro-inventory-window .nitro-inventory-btn-sell {
|
||||
border: 2px solid var(--inv-border) !important;
|
||||
border-radius: 4px;
|
||||
color: #fff !important;
|
||||
font-weight: 700;
|
||||
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.nitro-inventory-window .nitro-inventory-btn-place {
|
||||
background: var(--inv-place) !important;
|
||||
box-shadow: inset -2px -2px 0 var(--inv-place-dark), inset 2px 2px 0 var(--inv-place-light);
|
||||
}
|
||||
|
||||
.nitro-inventory-window .nitro-inventory-btn-place:hover {
|
||||
background: #67b94e !important;
|
||||
}
|
||||
|
||||
.nitro-inventory-window .nitro-inventory-btn-sell {
|
||||
background: var(--inv-sell) !important;
|
||||
box-shadow: inset -2px -2px 0 var(--inv-sell-dark), inset 2px 2px 0 var(--inv-sell-light);
|
||||
}
|
||||
|
||||
.nitro-inventory-window .nitro-inventory-btn-sell:hover {
|
||||
background: #db4d40 !important;
|
||||
}
|
||||
|
||||
.nitro-inventory-preview-btn {
|
||||
display: none;
|
||||
}
|
||||
|
||||
@media (max-width: 1024px) and (min-width: 641px) {
|
||||
.nitro-inventory-window {
|
||||
width: min(calc(100vw - 24px), 640px) !important;
|
||||
min-width: 0 !important;
|
||||
max-width: calc(100vw - 24px) !important;
|
||||
height: min(calc(100vh - 24px), 560px) !important;
|
||||
min-height: 0 !important;
|
||||
max-height: calc(100vh - 24px) !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.draggable-window:has(> .nitro-inventory-window) {
|
||||
inset: 0 !important;
|
||||
left: 0 !important;
|
||||
right: 0 !important;
|
||||
top: 0 !important;
|
||||
bottom: 0 !important;
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
transform: none !important;
|
||||
}
|
||||
|
||||
.nitro-card-shell.nitro-inventory-window {
|
||||
width: calc(100% - 40px) !important;
|
||||
min-width: 0 !important;
|
||||
max-width: calc(100% - 40px) !important;
|
||||
height: calc(100% - 76px) !important;
|
||||
min-height: 0 !important;
|
||||
max-height: calc(100% - 76px) !important;
|
||||
margin: 8px auto 0 auto !important;
|
||||
}
|
||||
|
||||
.nitro-inventory-window .nitro-inventory-tabs-shell {
|
||||
flex-wrap: nowrap;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.nitro-inventory-window .nitro-inventory-tabs-shell .nitro-card-tab-item {
|
||||
flex: 1 1 0;
|
||||
min-width: 0;
|
||||
padding: 8px 0;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.nitro-inventory-window .nitro-inventory-tab-label {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nitro-inventory-window .nitro-inventory-tab-icon {
|
||||
margin-right: 0;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.nitro-inventory-window .grid.grid-cols-12 {
|
||||
grid-template-columns: minmax(0, 1fr) !important;
|
||||
grid-template-rows: minmax(0, 1fr) auto !important;
|
||||
}
|
||||
|
||||
.nitro-inventory-window .grid.grid-cols-12 > .col-span-7,
|
||||
.nitro-inventory-window .grid.grid-cols-12 > .col-span-5 {
|
||||
grid-column: 1 / -1 !important;
|
||||
}
|
||||
|
||||
.nitro-inventory-window .nitro-inventory-btn-place,
|
||||
.nitro-inventory-window .nitro-inventory-btn-sell {
|
||||
padding-top: 0.5rem;
|
||||
padding-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.nitro-inventory-window .nitro-inventory-preview-btn {
|
||||
position: absolute;
|
||||
top: 6px;
|
||||
z-index: 4;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
padding: 4px 8px;
|
||||
border: 1px solid #555;
|
||||
border-radius: 5px;
|
||||
background: rgba(0, 0, 0, 0.7);
|
||||
color: #fff;
|
||||
font-size: 10px;
|
||||
font-weight: 700;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.nitro-inventory-window .nitro-inventory-preview-btn:active {
|
||||
background: rgba(0, 0, 0, 0.85);
|
||||
}
|
||||
|
||||
.nitro-inventory-window .nitro-inventory-preview-rotate {
|
||||
left: 6px;
|
||||
}
|
||||
|
||||
.nitro-inventory-window .nitro-inventory-preview-state {
|
||||
right: 6px;
|
||||
}
|
||||
}
|
||||
@@ -212,3 +212,11 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
.draggable-window {
|
||||
left: 50% !important;
|
||||
top: 50% !important;
|
||||
transform: translate(-50%, -50%) !important;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -1,7 +1,3 @@
|
||||
.nitro-extended-profile-window {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
|
||||
.nitro-extended-profile-window .nitro-card-header-shell {
|
||||
min-height: 34px;
|
||||
max-height: 34px;
|
||||
@@ -46,32 +42,26 @@
|
||||
|
||||
.nitro-extended-profile__identity {
|
||||
display: grid;
|
||||
grid-template-columns: 56px minmax(0, 1fr);
|
||||
gap: 8px;
|
||||
grid-template-columns: 68px minmax(0, 1fr);
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.nitro-extended-profile__avatar-shell {
|
||||
width: 56px;
|
||||
height: 113px;
|
||||
width: 68px;
|
||||
height: 135px;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
background-size: cover;
|
||||
background-position: center;
|
||||
border-radius: 3px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.nitro-extended-profile__avatar-stand,
|
||||
.nitro-extended-profile__avatar-overlay {
|
||||
position: absolute;
|
||||
inset: 0;
|
||||
}
|
||||
|
||||
.nitro-extended-profile__avatar-image {
|
||||
position: absolute !important;
|
||||
left: 50% !important;
|
||||
bottom: -4px;
|
||||
transform: translateX(-50%);
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.nitro-extended-profile__identity-copy {
|
||||
@@ -253,14 +243,23 @@
|
||||
|
||||
.nitro-extended-profile__relationship-head {
|
||||
position: absolute;
|
||||
right: -2px;
|
||||
right: 3px;
|
||||
top: 50%;
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
width: 30px;
|
||||
height: 32px;
|
||||
transform: translateY(-50%);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.nitro-extended-profile__relationship-head .avatar-image {
|
||||
position: absolute !important;
|
||||
inset: 0 !important;
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
margin: 0 !important;
|
||||
background-size: 60px auto !important;
|
||||
background-position: -14px -21px !important;
|
||||
transform: none !important;
|
||||
}
|
||||
|
||||
.nitro-extended-profile__relationship-subcopy {
|
||||
@@ -293,6 +292,7 @@
|
||||
border-right: 1px solid #afafaf;
|
||||
color: #111;
|
||||
font-size: 11px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.nitro-extended-profile__summary-button:first-child {
|
||||
@@ -332,6 +332,10 @@
|
||||
background: #ece8dc;
|
||||
}
|
||||
|
||||
.nitro-extended-profile-window__content.profile-card-background .nitro-extended-profile-window__body {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.nitro-extended-profile-window__body--groups {
|
||||
min-height: 249px;
|
||||
}
|
||||
@@ -379,10 +383,8 @@
|
||||
.nitro-extended-profile-groups__details {
|
||||
min-width: 0;
|
||||
min-height: 236px;
|
||||
border: 1px solid #9e9e9e;
|
||||
border-radius: 14px;
|
||||
background: #bdbbbb;
|
||||
padding: 11px;
|
||||
max-height: 100%;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.nitro-extended-profile-group-info {
|
||||
@@ -391,7 +393,7 @@
|
||||
gap: 12px;
|
||||
min-height: 100%;
|
||||
border: 1px solid #9f9f9f;
|
||||
border-radius: 10px;
|
||||
border-radius: 12px;
|
||||
background: #efede4;
|
||||
padding: 12px 14px;
|
||||
}
|
||||
@@ -409,6 +411,7 @@
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.nitro-extended-profile-group-info__meta {
|
||||
@@ -459,9 +462,14 @@
|
||||
margin-top: auto;
|
||||
}
|
||||
|
||||
.nitro-extended-profile-group-info .group-badge .badge-image {
|
||||
transform: scale(2.1);
|
||||
transform-origin: center;
|
||||
.nitro-extended-profile-group-info__badge-wrap .group-badge {
|
||||
width: 100% !important;
|
||||
height: 100% !important;
|
||||
transform: none !important;
|
||||
background-size: contain !important;
|
||||
background-position: center !important;
|
||||
background-repeat: no-repeat !important;
|
||||
image-rendering: pixelated;
|
||||
}
|
||||
|
||||
.nitro-extended-profile-window .layout-grid-item.active {
|
||||
@@ -481,7 +489,94 @@
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.nitro-extended-profile-window .layout-grid-item .badge-image.group-badge {
|
||||
width: auto !important;
|
||||
height: auto !important;
|
||||
.nitro-extended-profile-groups__item {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.nitro-extended-profile-groups__item .group-badge {
|
||||
width: 40px !important;
|
||||
height: 40px !important;
|
||||
transform: none !important;
|
||||
background-size: contain !important;
|
||||
background-position: center !important;
|
||||
background-repeat: no-repeat !important;
|
||||
image-rendering: pixelated;
|
||||
}
|
||||
|
||||
@media (max-width: 575.98px) {
|
||||
.nitro-extended-profile-window__content {
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.nitro-extended-profile-window__body--groups {
|
||||
flex: 0 0 auto;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.nitro-extended-profile-window__panel {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.nitro-extended-profile__top {
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.nitro-extended-profile__separator {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.nitro-extended-profile-groups {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
height: auto;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.nitro-extended-profile-groups__sidebar {
|
||||
min-width: 0;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
|
||||
.nitro-extended-profile-groups__list {
|
||||
display: flex;
|
||||
flex: 0 0 auto;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
gap: 6px;
|
||||
max-width: 100%;
|
||||
overflow-x: auto;
|
||||
overflow-y: hidden;
|
||||
padding-right: 0;
|
||||
padding-bottom: 6px;
|
||||
scrollbar-width: thin;
|
||||
}
|
||||
|
||||
.nitro-extended-profile-groups__item {
|
||||
flex: 0 0 auto;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.nitro-extended-profile-groups__details {
|
||||
min-height: 0;
|
||||
max-height: none;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.nitro-extended-profile-group-info {
|
||||
grid-template-columns: 72px minmax(0, 1fr);
|
||||
gap: 10px;
|
||||
padding: 10px;
|
||||
}
|
||||
|
||||
.nitro-extended-profile-group-info__badge-wrap {
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
}
|
||||
|
||||
.nitro-extended-profile-group-info__button {
|
||||
min-width: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user