Additional changes for rebrand

Signed-off-by: Jacob Hodgdon <jhodgdon@iol.unh.edu>
Change-Id: Ibd525f966b3ed3aebdbe688e5ee5daa4ea1cf294
Signed-off-by: Jacob Hodgdon <jhodgdon@iol.unh.edu>
Signed-off-by: Raven Hodgdon <jhodgdon@iol.unh.edu>

4 files changed, 133 insertions, 91 deletions

diff --git a/src/static/css/anuket.css b/src/static/css/anuket.css
new file mode 100644
index 0000000..6bbdb3f
--- /dev/null
+++ b/src/static/css/anuket.css
@@ -0,0 +1,115 @@
+nav ,body{
+    background-color:#fff !important;
+    color:#343a40 !important;
+    }
+
+    header{
+        background-color:#f8f9fa !important;
+        color:#343a40 !important;
+    }
+
+    p, h1, h2, h3, h4, h5{
+        color:#343a40 !important;
+    }
+
+    a, .page-link {
+        color: #007473 !important;
+    }
+
+    .page-item.active .page-link{
+        color: #f8f9fa !important;
+        background-color: #007473 !important;
+    }
+
+    .topcrumb.active > span {
+        background: #007473 !important;
+    }
+
+    .nav-bg{
+        background-color:#fff !important;
+        color:#343a40 !important;
+    }
+
+    .nav-bg:hover{
+        background-color:#f8f9fa !important;
+        transition-duration:0.2s;
+    }
+
+    .dropDown-bg{
+        background-color:#d6d8db !important;
+        color:#343a40 !important;
+    }
+
+    .btn-primary{
+        color: #f8f9fa !important;
+        background-color: #007473 !important;
+        border:0px !important;
+        transition-duration:0.2s !important;
+    }
+
+    .btn-primary:hover{
+        color: #343a40 !important;
+        background-color: #6BDAD5 !important;
+        border:0px !important;
+    }
+
+    .btn-primary:focus{
+        color: #343a40 !important;
+        background-color: #6BDAD5 !important;
+        border:0px !important;
+    }
+
+    .btn-success{
+        color: #f8f9fa;
+        background-color: #008852;
+        border:0px !important; 
+    }
+
+    .btn-success:hover{
+        color: #343a40;
+        background-color: #00CE7C;
+        border:0px !important;
+    }
+
+    .btn-success:focus{
+        color: #343a40;
+        background-color: #00CE7C;
+        border:0px !important;
+    }
+
+    .btn-danger {
+        color: #f8f9fa;
+        background-color: #af2b38;
+        border:0px !important;
+    }
+
+    .btn-danger:hover {
+        color: #f8f9fa;
+        background-color: #dc3545;
+        border:0px !important;
+    }
+
+    .alert-danger{
+        background-color: #e6b3c1 !important;
+        color:#820c2c !important;
+        border:0px !important;
+    }
+
+    .Anuket-Text{
+        color:#343a40 !important;
+    }
+
+    .selected_node {
+        border-color: #008852;
+        box-shadow: 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(109 243 76 / 60%);
+        transition: border-color ease-in-out .1s,box-shadow ease-in-out .1s;
+    }
+
+    ::selection {
+    background: #BCE194; 
+    color:#343a40;
+    }
+    ::-moz-selection {
+    background: #BCE194;
+    color:#343a40;
+    }
\ No newline at end of file
diff --git a/src/static/css/lfedge.css b/src/static/css/lfedge.css
new file mode 100644
index 0000000..328d71a
--- /dev/null
+++ b/src/static/css/lfedge.css
@@ -0,0 +1,14 @@
+.LFEdge {
+    background: #0049b0;
+    margin-left: -25px;
+}
+
+.wtext {
+    font-size: 18px;
+    color: #FFFFFF;
+}
+
+.wtext:hover {
+    color: #FFFFFF;
+    text-decoration: none;
+}
\ No newline at end of file
diff --git a/src/templates/laas/base.html b/src/templates/laas/base.html
index f980268..69e4976 100644
--- a/src/templates/laas/base.html
+++ b/src/templates/laas/base.html
@@ -2,84 +2,11 @@
 {% load staticfiles %}
 {% block logo %}
 
-<style>
-    nav ,body{
-	background-color:#fff !important;
-    color:#343a40 !important;
-	}
-
-    header{
-        background-color:#f8f9fa !important;
-        color:#343a40 !important;
-    }
-
-    .nav-bg{
-        background-color:#fff !important;
-        color:#343a40 !important;
-    }
-
-    .nav-bg:hover{
-        background-color:#f8f9fa !important;
-        transition-duration:0.2s;
-    }
-
-    .dropDown-bg{
-        background-color:#d6d8db !important;
-        color:#343a40 !important;
-    }
-
-    .btnAnuket {
-        color: #343a40;
-        background-color: #6BDAD5;
-        transition-duration:0.2s;
-        border:0px
-    }
-    .btnAnuket:hover{
-        color: #f8f9fa;
-        background-color: #007473;
-        border:0px
-    }
-
-    .btnAnuket:focus{
-        color: #f8f9fa !important;
-        background-color: #007473 !important;
-        border:0px
-    }
-
-    .alertAnuket{
-        background-color: #e6b3c1;
-        color:#820c2c;
-        border:0px;
-    }
-    .inTextLink{
-        text-decoration: underline;
-    }
-
-    .Anuket-Text{
-        color:#343a40 !important;
-    }
-
-    h1, h2{
-        color:#343a40 !important;
-    }
-
-    p, h3, h4, h5{
-        color:#343a40 !important;
-    }
-
-    ::selection {
-    background: #BCE194; 
-    color:#343a40;
-    }
-    ::-moz-selection {
-    background: #BCE194;
-    color:#343a40;
-    }
-    </style>
+<link rel="stylesheet" href="{% static "css/anuket.css" %}">
 
 <div class="col-12 col-sm order-1 order-sm-2 text-center text-lg-left">
     <a href="https://anuket.io/" class="navbar-brand">
-        <img src="{% static "img/Anuket-logo.svg" %}" width="134.2" height="50" style="vertical-align:middle; margin:12px 12px 12px -20px;">
+        <img src="{% static "img/Anuket-logo.svg" %}" alt="Anuket logo" width="134.2" height="50" style="vertical-align:middle; margin:12px 12px 12px -20px;">
     </a>
     <a class="navbar-brand d-none d-lg-inline Anuket-Text" href={% url 'dashboard:index' %} style="margin-left:10px; font-size:26px; vertical-align:middle;">
         LaaS Dashboard
diff --git a/src/templates/lfedge/base.html b/src/templates/lfedge/base.html
index 64c05a4..4413340 100644
--- a/src/templates/lfedge/base.html
+++ b/src/templates/lfedge/base.html
@@ -1,29 +1,15 @@
 {% extends "base/base.html" %}
 {% load staticfiles %}
 {% block bgColor %}
-<style>
-.LFEdge {
-    background: #0049b0;
-    margin-left: -25px;
-}
+<link rel="stylesheet" href="{% static "css/lfedge.css" %}">
 
-.wtext {
-    font-size: 18px;
-    color: #FFFFFF;
-}
-
-.wtext:hover {
-    color: #FFFFFF;
-    text-decoration: none;
-}
-</style>
 <nav class="navbar navbar-light LFEdge navbar-fixed-top border-bottom py-0 mb-0" role="navigation">
 {% endblock bgColor %}
 
 {% block logo %}
 <div class="barClamp col-12 col-sm order-1 order-sm-2 text-center text-lg-left">
     <a href="https://www.lfedge.org/" class="navbar-brand">
-        <img src="{% static "img/lfedge-logo.png" %}">
+        <img src="{% static "img/lfedge-logo.png" %}" alt="lfedge logo">
     </a>
 
     <a class="wtext d-none d-lg-inline" href={% url 'dashboard:index' %}>