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

Tweak scoring display.

Browse Source
This commit is contained in:
Patrick Fairbank
2017-09-10 12:23:22 -07:00
parent 88e5e3c571
commit 79334ab0a0
2 changed files with 30 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
static/css/audience_display.css
View File

@@ -98,16 +98,29 @@ html {
}
.score-fields {
float: left;
width: 20%;
height: 100%;
line-height: 29px;
text-align: center;
display: table;
font-size: 23px;
display: block;
font-size: 20px;
font-family: "FuturaLTBold";
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 {
display: inline-block;
line-height: 34px;
padding: 0;
}
#logo {
position: relative;
top: 30px;

18
templates/audience_display.html
View File

@@ -24,12 +24,14 @@
</span>
</div>
<div class="score" id="redScore">
<div class="score-fields">
<div class="score-fields score-fields-icons">
<span class="valign-cell">
<img class="score-icon" src="/static/img/pressure.svg" /><br />
<img class="score-icon" src="/static/img/rotor.svg" /><br />
<img class="score-icon" src="/static/img/takeoff.svg" />
</span>
</div>
<div class="score-fields score-fields-text">
<span class="valign-cell">
<span id="redPressurePoints"></span><br />
<span id="redRotors"></span><br />
@@ -39,18 +41,20 @@
<div class="score-number" id="redScoreNumber">&nbsp;</div>
</div>
<div class="score" id="blueScore">
<div class="score-fields pull-right">
<span class="valign-cell">
<span id="bluePressurePoints"></span><br />
<span id="blueRotors"></span><br />
<span id="blueTakeoffs"></span>
</span>
<div class="score-fields score-fields-icons pull-right">
<span class="valign-cell">
<img class="score-icon score-icon-right" src="/static/img/pressure.svg" /><br />
<img class="score-icon score-icon-right" src="/static/img/rotor.svg" /><br />
<img class="score-icon score-icon-right" src="/static/img/takeoff.svg" />
</span>
</div>
<div class="score-fields score-fields-text pull-right" style="direction: rtl;">
<span class="valign-cell" style="text-align: right;">
<span id="bluePressurePoints"></span><br />
<span id="blueRotors"></span><br />
<span id="blueTakeoffs"></span>
</span>
</div>
<div class="score-number pull-right" id="blueScoreNumber">&nbsp;</div>
</div>
<div class="teams" id="blueTeams">