From 1b4c05c1dac8f099926cce3834374d0dc3710aff Mon Sep 17 00:00:00 2001 From: Miwory Date: Mon, 18 Aug 2025 15:04:42 +0300 Subject: [PATCH] =?UTF-8?q?=D0=A4=D0=B8=D0=BA=D1=81=D1=8B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- StreamLabsChats/hina/generation 1/script.js | 2 +- StreamLabsChats/hina/generation 1/style.css | 74 +++++++++++++++------ 2 files changed, 55 insertions(+), 21 deletions(-) diff --git a/StreamLabsChats/hina/generation 1/script.js b/StreamLabsChats/hina/generation 1/script.js index dec18a9..ce983e2 100644 --- a/StreamLabsChats/hina/generation 1/script.js +++ b/StreamLabsChats/hina/generation 1/script.js @@ -153,7 +153,7 @@ async function commandUSERNOTICE(details) { type = 'gift'; break; case 'raid': - content = `зарейдил наш канал с ${viewerCount} людьми`; + content = `зарейдил наш канал с ${viewerCount} людьми!`; type = 'raid'; break; default: diff --git a/StreamLabsChats/hina/generation 1/style.css b/StreamLabsChats/hina/generation 1/style.css index 93f2730..ebc795c 100644 --- a/StreamLabsChats/hina/generation 1/style.css +++ b/StreamLabsChats/hina/generation 1/style.css @@ -171,40 +171,60 @@ message.broadcaster { --primary: var(--broadcaster-primary); } -message top author { +message top { position: relative; - margin-left: 65px; - color: var(--color-1); - filter: drop-shadow(0 0 5px var(--primary)) drop-shadow(0 0 10px var(--primary)); } -message top author::before { +message top::before { position: absolute; content: ''; - left: -35px; + left: 25px; top: 50%; transform: translateY(-50%); width: 25px; aspect-ratio: 31 / 27; background-size: cover; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='27' fill='none'%3E%3Cpath fill='%23E3BBF9' d='m1.644.006 9.7 7.297h8.314L29.356.006s4.498 15.975-1.386 21.892c-3.712 3.734-7.337 5.108-12.47 5.108-5.133 0-8.758-1.374-12.47-5.108C-2.854 15.98 1.644.006 1.644.006Z'/%3E%3C/svg%3E"); + filter: drop-shadow(0 0 5px #E3BBF9); } -message.vip top author::before { +message.vip top::before { aspect-ratio: 31 / 31; + filter: drop-shadow(0 0 5px #FFC0E4); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='31' height='31' fill='none'%3E%3Cpath fill='%23FFC0E4' d='M28.015 7.746c-1.179-.575-3.9-1.232-7.502 2.231 1.878-5.246-.348-7.822-1.223-8.596A5.882 5.882 0 0 0 15.517.014c-1.38 0-2.717.484-3.773 1.367-.892.774-3.128 3.35-1.24 8.596-3.618-3.463-6.34-2.806-7.518-2.231C.529 8.95-.65 12.236.362 15.089c.4 1.123 1.95 4.168 7.026 4.367-3.745 1.885-3.907 4.339-3.735 5.495.427 2.875 3.687 5.277 6.826 5.047 1.292-.092 3.91-.787 5.02-4.684 1.11 3.898 3.728 4.592 5.02 4.684h.42c3.009 0 5.996-2.32 6.406-5.064.172-1.157 0-3.61-3.735-5.495 5.075-.202 6.626-3.244 7.026-4.367 1.013-2.837-.166-6.122-2.622-7.326Z'/%3E%3C/svg%3E"); } -message.moderator top author::before { +message.moderator top::before { aspect-ratio: 25 / 29; + filter: drop-shadow(0 0 5px #CFFFA4); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='29' fill='none'%3E%3Cpath fill='%23CFFFA4' d='M.41.002s12.633 3.38 14.925 8.704c2.186 5.076-1.72 13.296-1.72 13.296S4.113 18.839 1.57 13.79C-1.06 8.56.41.002.41.002Z'/%3E%3Cpath fill='%23CFFFA4' d='M24.667 3.002S14.403 5.767 12.54 10.124c-1.776 4.153 1.398 10.878 1.398 10.878s7.72-2.588 9.785-6.719c2.139-4.278.944-11.281.944-11.281Z'/%3E%3Cpath stroke='%23D2FDAD' stroke-linecap='round' stroke-width='2' d='M13 19.002v9'/%3E%3C/svg%3E"); } -message.broadcaster top author::before { +message.broadcaster top::before { aspect-ratio: 32 / 29; + filter: drop-shadow(0 0 5px #707070); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='29' fill='none'%3E%3Cpath fill='%23707070' d='M23.288.004c5.291 0 8.538 4.477 8.538 8.15 0 7.94-9.328 15.311-15.913 20.004C9.328 23.465 0 16.095 0 8.154 0 4.48 3.247.004 8.54.004c2.955 0 5.48 2.28 7.374 4.445 1.895-2.165 4.42-4.445 7.375-4.445Z'/%3E%3C/svg%3E"); } +message top author { + position: relative; + margin-left: 65px; + color: var(--color-1); + filter: drop-shadow(0 0 5px #E3BBF9) drop-shadow(0 0 10px #E3BBF9); +} + +message.vip top author { + filter: drop-shadow(0 0 5px #FFC0E4) drop-shadow(0 0 10px #FFC0E4); +} + +message.moderator top author { + filter: drop-shadow(0 0 5px #CFFFA4) drop-shadow(0 0 10px #CFFFA4); +} + +message.broadcaster top author { + filter: drop-shadow(0 0 5px #FFFFFF) drop-shadow(0 0 10px #FFFFFF); +} + message bottom { position: relative; border-radius: 40px; @@ -229,8 +249,8 @@ message bottom::before { message bottom::after { position: absolute; content: ''; - top: -3px; - right: 0; + top: -6px; + right: 4px; width: 75px; transform: translateX(30%); aspect-ratio: 100 / 160; @@ -263,11 +283,23 @@ message bottom footer::before { transform: translateY(-50%); height: 40px; aspect-ratio: 111 / 40; - filter: drop-shadow(0 0 5px var(--primary)); + filter: drop-shadow(0 0 5px #E0BAF5); background-size: cover; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='111' height='40' fill='none'%3E%3Cpath fill='%23fff' d='m95.5.516.73 5.77c.867 6.857 6.196 12.334 13.095 13.457l1.675.273-1.675.273c-6.899 1.123-12.228 6.6-13.095 13.457l-.73 5.77-.73-5.77c-.867-6.858-6.196-12.334-13.095-13.457L80 20.016l1.675-.273c6.9-1.123 12.228-6.6 13.095-13.457l.73-5.77ZM55.5.516l.73 5.77c.867 6.857 6.196 12.334 13.095 13.457l1.675.273-1.675.273c-6.9 1.123-12.228 6.6-13.095 13.457l-.73 5.77-.73-5.77c-.867-6.858-6.196-12.334-13.095-13.457L40 20.016l1.675-.273c6.9-1.123 12.228-6.6 13.095-13.457l.73-5.77ZM15.5 1.006l.73 5.77c.867 6.858 6.196 12.334 13.095 13.457l1.675.273-1.675.273c-6.9 1.123-12.228 6.6-13.095 13.457l-.73 5.77-.73-5.77C13.903 27.38 8.574 21.902 1.675 20.78L0 20.506l1.675-.273c6.9-1.123 12.228-6.6 13.095-13.457l.73-5.77Z'/%3E%3C/svg%3E"); } +message.vip bottom footer::before { + filter: drop-shadow(0 0 5px #FFC0E4); +} + +message.moderator bottom footer::before { + filter: drop-shadow(0 0 5px #CEFFA4); +} + +message.broadcaster bottom footer::before { + filter: drop-shadow(0 0 5px #AFAFAF); +} + message bottom footer::after { position: absolute; content: ''; @@ -292,7 +324,7 @@ event content { color: var(--color-1); text-shadow: 0 0 10px white; background: linear-gradient(to bottom, transparent calc(100% - 20px), #B5B5B5 calc(100% - 19.99px), #B5B5B5), linear-gradient(to right, #464646 50%, #282828 120%); - border-radius: 65px; + border-radius: 85px; padding: 35px 75px 55px; } @@ -305,6 +337,7 @@ event content::before { transform: translate(-50%, -100%); height: 70px; aspect-ratio: 462 / 89; + filter: drop-shadow(0 0 5px white); background-size: cover; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='462' height='89' fill='none'%3E%3Cpath fill='url(%23a)' d='M8.21 29.231C13.295 16.881 26 .014 26 .014s-4.226 22.373-4.238 36.863C21.75 51.474 26 74.014 26 74.014H0S1.442 45.677 8.21 29.23Z'/%3E%3Cpath fill='url(%23b)' d='M453.789 29.231C448.706 16.881 436 .014 436 .014s4.226 22.373 4.238 36.863C440.25 51.474 436 74.014 436 74.014h26s-1.442-28.337-8.211-44.783Z'/%3E%3Cpath fill='%23fff' d='M121.002 47.014h222v10h-222z'/%3E%3Ccircle cx='395.813' cy='66.2' r='22.186' fill='%23fff' transform='rotate(90 395.813 66.2)'/%3E%3Ccircle cx='313.409' cy='47.2' r='22.186' fill='%23fff' transform='rotate(90 313.409 47.2)'/%3E%3Ccircle cx='356.186' cy='54.2' r='22.186' fill='%23fff' transform='rotate(90 356.186 54.2)'/%3E%3Ccircle cx='272.202' cy='43.2' r='22.186' fill='%23fff' transform='rotate(90 272.202 43.2)'/%3E%3Ccircle cx='189.792' cy='43.2' r='22.186' fill='%23fff' transform='rotate(90 189.792 43.2)'/%3E%3Ccircle cx='230.999' cy='40.2' r='22.186' fill='%23fff' transform='rotate(90 230.999 40.2)'/%3E%3Ccircle cx='148.589' cy='47.2' r='22.186' fill='%23fff' transform='rotate(90 148.589 47.2)'/%3E%3Ccircle cx='67.186' cy='66.2' r='22.186' fill='%23fff' transform='rotate(90 67.186 66.2)'/%3E%3Ccircle cx='108.186' cy='54.2' r='22.186' fill='%23fff' transform='rotate(90 108.186 54.2)'/%3E%3Cdefs%3E%3ClinearGradient id='a' x1='13' x2='13' y1='.014' y2='74.014' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D8A291'/%3E%3Cstop offset='1' stop-color='%23F6E4DC'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='449' x2='449' y1='.014' y2='74.014' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23D8A291'/%3E%3Cstop offset='1' stop-color='%23F6E4DC'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E"); } @@ -312,9 +345,9 @@ event content::before { event content::after { position: absolute; content: ''; - top: 25px; - right: -10; - width: 35px; + top: 35px; + right: -10px; + width: 40px; aspect-ratio: 1; filter: drop-shadow(0 0 5px white); background-size: cover; @@ -337,8 +370,8 @@ event bottom::before { position: absolute; content: ''; bottom: 5px; - left: 30px; - width: 50px; + left: 50px; + width: 65px; aspect-ratio: 1; filter: drop-shadow(0 0 5px white) drop-shadow(0 0 10px white); background-size: cover; @@ -348,10 +381,11 @@ event bottom::before { event bottom::after { position: absolute; content: ''; - right: 55px; - bottom: -22px; + right: 65px; + bottom: -20px; width: 70px; aspect-ratio: 84 / 64; + z-index: -1; background-size: cover; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='64' fill='none'%3E%3Cg fill='%23fff' clip-path='url(%23a)'%3E%3Cpath d='M17.102-12.986 35-10.186c-5.016 29.602-8.56 45.78-15.644 74.2L0 26.447C11.14 12.644 15.046 3.978 17.102-12.986ZM66.898-12.986 49-10.186c5.016 29.602 8.56 45.78 15.644 74.2L84 26.447C72.86 12.644 68.954 3.978 66.898-12.986Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h84v64H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); }