From 4ff01e3b574f38ab30fa5a13db7c201d4c396ada Mon Sep 17 00:00:00 2001 From: stonedDiscord Date: Tue, 7 Sep 2021 18:40:04 +0200 Subject: add animation to slide the full size bg --- webAO/styles/client.css | 14 ++++++++++++++ 1 file changed, 14 insertions(+) (limited to 'webAO/styles') diff --git a/webAO/styles/client.css b/webAO/styles/client.css index b00718e..b2866a7 100644 --- a/webAO/styles/client.css +++ b/webAO/styles/client.css @@ -186,6 +186,20 @@ top: 0; left: 0; object-fit: cover; + transition: 0.5s ease-in-out; + transition-property: object-position; +} + +.def_court { + object-position: left; +} + +.wit_court { + object-position: center; +} + +.pro_court { + object-position: right; } #client_pair_char { -- cgit From 7867b6c613cf2610af72efc1cb074f7ec2078af3 Mon Sep 17 00:00:00 2001 From: stonedDiscord Date: Sat, 18 Sep 2021 17:47:54 +0200 Subject: hack together the "whip-pan" --- webAO/styles/client.css | 58 ++++++++++++++++++++++++++++++++++--------------- 1 file changed, 40 insertions(+), 18 deletions(-) (limited to 'webAO/styles') 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 @@ -180,14 +180,25 @@ } #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%; -- cgit From 6a766503ebc678e54b17a7912ea8e8da269d0b33 Mon Sep 17 00:00:00 2001 From: stonedDiscord Date: Sat, 18 Sep 2021 18:20:56 +0200 Subject: fix non def wit pro chars --- webAO/styles/client.css | 30 ++++++++++++++++++++++++------ 1 file changed, 24 insertions(+), 6 deletions(-) (limited to 'webAO/styles') diff --git a/webAO/styles/client.css b/webAO/styles/client.css index ba7a4a0..080a6bb 100644 --- a/webAO/styles/client.css +++ b/webAO/styles/client.css @@ -179,6 +179,14 @@ width: 100%; } +#client_court_static { + position: absolute; + height: 100%; + width: 100%; + top: 0; + left: 0; +} + #client_court { position: absolute; height: 100%; @@ -201,6 +209,13 @@ bottom: 0; } +#client_court_classic { + position: absolute; + height: 100%; + top: 0; + left: 0; +} + .def_court { object-position: left; } @@ -213,7 +228,7 @@ object-position: right; } -#client_charview { +#client_fullview { position: absolute; height: 100%; width: 100%; @@ -222,6 +237,13 @@ transition-property: left; } +#client_classicview { + position: absolute; + height: 100%; + width: 100%; + bottom: 0; +} + .client_char { position: absolute; height: 100%; @@ -239,14 +261,10 @@ 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; } -- cgit From 4e06d17eda0c624179312e3300a64bfe816fa6fb Mon Sep 17 00:00:00 2001 From: stonedDiscord Date: Mon, 4 Oct 2021 21:01:19 +0200 Subject: make it toggeableslkdfnslf --- webAO/styles/client.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) (limited to 'webAO/styles') diff --git a/webAO/styles/client.css b/webAO/styles/client.css index de43993..82a863b 100644 --- a/webAO/styles/client.css +++ b/webAO/styles/client.css @@ -233,7 +233,7 @@ height: 100%; width: 100%; bottom: 0; - transition: 0.5s ease-in-out; + transition: none; transition-property: left; } -- cgit