Quick CSS cleanup (#531)

* Reverted training.qmd topbav to white bg

* Fixed disappearing footer hover links

* Adjusted video border

Author: validbeck

site/about/contributing/style-guide/conventions.qmd

@@ -332,7 +332,7 @@ lightbox: true
 ##### Embedded
 
 ```html
-<div style="position: relative; padding-bottom: 65.2962515114873%; height: 0;"><iframe src="https://www.loom.com/embed/4d0572607d254b04a5c951b4d3f91f73?sid=ac7ffa93-e9e2-42f0-9392-abcf8d52c104" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen style="position: absolute; top: 0; left: 0; width: 90%; height: 90%; box-shadow: 5px 5px 5px #ccc; border-radius: 5px; border: 1px solid #DE257E;"></iframe></div>
+<div style="position: relative; padding-bottom: 65.2962515114873%; height: 0;"><iframe src="https://www.loom.com/embed/4d0572607d254b04a5c951b4d3f91f73?sid=ac7ffa93-e9e2-42f0-9392-abcf8d52c104" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen style="position: absolute; top: 0; left: 0; width: 90%; height: 90%; box-shadow: 5px 5px 5px #ccc; border-radius: 5px; border: 1px solid #196972;"></iframe></div>
 ```
 
 #### Code

site/releases/2024-oct-22/release-notes.qmd

@@ -282,7 +282,7 @@ Watch the demo:
 <div style="position: relative; padding-bottom: 62.5%; height: 0;">
   <iframe src="https://www.loom.com/embed/4d7d14b21d17416caefddf2b46fe05af?sid=70f2acd6-9a29-4856-a6ed-b3a0b28b084b"
     frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen
-    style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 5px 5px 5px #ccc, -5px 5px 5px #ccc; border-radius: 5px; box-shadow: 5px 5px 5px #ccc; border-radius: 5px; border: 1px solid #DE257E;"></iframe>
+    style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 5px 5px 5px #ccc, -5px 5px 5px #ccc; border-radius: 5px; box-shadow: 5px 5px 5px #ccc; border-radius: 5px; border: 1px solid #196972;"></iframe>
 </div>
 
 <!---

site/styles.css

@@ -53,8 +53,8 @@ a.nav-link, a.dropdown-item {
   position: relative;
 }
 
-a.nav-link:not(nav#TOC a.nav-link):before, 
-a.dropdown-item:not(nav#TOC a.dropdown-item):before {
+a.nav-link:not(nav#TOC a.nav-link, .nav-footer a:hover):before, 
+a.dropdown-item:before {
   content: "";
   position: absolute;
   display: block;
@@ -260,6 +260,11 @@ pre, pre.python, pre.bash, pre.yaml, pre.markdown {
   padding-top: 25px;
 }
 
+.nav-footer a:hover {
+  color: #1A202C;
+  text-decoration: none;
+}
+
 .alert, .alert-primary {
   background-color: #DE257E;
 }
@@ -458,7 +463,7 @@ figcaption {
 .video, iframe[src*="youtube.com"] {
   box-shadow: 5px 5px 5px #ccc; 
   border-radius: 5px;
-  border: 1px solid #DE257E;
+  border: 1px solid #196972;
 }
 
 #listing-validmind-academy .thumbnail-image.card-img {

site/training/training.qmd

@@ -68,6 +68,14 @@ listing:
       author: "{{< var vm.product >}}"
 ---
 
+```{=html}
+<style>
+  .navbar {
+  background-color: white !important;
+}
+</style>
+```
+
 ::: {.column-screen}
 
 ::: {.training-hero}