body {
font-size: 10pt;
font-weight: 400;
}
body {
padding: 0px;
margin: 0px;
color: black;
font-family: Arial, Helvetica, sans-serif;
scrollbar-width: none;
}
* {
-ms-overflow-style: none;
scrollbar-width: none;
}
*::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
}
#left {
float: left;
margin-left: 10px;
margin-bottom: 5mm;
}
#right {
float: right;
margin-bottom: 5mm;
}
#clock {
font-size: 100px;
text-align: center;
padding-top: 30px;
}
table {
width: 100%;
font-size: 60px;
border-spacing: 0px;
padding-top: 10px;
}
td {
text-align: left;
vertical-align: middle;
padding-left: 10px;
padding-right: 10px;
padding-top: 5px;
padding-bottom: 5px;
}
#tableheader {
background-color: #f4d600;
font-size: 50px;
font-weight: bold;
height: 150px;
}
tr:nth-child(even) { background-color: #cccccc; }
tr:nth-child(odd) { background-color: #f4d600; }
tr > td:nth-child(1) { width: 15%; }
tr > td:nth-child(2) { width: 45%; }
tr > td:nth-child(3) { min-width: 220px; }
tr > td:nth-child(4) { width: 15%; }
.blink { }
.bold { font-weight: bold; }
#ticker {
display: none;
position: fixed;
left: 0px;
right: 0px;
bottom: 0px;
top: auto;
width: auto;
height: auto;
padding: 10px 0px 10px 0px;
overflow: hidden;
font-size: 80px;
font-weight: bold;
color: white;
background-color: black;
}
#ticker.emergency {
bottom: 40%;
border-top: solid black 1mm;
border-bottom: solid black 1mm;
font-size: 120px;
background-color: red;
}
#ticker > span {
position: relative;
white-space: nowrap;
}
@media (max-width: 900px) {
#left { display: none; }
#right { display: none; }
#clock {
font-size: 40px;
font-weight: bold;
padding-top: 4px;
}
table {
font-size: 16px;
padding-top: 4px;
}
#tableheader {
font-size: 20px;
height: 20px;
}
tr > td:nth-child(3) { min-width: 100px; }
#ticker { font-size: 20px; }
#ticker.emergency { font-size: 40px; }
}