add 'more accurate' tellyscript#22
Conversation
|
WebTV-HD.git |
|
tails1154:main |
|
git |
|
/* Dialing Screen CSS */ body { #city { .city img { #dialing-music { #progressbar-container { /* Progress bar style based off of pjfrix's code, animation by me */ progress { progress[value]::-moz-progress-bar { progress[value]::-webkit-progress-value { progress::-webkit-progress-bar { @Keyframes baranim { |
|
what
…On Wed, May 13, 2026 at 11:43 PM hmzhbyry44-lab ***@***.***> wrote:
*hmzhbyry44-lab* left a comment (SKCro/WebTV-HD#22)
<#22 (comment)>
/* Dialing Screen CSS */
body {
background-color: #000;
color: #888;
font-family: 'Helvetica', Arial, sans-serif;
margin: 0;
padding: 0;
animation-fill-mode: forwards;
display: flex;
flex-direction: column;
height: 100vh;
}
#city {
position: fixed;
width: 100%;
height: 0;
padding-bottom: 100vh;
background-image: url('../images/Dialing.svg');
background-size: contain;
background-position: center center;
z-index: -1;
background-repeat: no-repeat;
animation: city-road-anim 1s 1s;
}
.city img {
width: 100%;
}
#dialing-music {
display: flex;
margin: 2vh 1vh 1vh 1vh;
}
#progressbar-container {
margin-left: 15vh;
margin-right: 15vh;
margin-top: 85vh;
}
/* Progress bar style based off of pjfrix's code, animation by me */
progress {
box-sizing: border-box;
border: solid 0.2rem #202020;
border-color: #202020 #666666 #666666 #202020;
background: -webkit-linear-gradient(90deg, rgb(32, 42, 42), rgb(0, 0, 0));
background: linear-gradient(90deg, rgb(32, 42, 42), rgb(0, 0, 0));
padding: 0.1rem 0.2rem;
height: 1.3rem;
}
progress[value]::-moz-progress-bar {
background: repeating-linear-gradient(145deg, #006F00 -0.3%, #006F00 0.1%,
#00A500 2.5%, #006F00 5%);
border-top: 0.1rem solid #003c00;
border-bottom: 0.1rem solid #003c00;
animation: baranim 120s linear infinite;
}
progress[value]::-webkit-progress-value {
background: repeating-linear-gradient(145deg, #006F00 -0.3%, #006F00 0.1%,
#00A500 2.5%, #006F00 5%);
border-top: 0.1rem solid #003c00;
border-bottom: 0.1rem solid #003c00;
animation: baranim 120s linear infinite;
}
progress::-webkit-progress-bar {
background: transparent;
}
@Keyframes <https://github.com/Keyframes> baranim {
100% {
background-position: 10000px 0;
background-size: 100% 100%;
}
}
—
Reply to this email directly, view it on GitHub
<#22 (comment)>, or
unsubscribe
<https://github.com/notifications/unsubscribe-auth/BEKEWU4IPXGLX6J2RDOGWID42VFGLAVCNFSM6AAAAACY5OD5KOVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHM2DINBXGU4TONBRGM>
.
You are receiving this because you authored the thread.Message ID:
***@***.***>
|
very accuraet real