Michatec/ptelevision
1
1
Fork 0
mirror of https://github.com/Michatec/ptelevision.git synced 2026-04-01 07:56:29 +02:00
Code Issues Packages Projects Releases 1 Activity

Update v1.1

Browse Source
This commit is contained in:
Pickle
2022-10-30 14:59:52 -04:00
committed by GitHub
parent e96ff50c51
commit 1e5e2ea1f0
13 changed files with 993 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

93
html/style.css Normal file
View File

@@ -0,0 +1,93 @@
@font-face {
font-family: 'BodyCam';
src: url('VCR_OSD_MONO_1.001.ttf') format('truetype') /* Safari, Android, iOS */
}
* {
font-family: BodyCam;
color:white;
}
#twitch-embed {
position: absolute;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
overflow: hidden;
z-index: -1;
}
#overlay {
position: absolute;
top: 10px;
right: 10px;
z-index: 1;
font-size: 48pt !important;
}
#background {
display: flex;
position: absolute;
top: 0;
left: 0;
width: 100%;
min-height: 100%;
background-color: rgb(42, 42, 42);
justify-content: center;
align-items: center;
flex-wrap: wrap;
z-index: -2;
}
#tv-container {
display: flex;
position: absolute;
top: 0;
left: 0;
width: 100%;
min-height: 100%;
background-color: transparent;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
#tv-container.notify {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
min-height: 100%;
}
#tv-container > div {
font-size: 24pt;
user-select: none;
}
#tv-container > div.notify {
font-size: 24pt;
user-select: none;
width: -webkit-fill-available;
text-align: center;
padding: 25px;
background-color: rgba(0, 0, 0, 0.3);
}
/* width */
::-webkit-scrollbar {
width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
background: rgb(42, 42, 42);
}
/* Handle */
::-webkit-scrollbar-thumb {
background: rgb(66, 66, 66);
}