try to simplify css
This commit is contained in:
parent
61c0e71774
commit
b006468396
|
@ -39,19 +39,21 @@ body {
|
||||||
user-select: none;
|
user-select: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#logo-a-container, #logo-b-container {
|
.left, .right {
|
||||||
|
width: 2em;
|
||||||
|
height: 100%;
|
||||||
|
text-align: center;
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0;
|
top: 0;
|
||||||
height: 5em;
|
|
||||||
width: 2em;
|
|
||||||
text-align: center;
|
|
||||||
}
|
}
|
||||||
#logo-a-container {
|
|
||||||
|
.left {
|
||||||
left: 0;
|
left: 0;
|
||||||
}
|
}
|
||||||
#logo-b-container {
|
.right {
|
||||||
right: 0;
|
right: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#logo-a, #logo-b {
|
#logo-a, #logo-b {
|
||||||
max-width: 1.8em;
|
max-width: 1.8em;
|
||||||
max-height: 2em;
|
max-height: 2em;
|
||||||
|
|
|
@ -30,14 +30,14 @@
|
||||||
a highly-styled page, it looks awful without CSS. Sorry.
|
a highly-styled page, it looks awful without CSS. Sorry.
|
||||||
-->
|
-->
|
||||||
<div id="scoreboard">
|
<div id="scoreboard">
|
||||||
<p>
|
<p class="left">
|
||||||
<span id="logo-a-container"><img src="" alt="A" id="logo-a" onclick="handle(event);"></span>
|
<img class="logo" id="logo-a" src="" alt="A" onclick="handle(event);">
|
||||||
<span id="timeouts-a" onclick="handle(event);">0</span>
|
<span class="timeouts" id="timeouts-a" onclick="handle(event);">0</span>
|
||||||
<span id="jammer-a" onclick="handle(event);">★</span>
|
<span class="jammer" id="jammer-a" onclick="handle(event);">★</span>
|
||||||
<span id="score-a" onclick="handle(event);">-</span>
|
<span class="score" id="score-a" onclick="handle(event);">-</span>
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<p>
|
<p class="center">
|
||||||
<span id="period" onclick="handle(event);">--:--</span>
|
<span id="period" onclick="handle(event);">--:--</span>
|
||||||
<span id="periodtext" onclick="handle(event);"></span>
|
<span id="periodtext" onclick="handle(event);"></span>
|
||||||
<span id="jam" onclick="handle(event);">-:--.-</span>
|
<span id="jam" onclick="handle(event);">-:--.-</span>
|
||||||
|
@ -45,11 +45,11 @@
|
||||||
<span id="jamno" onclick="handle(event);">0</span>
|
<span id="jamno" onclick="handle(event);">0</span>
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<p>
|
<p class="right">
|
||||||
<span id="logo-b-container"><img src="" alt="B" id="logo-b" onclick="handle(event);"></span>
|
<img class="logo" id="logo-b" src="" alt="B" onclick="handle(event);">
|
||||||
<span id="timeouts-b" onclick="handle(event);">0</span>
|
<span class="timeouts" id="timeouts-b" onclick="handle(event);">0</span>
|
||||||
<span id="jammer-b" onclick="handle(event);">★</span>
|
<span class="jammer" id="jammer-b" onclick="handle(event);">★</span>
|
||||||
<span id="score-b" onclick="handle(event);">-</span>
|
<span class="score" id="score-b" onclick="handle(event);">-</span>
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue