138 lines
2.2 KiB
CSS
138 lines
2.2 KiB
CSS
@font-face {
|
|
font-family: Comunicacion Digital;
|
|
src: url(Comunicacion.ttf);
|
|
}
|
|
#scoreboard {
|
|
cursor: default;
|
|
}
|
|
#scoreboard td {
|
|
vertical-align: top;
|
|
text-align: center;
|
|
}
|
|
#scoreboard p {
|
|
margin: 0;
|
|
}
|
|
#scoreboard *[id] {
|
|
cursor: pointer;
|
|
}
|
|
.team {
|
|
font-family: Comunicacion Digital, sans-serif;
|
|
font-size: 90%;
|
|
}
|
|
.team img {
|
|
max-width: 2em;
|
|
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: pointer;
|
|
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%;
|
|
}
|
|
|
|
|
|
/*
|
|
* Notices
|
|
*/
|
|
#penalties.notice {
|
|
display: none;
|
|
}
|
|
#notice div {
|
|
font-family: Crack Babies, Comunicacion Digital, sans-serif;
|
|
font-size: 1000%;
|
|
display: none;
|
|
}
|
|
#notice .active {
|
|
display: block;
|
|
-moz-animation-duration: 0.5s;
|
|
-moz-animation-name: grow;
|
|
-moz-animation-iteration-count: infinite;
|
|
-moz-animation-direction: alternate;
|
|
}
|
|
|
|
@-moz-keyframes grow {
|
|
0% {color: red;}
|
|
50% {color: yellow;}
|
|
75% {color: blue;}
|
|
100% {color: magenta;}
|
|
}
|
|
|