neale
/
woozle-scoreboard
mirror of https://github.com/nealey/woozle-scoreboard
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

try to simplify css

This commit is contained in:
Neale Pickett 2012-07-16 23:05:04 -06:00
parent 61c0e71774
commit b006468396
2 changed files with 19 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
res/scoreboard.css
View File

@ -39,19 +39,21 @@ body {
user-select: none;
}
#logo-a-container, #logo-b-container {
.left, .right {
width: 2em;
height: 100%;
text-align: center;
position: absolute;
top: 0;
height: 5em;
width: 2em;
text-align: center;
}
#logo-a-container {
.left {
left: 0;
}
#logo-b-container {
.right {
right: 0;
}
#logo-a, #logo-b {
max-width: 1.8em;
max-height: 2em;

22
scoreboard.html
View File

@ -30,14 +30,14 @@
a highly-styled page, it looks awful without CSS. Sorry.
-->
<div id="scoreboard">
<p>
<span id="logo-a-container"><img src="" alt="A" id="logo-a" onclick="handle(event);"></span>
<span id="timeouts-a" onclick="handle(event);">0</span>
<span id="jammer-a" onclick="handle(event);">★</span>
<span id="score-a" onclick="handle(event);">-</span>
<p class="left">
<img class="logo" id="logo-a" src="" alt="A" onclick="handle(event);">
<span class="timeouts" id="timeouts-a" onclick="handle(event);">0</span>
<span class="jammer" id="jammer-a" onclick="handle(event);">★</span>
<span class="score" id="score-a" onclick="handle(event);">-</span>
</p>
<p>
<p class="center">
<span id="period" onclick="handle(event);">--:--</span>
<span id="periodtext" onclick="handle(event);"></span>
<span id="jam" onclick="handle(event);">-:--.-</span>
@ -45,11 +45,11 @@
<span id="jamno" onclick="handle(event);">0</span>
</p>
<p>
<span id="logo-b-container"><img src="" alt="B" id="logo-b" onclick="handle(event);"></span>
<span id="timeouts-b" onclick="handle(event);">0</span>
<span id="jammer-b" onclick="handle(event);">★</span>
<span id="score-b" onclick="handle(event);">-</span>
<p class="right">
<img class="logo" id="logo-b" src="" alt="B" onclick="handle(event);">
<span class="timeouts" id="timeouts-b" onclick="handle(event);">0</span>
<span class="jammer" id="jammer-b" onclick="handle(event);">★</span>
<span class="score" id="score-b" onclick="handle(event);">-</span>
</p>
</div>