update css from SO

tbep-tech · Nov 21, 2023 · f3cde5c · f3cde5c
1 parent d278db4
commit f3cde5c
Show file tree

Hide file tree

Showing 2 changed files with 55 additions and 31 deletions.
diff --git a/docs/styles.css b/docs/styles.css
@@ -1,5 +1,5 @@
 /* Rubik */
-@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@600;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@500;600;700&display=swap');
 
 /* DIN condensed approximate */
 @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap');
@@ -8,23 +8,35 @@
 
 body{
   font-family: 'Roboto';
-  font-size: 17px;
-  color: #5C524F;
   font-weight: 400;
+  font-size: 18px;
+  color: #636363;
 }
 
 /* header styles */
 
-h1{
-  font-family: 'Rubik';
-  font-weight: 700;
+h1,h2,h3,h4,h5 {
+  font-weight: 500;
   color: #005293;
+  font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif;
 }
-
-h2,h3,h4,h5 {
-  font-family: 'Lato';
-  font-weight: 800;
-  color: #00806E
+h1 {
+	font-size:40px;
+}
+h2 {
+	font-size:32px;
+}
+h3 {
+	font-size:24px;
+}
+h4 {
+	font-size:18px;
+}
+h5 {
+	font-size:16px;
+}
+h6 {
+	font-size:14px;
 }
 
 /* top navbar styles */
@@ -228,20 +240,32 @@ h2,h3,h4,h5 {
 }
 
 /* change link colors to match wordpress */
-a:link {
-  color: #ea6f17;
-  background-color: transparent;
-  text-decoration: none;
+a {
+    color: #db5b25;
+    font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
+    font-weight: 500;
+	text-decoration:none;
 }
 
 a:visited {
-  color: #ea6f17;
-  background-color: transparent;
-  text-decoration: none;
+  color: #db5b25;
 }
 
 a:hover {
-  color: #0078db;
-  background-color: transparent;
-  text-decoration: none;
-}
+  color: #f57d05;
+}
+
+/* tabset pills */
+.nav-pills>li>a {
+    border-radius: 4px;
+    color: #ffffff!important;
+    font-size: 16px;
+    font-family: 'Rubik',Helvetica,Arial,Lucida,sans-serif!important;
+    background-color: #F0AD4E;
+    text-transform: uppercase;
+    letter-spacing: 2px;
+    font-weight: 500;
+}
+.nav-pills>li>a:hover, .nav-pills>li>a:focus, .nav-pills>li.active>a,     .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus{
+     background-color: #ea6f17;
+     }