Styling and Favicon

- Add shared style sheet - Add favicon
2020-01-03 23:31:07 -05:00
parent 017cd94cc8
commit d04ed5db52
2 changed files with 110 additions and 0 deletions
--- a/Images/favicon.ico
+++ b/Images/favicon.ico
--- a/Pages/styles.css
+++ b/Pages/styles.css
@@ -0,0 +1,110 @@
+/**********************
+ * Navbar & Subnavbar *
+ **********************/
+.navbar {
+    overflow: hidden;
+    background-color: #00274c;
+}
+
+.subnav {
+    float: left;
+    overflow: hidden;
+}
+
+.subnav .subnavbtn {
+    border: none;
+    outline: none;
+    color: #eff0f1;
+    padding: 14px 16px;
+    background-color: inherit;
+    font-family: inherit;
+    margin: 0;
+    font-size: 20px;
+}
+
+.subnav .subnavbtn-active {
+    border: none;
+    border-bottom: 5px solid #ffcb05;
+    padding-bottom: 9px;
+    outline: none;
+    color: #ffcb05;
+    padding: 14px 16px;
+    background-color: inherit;
+    font-family: inherit;
+    margin: 0;
+    font-size: 20px;
+}
+
+.navbar a {
+    float: left;
+    color: #eff0f1;
+    text-align: center;
+    padding: 14px 16px;
+    text-decoration: none;
+    font-size: 20px;
+}
+
+.navbar a.active {
+    background-color: #00274c;
+    color: #ffcb05;
+    border-bottom: 5px solid #ffcb05;
+    padding-bottom: 9px;
+}
+
+.navbar a:hover, .subnav:hover .subnavbtn {
+    background-color: #ffcb05;
+    color: #00274c;
+    font-size: 20px;
+}
+
+.subnav-content {
+    display: none;
+    position: absolute;
+    left: 0;
+    background-color: #ffcb05;
+    width: 100%;
+    z-index: 1;
+}
+
+.subnav-content a {
+    float: left;
+    color: #00274c;
+    text-decoration: none;
+}
+
+.subnav-content a:hover {
+    background-color: #e5e5e5;
+    color: #00274c;
+}
+
+.subnav:hover .subnav-content {
+    display: block;
+}
+
+/****************
+ * Main Content *
+ ****************/
+.main_content {
+    color: #333333;
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 16px;
+    margin-left: 15px;
+    margin-right: 15px;
+    margin-bottom: 15px;
+    margin-top: 50px;
+    line-height: 25px;
+}
+
+/***********************
+ * Body: Entire Window *
+ ***********************/
+body {
+    background-color: #e4e1df;
+    margin: 0;
+}
+
+h1 {
+    background-color: #00274c;
+    color: #eff0f1;
+    padding: 10px 10px;
+}