From fe212b7bed2b94ca88d017a0680b75788547aa08 Mon Sep 17 00:00:00 2001 From: Suhaina Fathima M <153417476+SuhainaFathimaM@users.noreply.github.com> Date: Sat, 8 Jun 2024 21:30:25 +0530 Subject: [PATCH 01/11] Removed style from html and Corrected the body part --- account/home_account.html | 48 ++++----------------------------------- 1 file changed, 5 insertions(+), 43 deletions(-) diff --git a/account/home_account.html b/account/home_account.html index 9c3cc5b8..5328f00d 100644 --- a/account/home_account.html +++ b/account/home_account.html @@ -12,52 +12,14 @@ + +
This is Header
- +
@@ -110,6 +72,6 @@

- + - \ No newline at end of file + From f17dfaae5b38763efe6e1f743f8cbdeef1e9d1ff Mon Sep 17 00:00:00 2001 From: Suhaina Fathima M <153417476+SuhainaFathimaM@users.noreply.github.com> Date: Sat, 8 Jun 2024 21:32:51 +0530 Subject: [PATCH 02/11] Added styles --- css/account.css | 32 ++++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) diff --git a/css/account.css b/css/account.css index e69de29b..e3af25c7 100644 --- a/css/account.css +++ b/css/account.css @@ -0,0 +1,32 @@ +section .container { + background-color: #ffffff25; + border: 1px solid #ddd; + border-radius: 8px; + padding: 30px; + box-shadow: 0 4px 8px rgba(91, 77, 77, 0.1); + max-width: 100%; +} +section h1 { + color: #1149ff; +} +section .form-group label { + color: #343a40; +} +section .form-control { + border: 1px solid #ced4da; +} +section .form-control:focus { + border-color: #0755ff; + box-shadow: 0 0 0 0.2rem rgba(12, 82, 163, 0.25); +} +section .btn-primary { + background-color: #007bff; + border-color: #007bff; +} +section .btn-primary:hover { + background-color: #0056b3; + border-color: #0056b3; +} +section .btn-primary:focus { + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); +} From 7b0cf4fb6c17366443689c1333d87ebadc2269d3 Mon Sep 17 00:00:00 2001 From: Suhaina Fathima M <153417476+SuhainaFathimaM@users.noreply.github.com> Date: Sat, 8 Jun 2024 21:33:22 +0530 Subject: [PATCH 03/11] Add transition for box shadow --- css/account.css | 1 + 1 file changed, 1 insertion(+) diff --git a/css/account.css b/css/account.css index e3af25c7..55d1f095 100644 --- a/css/account.css +++ b/css/account.css @@ -5,6 +5,7 @@ section .container { padding: 30px; box-shadow: 0 4px 8px rgba(91, 77, 77, 0.1); max-width: 100%; + transition: box-shadow 0.3s ease; } section h1 { color: #1149ff; From 0937711f0aab878aee6e64a0d11593f13a135bdc Mon Sep 17 00:00:00 2001 From: Suhaina Fathima M <153417476+SuhainaFathimaM@users.noreply.github.com> Date: Sat, 8 Jun 2024 21:34:40 +0530 Subject: [PATCH 04/11] Enhanced box shadow on hover --- css/account.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/css/account.css b/css/account.css index 55d1f095..694abc67 100644 --- a/css/account.css +++ b/css/account.css @@ -7,6 +7,11 @@ section .container { max-width: 100%; transition: box-shadow 0.3s ease; } + +section .container:hover { + box-shadow: 0 8px 16px rgba(91, 77, 77, 0.2); +} + section h1 { color: #1149ff; } From 3d1e86688311d2ebc3b2b2e0ab80730c7eb5fce0 Mon Sep 17 00:00:00 2001 From: Suhaina Fathima M <153417476+SuhainaFathimaM@users.noreply.github.com> Date: Sat, 8 Jun 2024 21:36:19 +0530 Subject: [PATCH 05/11] Added styles to text --- css/account.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/css/account.css b/css/account.css index 694abc67..b39b3789 100644 --- a/css/account.css +++ b/css/account.css @@ -14,12 +14,20 @@ section .container:hover { section h1 { color: #1149ff; + text-align: center; + margin-bottom: 20px; } + section .form-group label { color: #343a40; + font-weight: 600; + margin-bottom: 5px; + margin-top: 5px ; } + section .form-control { border: 1px solid #ced4da; + } section .form-control:focus { border-color: #0755ff; From 83a66a6ded3ca457186d536bb67524e74ee77a0c Mon Sep 17 00:00:00 2001 From: Suhaina Fathima M <153417476+SuhainaFathimaM@users.noreply.github.com> Date: Sat, 8 Jun 2024 21:37:25 +0530 Subject: [PATCH 06/11] Adde hovering effects --- css/account.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/css/account.css b/css/account.css index b39b3789..bd3579b7 100644 --- a/css/account.css +++ b/css/account.css @@ -25,6 +25,10 @@ section .form-group label { margin-top: 5px ; } +section .form-group label:hover { + color: #007bff; +} + section .form-control { border: 1px solid #ced4da; From 6cb43ad2100cc3bd6b09dd537cd913aaa69984ce Mon Sep 17 00:00:00 2001 From: Suhaina Fathima M <153417476+SuhainaFathimaM@users.noreply.github.com> Date: Sat, 8 Jun 2024 21:38:31 +0530 Subject: [PATCH 07/11] Add transition for border color --- css/account.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/css/account.css b/css/account.css index bd3579b7..0680f255 100644 --- a/css/account.css +++ b/css/account.css @@ -31,12 +31,16 @@ section .form-group label:hover { section .form-control { border: 1px solid #ced4da; - + border-radius: 4px; + padding: 10px; + transition: border-color 0.3s ease; } + section .form-control:focus { border-color: #0755ff; box-shadow: 0 0 0 0.2rem rgba(12, 82, 163, 0.25); } + section .btn-primary { background-color: #007bff; border-color: #007bff; From 96c2ef8fce7a8f548661aa20254468ba7c9378cd Mon Sep 17 00:00:00 2001 From: Suhaina Fathima M <153417476+SuhainaFathimaM@users.noreply.github.com> Date: Sat, 8 Jun 2024 21:39:41 +0530 Subject: [PATCH 08/11] Added style to form control elements --- css/account.css | 1 + 1 file changed, 1 insertion(+) diff --git a/css/account.css b/css/account.css index 0680f255..a5e91331 100644 --- a/css/account.css +++ b/css/account.css @@ -39,6 +39,7 @@ section .form-control { section .form-control:focus { border-color: #0755ff; box-shadow: 0 0 0 0.2rem rgba(12, 82, 163, 0.25); + outline: none; } section .btn-primary { From 9817ed8a221c1bd06a9e95bb37d47cb69dd90156 Mon Sep 17 00:00:00 2001 From: Suhaina Fathima M <153417476+SuhainaFathimaM@users.noreply.github.com> Date: Sat, 8 Jun 2024 21:41:12 +0530 Subject: [PATCH 09/11] Added styles to buttons --- css/account.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/css/account.css b/css/account.css index a5e91331..09de014c 100644 --- a/css/account.css +++ b/css/account.css @@ -45,10 +45,16 @@ section .form-control:focus { section .btn-primary { background-color: #007bff; border-color: #007bff; + border-radius: 4px; + padding: 10px 20px; + font-weight: bold; + transition: background-color 0.3s ease; } + section .btn-primary:hover { background-color: #0056b3; border-color: #0056b3; + cursor: pointer; } section .btn-primary:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); From ff9d6b7e94fe2143cbe28e24f92770e79a967d8f Mon Sep 17 00:00:00 2001 From: Suhaina Fathima M <153417476+SuhainaFathimaM@users.noreply.github.com> Date: Sat, 8 Jun 2024 21:42:19 +0530 Subject: [PATCH 10/11] Added styles to page --- css/account.css | 17 ++++++++++++++++- 1 file changed, 16 insertions(+), 1 deletion(-) diff --git a/css/account.css b/css/account.css index 09de014c..ca539c09 100644 --- a/css/account.css +++ b/css/account.css @@ -54,8 +54,23 @@ section .btn-primary { section .btn-primary:hover { background-color: #0056b3; border-color: #0056b3; +} + +section .btn-primary:focus { + background-color: #0056b3; + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); cursor: pointer; } + section .btn-primary:focus { box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5); -} +} + +section .form-check-input { + margin-right: 5px; +} + +section #orderHistory { + resize: vertical; + margin-bottom: 15px; +} From 84f9270164605dc38378b34de351ba0781ae2382 Mon Sep 17 00:00:00 2001 From: Suhaina Fathima M <153417476+SuhainaFathimaM@users.noreply.github.com> Date: Sat, 8 Jun 2024 21:53:56 +0530 Subject: [PATCH 11/11] Update account.css --- css/account.css | 1 + 1 file changed, 1 insertion(+) diff --git a/css/account.css b/css/account.css index ca539c09..2b79f347 100644 --- a/css/account.css +++ b/css/account.css @@ -8,6 +8,7 @@ section .container { transition: box-shadow 0.3s ease; } + section .container:hover { box-shadow: 0 8px 16px rgba(91, 77, 77, 0.2); }