106 lines
1.6 KiB
CSS
106 lines
1.6 KiB
CSS
@font-face {
|
|
font-family: Comunicacion Digital;
|
|
src: url(Comunicacion.ttf);
|
|
}
|
|
#scoreboard {
|
|
cursor: crosshair;
|
|
}
|
|
#scoreboard td {
|
|
vertical-align: top;
|
|
text-align: center;
|
|
}
|
|
#scoreboard p {
|
|
margin: 0;
|
|
}
|
|
.team {
|
|
font-family: Comunicacion Digital, sans-serif;
|
|
}
|
|
.team img {
|
|
max-width: 100%;
|
|
max-height: 2em;
|
|
}
|
|
|
|
#timeouts-a, #timeouts-b, #score-a, #score-b, #jam, #period {
|
|
color: yellow;
|
|
font-family: sans-serif;
|
|
font-weight: bold;
|
|
font-size: 133%;
|
|
}
|
|
#timeouts-a, #timeouts-b {
|
|
font-size: 50%;
|
|
}
|
|
#timeouts-a, #jammer-a {
|
|
float: left;
|
|
}
|
|
#timeouts-b, #jammer-b {
|
|
float: right;
|
|
}
|
|
|
|
#jammer-a, #jammer-b {
|
|
color: #444;
|
|
}
|
|
|
|
#jammer-a.lead, #jammer-b.lead {
|
|
color: yellow;
|
|
}
|
|
|
|
#jam, #period {
|
|
background: #000;
|
|
font-size: 150%;
|
|
border-radius: 15px;
|
|
padding: 0 0.1em;
|
|
}
|
|
|
|
/* States timers can be in */
|
|
#jam.paused, #period.paused {
|
|
color: #888;
|
|
}
|
|
#jam.lowtime, #period.lowtime {
|
|
background: #f24;
|
|
}
|
|
#jam.timeout {
|
|
background: #044;
|
|
}
|
|
#jam.lineup {
|
|
background: #060;
|
|
}
|
|
|
|
|
|
/*
|
|
* Penalties
|
|
*/
|
|
#penalties-a {
|
|
float: left;
|
|
border-collapse: collapse;
|
|
}
|
|
#penalties-b {
|
|
float: right;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
#penalties td {
|
|
cursor: crosshair;
|
|
border: 1px solid rgba(255, 255, 255, 0.075);
|
|
padding: 0;
|
|
vertical-align: bottom;
|
|
}
|
|
|
|
#penalties .minors td {
|
|
height: 3em;
|
|
}
|
|
#penalties .majors td {
|
|
height: 8em;
|
|
}
|
|
#penalties .minors div {
|
|
background-color: #880;
|
|
color: black;
|
|
}
|
|
#penalties .majors div {
|
|
background-color: #800;
|
|
}
|
|
#penalties .sk8ers td {
|
|
vertical-align: top;
|
|
width: 1em;
|
|
line-height: 75%;
|
|
}
|