hack together the "whip-pan"

1 files changed, 40 insertions, 18 deletions

diff --git a/webAO/styles/client.css b/webAO/styles/client.css
index b2866a7..ba7a4a0 100644
--- a/webAO/styles/client.css
+++ b/webAO/styles/client.css
@@ -182,12 +182,23 @@
 #client_court {
 	position: absolute;
 	height: 100%;
+	top: 0;
+	left: 0;
+}
+
+#client_stitch_court {
+	position: absolute;
+	height: 100%;
 	width: 100%;
 	top: 0;
 	left: 0;
-	object-fit: cover;
-	transition: 0.5s ease-in-out;
-	transition-property: object-position;
+}
+
+#client_stitch_court>img {
+	position: absolute;
+	height: 100%;
+	width: 100%;
+	bottom: 0;
 }
 
 .def_court {
@@ -202,32 +213,23 @@
 	object-position: right;
 }
 
-#client_pair_char {
-	position: absolute;
-	height: 100%;
-	width: 100%;
-	bottom: 0;
-}
-
-#client_pair_char>img {
+#client_charview {
 	position: absolute;
 	height: 100%;
 	width: 100%;
 	bottom: 0;
-	left: 0;
-	object-fit: cover;
-	object-position: 50% 0;
+	transition: 0.5s ease-in-out;
+	transition-property: left;
 }
 
-#client_char {
+.client_char {
 	position: absolute;
 	height: 100%;
 	width: 100%;
 	bottom: 0;
-	left: 0;
 }
 
-#client_char>img {
+.client_char>img {
 	position: absolute;
 	height: 100%;
 	width: 100%;
@@ -245,7 +247,27 @@
 	right: 0;
 }
 
-#client_bench {
+#client_def_bench, #client_def_char, #client_def_pair_char, #client_court_def {
+	left: 0;
+}
+
+#client_court_deft {
+	left: 100%;
+}
+
+#client_wit_bench, #client_wit_char, #client_wit_pair_char, #client_court_wit {
+	left: 200%;
+}
+
+#client_court_prot {
+	left: 100%;
+}
+
+#client_pro_bench, #client_pro_char, #client_pro_pair_char, #client_court_pro {
+	left: 400%;
+}
+
+.client_bench {
 	position: absolute;
 	height: auto;
 	width: 100%;