NCGEARS/cheesy-arena-lite
1
0
Fork 0
mirror of https://github.com/Team254/cheesy-arena-lite.git synced 2026-03-09 21:56:50 -04:00
Code Issues Actions Packages Projects Releases 1 Wiki Activity

Update realtime scoring display and sounds for 2018.

Browse Source
This commit is contained in:
Patrick Fairbank
2018-07-21 18:27:53 -07:00
parent 0b9d6af240
commit 5f457f96ec
18 changed files with 384 additions and 444 deletions
Download Patch File Download Diff File Expand all files Collapse all files

95
static/css/audience_display.css
View File

@@ -104,37 +104,92 @@ html {
color: #fff;
opacity: 0;
}
.score-fields-icons {
line-height: 99px;
text-align: center;
width: 30px;
}
.score-fields-icons span {
display: inline-block;
line-height: 33px;
}
.score-fields-text {
width: 19px;
}
.score-fields-text span {
.score-fields span {
display: inline-block;
line-height: 34px;
padding: 0;
}
.power-up[data-state="0"] {
opacity: 1;
}
.power-up[data-state="1"] {
color: #ffff00;
}
.power-up[data-state="2"] {
color: #ffff00;
animation: power-up-blinker 0.5s linear infinite;
}
.power-up[data-state="3"] {
opacity: 0.4;
}
@keyframes power-up-blinker {
50% {
opacity: 0.5;
}
}
.score-fields-icons {
text-align: center;
width: 28px;
}
.score-fields-text {
width: 19px;
}
.powerup-progress {
float: left;
height: 100%;
margin: 0 4px 0 4px;
width: 6px;
}
.powerup-progress>div {
position: absolute;
top: 0;
bottom: 0;
width: 6px;
height: 0;
margin: auto;
background-color: #fff;
opacity: 0.7;
border-radius: 3px;
}
#logo {
position: relative;
top: 30px;
height: 85px;
top: 35px;
height: 75px;
}
#matchTime {
position: relative;
top: 6px;
top: 4px;
height: 60px;
color: #222;
font-family: "FuturaLTBold";
font-size: 32px;
opacity: 0;
}
.seesaw-indicator {
position: absolute;
bottom: 8px;
border-radius: 3px;
width: 11px;
height: 16px;
background-color: #ccc;
border: 1px solid #333;
opacity: 0;
}
.seesaw-indicator[data-owned-by="1"] {
background-color: #ff4444;
}
.seesaw-indicator[data-owned-by="2"] {
background-color: #2080ff;
}
#redSwitchIndicator {
left: 50px;
}
#scaleIndicator {
left: 68px;
}
#blueSwitchIndicator {
left: 86px;
}
#blindsContainer {
position: fixed;
top: 0;
@@ -406,11 +461,3 @@ html {
font-family: "FuturaLTBold";
line-height: 87px;
}
.score-icon {
position: relative;
top: -4px;
height: 23px;
}
.score-icon-right {
-webkit-transform: scaleX(-1);
}