From a4f1e60ece6dac22c4d913fc70124873803f30ab Mon Sep 17 00:00:00 2001
From: David Vazgenovich Shakaryan <dvshakaryan@gmail.com>
Date: Fri, 20 May 2022 01:38:05 -0700
Subject: web: add (incomplete) support for 3+ player matches

---
 web/static/style.css | 50 ++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 50 insertions(+)

(limited to 'web/static/style.css')

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;
-- 
cgit v1.2.3-70-g09d2