stream/streamerbot-overlay
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Initial

Browse Source
This commit is contained in:
Stephane Bouvard
2025-07-23 14:47:19 +02:00
commit d7101033e7
36 changed files with 2250 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
modules/scrolling-banner/css/fonts/led_counter-7.ttf Normal file
View File

Binary file not shown.

BIN
modules/scrolling-banner/css/fonts/led_counter-7_italic.ttf Normal file
View File

Binary file not shown.

BIN
modules/scrolling-banner/css/fonts/led_counter-7_screen.gif Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

35
modules/scrolling-banner/css/scrolling-banner.css Normal file
View File

@@ -0,0 +1,35 @@
@font-face {
font-family: 'led_counter-7';
src: url('fonts/led_counter-7.ttf') format('truetype');
}
#scrollingBannerContainer {
z-index: 500;
position: fixed;
top: 30px;
left: -100%;
width: 70%;
height: 75px;
background: linear-gradient(to right, black, #800000);
display: flex;
align-items: center;
overflow: hidden;
clip-path: polygon(0 0, 100% 0, calc(100% - 30px) 100%, 0 100%);
}
#scrollingBannerContainer #scrollingBannerMessage {
width: 100%;
color: limegreen;
font-family: 'led_counter-7', monospace;
font-size: 64px;
white-space: nowrap;
display: inline-block;
position: absolute;
animation: scrolling 10s linear infinite;
}
@keyframes scrolling {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(-100%);
}
}

40
modules/scrolling-banner/css/scrolling-banner.less Normal file
View File

@@ -0,0 +1,40 @@
// out: scrolling-banner.css, sourcemap: false, compress: false
@font-face {
font-family: 'led_counter-7';
src: url('fonts/led_counter-7.ttf') format('truetype');
}
#scrollingBannerContainer {
z-index: 500;
position: fixed;
top: 30px;
left: -100%;
width: 70%;
height: 75px;
background: linear-gradient(to right, black, #800000);
display: flex;
align-items: center;
overflow: hidden;
clip-path: polygon( 0 0, 100% 0, calc(100% - 30px) 100%, 0 100% );
#scrollingBannerMessage {
width: 100%;
color: limegreen;
font-family: 'led_counter-7', monospace;
font-size: 64px;
white-space: nowrap;
display: inline-block;
position: absolute;
animation: scrolling 10s linear infinite;
}
@keyframes scrolling {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(-100%);
}
}
}