Merge pull request #87 from AttorneyOnline/fullsize-bg

Fullsize bg

1 files changed, 67 insertions, 13 deletions

diff --git a/webAO/styles/client.css b/webAO/styles/client.css
index 943605f..82a863b 100644
--- a/webAO/styles/client.css
+++ b/webAO/styles/client.css
@@ -179,41 +179,79 @@
 	width: 100%;
 }
 
+#client_court_static {
+	position: absolute;
+	height: 100%;
+	width: 100%;
+	top: 0;
+	left: 0;
+}
+
 #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;
 }
 
-#client_pair_char {
+#client_stitch_court>img {
+	position: absolute;
+	height: 100%;
+	width: 100%;
+	bottom: 0;
+}
+
+#client_court_classic {
+	position: absolute;
+	height: 100%;
+	top: 0;
+	left: 0;
+}
+
+.def_court {
+	object-position: left;
+}
+
+.wit_court {
+	object-position: center;
+}
+
+.pro_court {
+	object-position: right;
+}
+
+#client_fullview {
 	position: absolute;
 	height: 100%;
 	width: 100%;
 	bottom: 0;
+	transition: none;
+	transition-property: left;
 }
 
-#client_pair_char>img {
+#client_classicview {
 	position: absolute;
 	height: 100%;
 	width: 100%;
 	bottom: 0;
-	left: 0;
-	object-fit: cover;
-	object-position: 50% 0;
 }
 
-#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%;
@@ -223,15 +261,31 @@
 	object-position: 50% 0;
 }
 
-.def_bench, .hld_bench, .jur_bench, .sea_bench {
+#client_bench_classic {
 	left: 0;
 }
 
-.pro_bench, .hlp_bench, .wit_bench, .jud_bench {
-	right: 0;
+#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 {
+.client_bench {
 	position: absolute;
 	height: auto;
 	width: 100%;