ducklet/quiz
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

add original version of old crummy monitor

Browse source
This commit is contained in:
ducklet 2021-02-02 00:42:02 +01:00
parent b00f8a357c
commit ab7f6014a4
7 changed files with 368 additions and 114 deletions
Download patch file Download diff file Expand all files Collapse all files

60
public/monitor.css Normal file
View file

@ -0,0 +1,60 @@
body {
font-family: "Arial Rounded MT Bold", sans-serif;
background-color: black;
margin: 0px auto;
overflow: hidden;
}
* {
margin: 0;
padding: 0;
}
/*
# colors
citrus: c2d72f
bleue: 0093ff
*/
#info {
background-color: #c2d72f;
padding: 1em 0 0 1em;
width: 1280px;
height: 720px;
outline: 10px solid gold;
}
.player {
width: 336px;
display: flex;
flex-direction: column;
position: relative;
}
.player + .player {
margin-top: 1.5em;
}
.box {
background-color: #0f0;
height: 189px;
outline: 0.3em solid grey;
-moz-outline-radius: 1em;
}
.points {
position: absolute;
top: 1em;
right: 1em;
background-color: #c2d72f;
width: 3em;
padding: 0.2em;
text-align: right;
border-radius: 0.5em;
box-shadow: 0 0 0.3em #c2d72f, 0 0 0.8em #c2d72f, 0 0 1em #c2d72f, 0 0 1.2em #c2d72f;
}
.player.buzzing .box {
outline: 0.7em solid #0093ff;
}
.name {
margin-top: 0.5em;
text-align: center;
letter-spacing: 0.3em;
font-variant: small-caps;
/*font-weight: bold;*/
}
/*1280 x 720*/
/*1920 x 1080*/