Attempting to add a modular navigation bar

2019-12-03 05:23:34 -05:00
parent 0c59c98d75
commit 029971608a
4 changed files with 34 additions and 1 deletions
--- a/var/www/styling.css
+++ b/var/www/styling.css
@@ -0,0 +1,24 @@
+/* Add a black background color to the top navigation */
+.topnav {
+    background-color: #333;
+    overflow: hidden;
+}
+/* Style the links inside the navigation bar */
+.topnav a {
+    float: left;
+    color: #f2f2f2;
+    text-align: center;
+    padding: 14px 16px;
+    text-decoration: none;
+    font-size: 17px;
+}
+/* Change the color of links on hover */
+.topnav a:hover {
+    background-color: #ddd;
+    color: black;
+}
+/* Add a color to the active/current link */
+.topnav a.active {
+    background-color: #4CAF50;
+    color: white;
+}