Take #2 Desktop cacta 100%

This commit is contained in:
duckietm
2026-06-05 14:32:55 +02:00
parent 5c282101ee
commit f4d41dd3c9
81 changed files with 2898 additions and 1449 deletions
+168
View File
@@ -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;
}