diff options
-rw-r--r-- | play.css | 43 | ||||
-rw-r--r-- | play.html | 8 | ||||
-rw-r--r-- | play.js | 2 |
3 files changed, 42 insertions, 11 deletions
@@ -452,14 +452,45 @@ span.suit.reserve { color: var(--color-reserve); font-weight: bold; font-family: .missing { position: absolute; - font-size: 18px; - line-height: 18px; + background-color: #c00c; + box-sizing: border-box; + color: white; + font-weight: bold; + font-size: 16px; + line-height: 20px; + padding: 6px; + white-space: pre; + text-align: center; } -#missing_pragmatic { top: 105px; left: 860px; } -#missing_prussia { top: 76px; left: 1990px; } -#missing_austria { top: 1562px; left: 2395px; } -#missing_france { top: 1568px; left: 145px; } +#missing_pragmatic { + left: 779px; + top: 79px; + width: 116px; + height: 58px; +} + +#missing_prussia { + left: 1909px; + top: 58px; + width: 116px; + height: 58px; +} + +#missing_austria { + left: 2316px; + top: 1543px; + width: 116px; + height: 58px; +} + +#missing_france { + background-color: #c00c; + left: 66px; + top: 1541px; + width: 116px; + height: 58px; +} /* SPACES */ @@ -62,10 +62,10 @@ <div id="spaces"></div> <div id="markers"></div> <div id="pieces"></div> - <div id="missing_france" class="missing"></div> - <div id="missing_prussia" class="missing"></div> - <div id="missing_pragmatic" class="missing"></div> - <div id="missing_austria" class="missing"></div> + <div id="missing_france" class="hide"></div> + <div id="missing_prussia" class="hide"></div> + <div id="missing_pragmatic" class="hide"></div> + <div id="missing_austria" class="hide"></div> </div> </div> @@ -1251,7 +1251,7 @@ function layout_victory_pool(pow, max, x, y) { ui.markers_element.appendChild(e) } if (n > max) { - ui.missing[pow].textContent = "+" + (n-max) + ui.missing[pow].textContent = "overfulfilled\n" + (n-max) } else { ui.missing[pow].textContent = "" } |