diff options
| author | David Vazgenovich Shakaryan <dvshakaryan@gmail.com> | 2022-05-20 01:38:05 -0700 |
|---|---|---|
| committer | David Vazgenovich Shakaryan <dvshakaryan@gmail.com> | 2022-05-20 01:38:05 -0700 |
| commit | a4f1e60ece6dac22c4d913fc70124873803f30ab (patch) | |
| tree | 405793459509a17f37a1223196b9deaf71514ba7 /web/static/style.css | |
| parent | 2886add52aeed172289f3bddd995eda0b0c92a67 (diff) | |
| download | dartboat-a4f1e60ece6dac22c4d913fc70124873803f30ab.tar.gz dartboat-a4f1e60ece6dac22c4d913fc70124873803f30ab.tar.xz | |
web: add (incomplete) support for 3+ player matches
Diffstat (limited to 'web/static/style.css')
| -rw-r--r-- | web/static/style.css | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/web/static/style.css b/web/static/style.css index 5131eab..f8b6ea0 100644 --- a/web/static/style.css +++ b/web/static/style.css @@ -473,6 +473,56 @@ body { visibility: visible; } +#info #info-slot-prev, #info #info-slot-next { + visibility: hidden; + + color: #eee; + background-color: #583a90; + font-size: 2em; + height: 1.6em; + width: 1em; + + outline: #111 solid 2px; + + position: absolute; + + display: flex; + align-items: center; + justify-content: center; +} + +#info #info-slot-prev { + left: 0%; + right: 100%; + top: 50%; + bottom: 50%; + transform: translate(0%, -50%); +} + +#info #info-slot-next { + left: 100%; + right: 0%; + top: 50%; + bottom: 50%; + transform: translate(-100%, -50%); +} + +#info #info-slot-prev.visible, #info #info-slot-next.visible { + visibility: visible; +} + +@media (hover: hover) and (pointer: fine) { + #info #info-slot-prev:hover, #info #info-slot-next:hover { + color: #fff; + background-color: #6e49b4; + } +} + +#info #info-slot-prev:active, #info #info-slot-next:active { + color: #fff; + background-color: #7b51ca; +} + #info #p1-info, #info #p2-info { background-color: #222; font-size: 1.5em; |