Layout improvement: hover on card implemented. (website)

1 files changed, 15 insertions, 0 deletions

diff --git a/site/public/css/colors.css b/site/public/css/colors.css
index 99a1707..c0a81aa 100644
--- a/site/public/css/colors.css
+++ b/site/public/css/colors.css
@@ -2,6 +2,7 @@
 	background-color: #1289A7 !important;
 	background-color: #0652DD !important;
 	background-color: #142639 !important;
+	background-image: linear-gradient(359deg, #1289A7 -70%, #142639 100%);
 }
 a, .page-link {
 	color: #142639;
@@ -30,8 +31,19 @@ a.u:hover, .page-link:hover {
 	color: #142639 !important;
 }
 .btn-outline-success {
+	/*
 	color: #1289A7 !important;
 	border: 1px solid #1289A7 !important;
+	*/
+	color: #ddd !important;
+	border: 1px solid #8a98a2 !important;
+	background-image: linear-gradient(20deg, #1289A7 -100%, #142639 100%);
+}
+}
+.btn-outline-success:hover {
+	color: #fff !important;
+	border: 1px solid #fff !important;
+	background-color:  #142639 !important;
 }
 
 .text-primary {
@@ -67,3 +79,6 @@ a.u:hover, .page-link:hover {
 	box-shadow: 1px 1px 2px 1px #142639, 0 0 3px 1px #F89838 !important; 
 
 }
+.form-control {
+	background-image: linear-gradient(0deg,#009688 2px,rgba(0,150,136,0) 0),linear-gradient(0deg,#1289A7 1px,transparent 0);
+}