From 0a88942ad48c7737d7d5f0404feb052caedf0be5 Mon Sep 17 00:00:00 2001
From: Manish-PCE <91595250+Manish-PCE@users.noreply.github.com>
Date: Wed, 12 Oct 2022 10:36:48 +0530
Subject: [PATCH 1/2] updated footer style

---
 static/styles/partials/footer.css | 193 +++++++++---------------------
 1 file changed, 56 insertions(+), 137 deletions(-)

diff --git a/static/styles/partials/footer.css b/static/styles/partials/footer.css
index 48bd1b6..2e23918 100644
--- a/static/styles/partials/footer.css
+++ b/static/styles/partials/footer.css
@@ -1,137 +1,56 @@
-* {
-  margin: 0;
-  padding: 0;
-}
-
-:root {
-  --clr-main-bg: #fff;
-  --clr-light-white: #f0f0f0;
-  --clr-lightgrey: #d3d3d3;
-  --clr-grey: rgb(177, 177, 177);
-  --clr-text: #000;
-  --clr-medium-light: rgba(0, 0, 0, 0.6);
-  --clr-accent-light: #3bc2e4;
-  --clr-accent: #0ca6ec;
-  --clr-underline: #83a4ff;
-  --clr-box-shadow: rgba(0, 0, 0, 0.25);
-
-  --clr-black-75: rgba(0, 0, 0, 0.75);
-  --clr-black-50: rgba(0, 0, 0, 0.5);
-
-  --fw-200: 200;
-  --fw-light: 300;
-  --fw-regular: 400;
-  --fw-bold: 700;
-
-  --btn-padding: 8px 16px;
-  /* --gen-padding: 24px 40px; */
-  --gen-padding: 24px 24px;
-
-  --gen-transition: 0.2s ease-in-out;
-}
-
-/* .footer-container {
-  background-color: #eaf6f6;
-  border: 2px;
-  padding-top: 50px;
-} */
-.footer-container {
-
-  flex: 0 0 100% ;
-  max-width: 100%;
-}
-
-.footer-container ul {
-  list-style-type: none;
- 
-  
-}
-
-.footer-top {
-  display: flex;
-  justify-content: space-around;
-  flex: 0 0 100%;
-  max-width: 100%;
-}
-
-.footer-left-column {
-  width: 400px;
-}
-
-.footer-right-column {
-  display: flex;
-  justify-content: space-between;
-  /* right: 370px; */
-  width: 500px;
-}
-
-.footer-image {
-  height: 25px;
-  margin: 16px 10px;
-  border-radius: 50%;
-}
-
-.footer-left-column ul {
-  display: flex;
-}
-
-.footer-right-column ul {
-  margin: 0px;
-  padding: 0px;
-}
-
-.footer-heading {
-  margin-bottom: 24px;
-}
-
-.footer-column ul li {
-  padding-bottom: 16px;
-}
-
-.footer-column ul li a {
-  text-decoration: none;
-}
-
-.footer-column ul li a:hover {
-  color: var(--clr-grey);
-}
-
-.footer-image:hover {
-  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px,
-    rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px,
-    rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
-}
-
-.footer-copyright {
-  display: flex;
-  justify-content: center;
-  margin-top: 75px;
-  margin-bottom: 24px;
-}
-
-.footer-copyright ul {
-  display: flex;
-  list-style: none;
-}
-
-.footer-copyright ul li {
-  padding: 0 10px;
-}
-
-.footer-copyright ul li a {
-  text-decoration: none;
-  
-}
-
-/* .footer-copyright ul li a:hover {
-  text-decoration: underline;
-} */
-/* .footer-copyright ul li a:hover {
-  text-decoration: none;
-  text-transform: none;
-  
-} */
-
-.footer-taskify-inc {
-  padding: 0 30px;
-}
+ul.social li {  
+    padding: 3px 0;  
+}  
+#footer ul.social li a i {  
+    margin-right: 5px;  
+    font-size:25px;  
+    -webkit-transition: .5s all ease;  
+    -moz-transition: .5s all ease;  
+    transition: .5s all ease;  
+}  
+#footer ul.social li:hover a i {  
+    font-size:30px;  
+    margin-top:-10px;  
+}  
+#footer ul.social li a  
+{  
+    color:#ffffff;  
+}  
+#footer ul.social li a:hover {  
+    color:#eeeeee;  
+}  
+#footer ul.quick-links li a {  
+    color:#ffffff;  
+}  
+#footer ul.quick-links li {  
+    padding: 3px 0;  
+    -webkit-transition: .5s all ease;  
+    -moz-transition: .5s all ease;  
+    transition: .5s all ease;  
+}  
+#footer ul.quick-links li:hover {  
+    padding: 3px 0;  
+    margin-left:5px;  
+    font-weight:700;  
+}  
+#footer ul.quick-links li a i {  
+    margin-right: 5px;  
+}  
+#footer ul.quick-links li:hover a i {  
+    font-weight: 700;  
+}  
+@media (max-width:767px) {  
+#footer h5 {  
+      padding-left: 0;  
+    border-left: transparent;  
+    padding-bottom: 0px;  
+    margin-bottom: 10px;  
+}  
+}  
+h2 {  
+padding: 25px 0;  
+text-align: center;  
+color: #fff;  
+background: #7c8490;  
+}  
+</style>  

From 6dcbf20925bc59b90a1dbb8e20a873fbcb75ba88 Mon Sep 17 00:00:00 2001
From: Manish-PCE <91595250+Manish-PCE@users.noreply.github.com>
Date: Mon, 17 Oct 2022 10:53:00 +0530
Subject: [PATCH 2/2] Update footer.css

---
 static/styles/partials/footer.css | 196 +++++++++++++++++++++---------
 1 file changed, 140 insertions(+), 56 deletions(-)

diff --git a/static/styles/partials/footer.css b/static/styles/partials/footer.css
index 2e23918..2a9b0c3 100644
--- a/static/styles/partials/footer.css
+++ b/static/styles/partials/footer.css
@@ -1,56 +1,140 @@
-ul.social li {  
-    padding: 3px 0;  
-}  
-#footer ul.social li a i {  
-    margin-right: 5px;  
-    font-size:25px;  
-    -webkit-transition: .5s all ease;  
-    -moz-transition: .5s all ease;  
-    transition: .5s all ease;  
-}  
-#footer ul.social li:hover a i {  
-    font-size:30px;  
-    margin-top:-10px;  
-}  
-#footer ul.social li a  
-{  
-    color:#ffffff;  
-}  
-#footer ul.social li a:hover {  
-    color:#eeeeee;  
-}  
-#footer ul.quick-links li a {  
-    color:#ffffff;  
-}  
-#footer ul.quick-links li {  
-    padding: 3px 0;  
-    -webkit-transition: .5s all ease;  
-    -moz-transition: .5s all ease;  
-    transition: .5s all ease;  
-}  
-#footer ul.quick-links li:hover {  
-    padding: 3px 0;  
-    margin-left:5px;  
-    font-weight:700;  
-}  
-#footer ul.quick-links li a i {  
-    margin-right: 5px;  
-}  
-#footer ul.quick-links li:hover a i {  
-    font-weight: 700;  
-}  
-@media (max-width:767px) {  
-#footer h5 {  
-      padding-left: 0;  
-    border-left: transparent;  
-    padding-bottom: 0px;  
-    margin-bottom: 10px;  
-}  
-}  
-h2 {  
-padding: 25px 0;  
-text-align: center;  
-color: #fff;  
-background: #7c8490;  
-}  
-</style>  
+* {
+  margin: 0;
+  padding: 0;
+}
+
+:root {
+  --clr-main-bg: lightgrey;
+  --clr-light-white: #f0f0f0;
+  --clr-lightgrey: lightgrey;
+  --clr-grey: rgb(177, 177, 177);
+  --clr-text: #000;
+  --clr-medium-light: rgba(0, 0, 0, 0.6);
+  --clr-accent-light: #3bc2e4;
+  --clr-accent: #0ca6ec;
+  --clr-underline: #83a4ff;
+  --clr-box-shadow: rgba(0, 0, 0, 0.25);
+
+  --clr-black-75: rgba(0, 0, 0, 0.75);
+  --clr-black-50: rgba(0, 0, 0, 0.5);
+
+  --fw-200: 200;
+  --fw-light: 300;
+  --fw-regular: 400;
+  --fw-bold: 700;
+
+  --btn-padding: 8px 16px;
+  --gen-padding: 24px 40px;
+  --gen-padding: 24px 24px;
+
+  --gen-transition: 0.2s ease-in-out;
+}
+
+.footer-container {
+  background-color: #DFDFDF;
+  border: 2px;
+  padding-top: 50px;
+}
+.footer-container {
+
+  flex: 0 0 100% ;
+  max-width: 100%;
+}
+
+.footer-container ul {
+  list-style-type: none;
+ 
+  
+}
+
+.footer-top {
+  display: flex;
+  justify-content: space-around;
+  flex: 0 0 100%;
+  max-width: 100%;
+}
+
+.footer-left-column {
+  width: 400px;
+}
+
+.footer-right-column {
+  display: flex;
+  justify-content: space-between;
+  /* right: 370px; */
+  width: 500px;
+}
+
+.footer-image {
+  height: 25px;
+  margin: 16px 10px;
+  border-radius: 50%;
+}
+
+.footer-left-column ul {
+  display: flex;
+}
+
+.footer-right-column ul {
+  margin: 0px;
+  padding: 0px;
+}
+
+.footer-heading {
+  margin-bottom: 24px;
+}
+
+.footer-column ul li {
+  padding-bottom: 16px;
+}
+
+.footer-column ul li a {
+  text-decoration: none;
+}
+
+.footer-column ul li a:hover {
+  color: var(--clr-grey);
+}
+
+.footer-image:hover {
+  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px,
+    rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px,
+    rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
+}
+
+.footer-copyright {
+  
+  display: flex;
+  justify-content: center;
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+
+.footer-copyright ul {
+  display: flex;
+  list-style: none;
+}
+
+.footer-copyright ul li {
+  padding: 0 10px;
+  
+}
+
+.footer-copyright ul li a {
+  text-decoration: none;
+  
+}
+
+.footer-copyright ul li a:hover {
+  text-decoration: underline;
+} 
+.footer-copyright ul li a:hover {
+  text-decoration: none;
+  text-transform: none;
+  
+}
+
+.footer-taskify-inc {
+  padding: 0 5px;
+}
+