Update static files for Heroku deployment

RoBizMan · Nov 26, 2024 · 4b4bd1b · 4b4bd1b
1 parent 4f7c339
commit 4b4bd1b
Show file tree

Hide file tree

Showing 7 changed files with 97 additions and 26 deletions.
diff --git a/staticfiles/css/base.css b/staticfiles/css/base.css
@@ -21,15 +21,20 @@ main {
     color: #F9F6EE;
 }
 
-.logo-custom:hover {
+.logo-custom:hover,
+.logo-custom:focus {
     color: yellow;
 }
 
 .navbar-custom-color,
 .footer-custom-color,
-.container-custom-color,
+.container-custom-color {
+    background-color: #3C0008;
+}
+
 .btn-custom-color {
     background-color: #3C0008;
+    border: 1px solid #3C0008;
 }
 
 .nav-link {
@@ -46,7 +51,8 @@ main {
     position: relative;
 }
 
-.navbar-nav .nav-link:hover {
+.navbar-nav .nav-link:hover,
+.navbar-nav .nav-link:focus {
     color: yellow;
 }
 
@@ -113,7 +119,8 @@ main {
     color: #F9F6EE;
 }
 
-.foot-logo:hover {
+.foot-logo:hover,
+.foot-logo:focus {
     color: yellow;
 }
 
@@ -123,7 +130,9 @@ main {
 }
 
 .social-media-custom:hover,
-.nav-footer-custom:hover {
+.social-media-custom:focus,
+.nav-footer-custom:hover,
+.nav-footer-custom:focus {
     color: yellow;
 }
 
@@ -151,6 +160,42 @@ main {
 }
 
 /* Override Django's default button */
+.signlog-button-sm {
+    background-color: #3C0008;
+    color: #F9F6EE;
+    border: 1px solid #F9F6EE;
+    font-size: 1rem;
+    text-align: center;
+    cursor: pointer;
+    border-radius: 0.25rem;
+    transition: background-color 0.3s ease;
+}
+
+.signlog-button-sm:hover,
+.signlog-button-sm:focus {
+    background-color: #F9F6EE;
+    color: #3C0008;
+    border: 1px solid #F9F6EE;
+}
+
+.signlog-button {
+    background-color: #F9F6EE;
+    color: #3C0008;
+    border: 1px solid #F9F6EE;
+    font-size: 1rem;
+    text-align: center;
+    cursor: pointer;
+    border-radius: 0.25rem;
+    transition: background-color 0.3s ease;
+}
+
+.signlog-button:hover,
+.signlog-button:focus {
+    background-color: #3C0008;
+    color: #F9F6EE;
+    border: 1px solid #F9F6EE;
+}
+
 button.btn-custom-color,
 .btn-acc-color {
     background-color: #3C0008;
@@ -165,7 +210,9 @@ button.btn-custom-color,
 }
 
 button.btn-custom-color:hover,
-.btn-acc-color:hover {
+button.btn-custom-color:focus,
+.btn-acc-color:hover,
+.btn-acc-color:focus {
     background-color: #F9F6EE;
     color: #3C0008;
     border: 1px solid #3C0008;

diff --git a/staticfiles/css/booking.css b/staticfiles/css/booking.css
@@ -9,24 +9,28 @@
 /* Book Sessions & Cancel buttons */
 .btn-profile-color {
     background-color: #3C0008;
+    border: 1px solid #3C0008;
     color: #F9F6EE;
 }
 
-.btn-profile-color:hover {
+.btn-profile-color:hover,
+.btn-profile-color:focus {
     background-color: #F9F6EE;
-    border: 0.1rem solid #3C0008;
+    border: 1px solid #3C0008;
     color: #3C0008;
 }
 
 /* Cancel Button for Add or Update a Tutor */
 .btn-canc-color {
     background-color: #F9F6EE;
-    border: 0.1rem solid #3C0008;
+    border: 1px solid #3C0008;
     color: #3C0008;
 }
 
-.btn-canc-color:hover {
+.btn-canc-color:hover,
+.btn-canc-color:focus {
     background-color: #3C0008;
+    border: 1px solid #3C0008;
     color: #F9F6EE;
 }
 

diff --git a/staticfiles/css/contact.css b/staticfiles/css/contact.css
@@ -1,11 +1,13 @@
 /* Return to Home button */
 .btn-contact-color {
     background-color: #3C0008;
+    border: 1px solid #3C0008;
     color: #F9F6EE;
 }
 
-.btn-contact-color:hover {
+.btn-contact-color:hover,
+.btn-contact-color:focus {
     background-color: #F9F6EE;
-    border: 0.1rem solid #3C0008;
+    border: 1px solid #3C0008;
     color: #3C0008;
 }
diff --git a/staticfiles/css/error.css b/staticfiles/css/error.css
@@ -1,10 +1,12 @@
 .btn-web-color {
     background-color: #3C0008;
+    border: 1px solid #3C0008;
     color: #F9F6EE;
 }
 
-.btn-web-color:hover {
+.btn-web-color:hover,
+.btn-web-color:focus {
     background-color: #F9F6EE;
-    border: 0.1rem solid #3C0008;
+    border: 1px solid #3C0008;
     color: #3C0008;
 }
diff --git a/staticfiles/css/home.css b/staticfiles/css/home.css
@@ -19,27 +19,35 @@ h4 {
 /* Find a Tutor button */
 .btn-land-color {
     background-color: #3C0008;
+    border: 1px solid #3C0008;
     color: #F9F6EE;
 }
 
-.btn-land-color:hover {
+.btn-land-color:hover,
+.btn-land-color:focus {
     background-color: #F9F6EE;
-    border: 0.1rem solid #3C0008;
+    border: 1px solid #3C0008;
     color: #3C0008;
 }
 
 /* Sign Up/Login buttons */
 .btnout-land-color {
     background-color: #F9F6EE;
-    border: 0.1rem solid #3C0008;
+    border: 1px solid #3C0008;
     color: #3C0008;
 }
 
-.btnout-land-color:hover {
+.btnout-land-color:hover,
+.btnout-land-color:focus {
     background-color: #3C0008;
+    border: 1px solid #3C0008;
     color: #F9F6EE;
 }
 
+.news-input {
+    border: 1px solid #3C0008;
+}
+
 /* Horizontal rules style */
 .hr-land-page {
     border: none;

diff --git a/staticfiles/css/personaluser.css b/staticfiles/css/personaluser.css
@@ -1,23 +1,27 @@
 /* The website's button scheme */
 .btn-profile-color {
     background-color: #3C0008;
+    border: 1px solid #3C0008;
     color: #F9F6EE;
 }
 
-.btn-profile-color:hover {
+.btn-profile-color:hover,
+.btn-profile-color:focus {
     background-color: #F9F6EE;
-    border: 0.1rem solid #3C0008;
+    border: 1px solid #3C0008;
     color: #3C0008;
 }
 
 /* Cancel Button for Edit User's First Name and Last Name */
 .btn-canc-color {
     background-color: #F9F6EE;
-    border: 0.1rem solid #3C0008;
+    border: 1px solid #3C0008;
     color: #3C0008;
 }
 
-.btn-canc-color:hover {
+.btn-canc-color:hover,
+.btn-canc-color:focus {
     background-color: #3C0008;
+    border: 1px solid #3C0008;
     color: #F9F6EE;
 }
diff --git a/staticfiles/css/tutor.css b/staticfiles/css/tutor.css
@@ -1,24 +1,28 @@
 /* View profile button & Add and Update a Tutor button */
 .btn-profile-color {
     background-color: #3C0008;
+    border: 1px solid #3C0008;
     color: #F9F6EE;
 }
 
-.btn-profile-color:hover {
+.btn-profile-color:hover,
+.btn-profile-color:focus {
     background-color: #F9F6EE;
-    border: 0.1rem solid #3C0008;
+    border: 1px solid #3C0008;
     color: #3C0008;
 }
 
 /* Cancel Button for Add or Update a Tutor */
 .btn-canc-color {
     background-color: #F9F6EE;
-    border: 0.1rem solid #3C0008;
+    border: 1px solid #3C0008;
     color: #3C0008;
 }
 
-.btn-canc-color:hover {
+.btn-canc-color:hover,
+.btn-canc-color:focus {
     background-color: #3C0008;
+    border: 1px solid #3C0008;
     color: #F9F6EE;
 }