new ui

Author: NeejaYanglea

css/fontawesome-all.min.css

@@ -1,5 +1,5 @@
 body {
-    padding: 10px;
+    padding: 50px 0 0 0;
 }
 .ng-hide {
     display: none;
@@ -141,14 +141,97 @@ textarea {
 #description {
     text-align: justify;
 }
-/* heavy stuff */
-.bg-logos {
+.clear {
+    clear:both;
+}
+#mynetwork {
+    width: 100%;
+    height: 90vh;
+    border: 1px solid #ddd;
+    margin-bottom: 15px;
+}
+.tabs-left>li>a {
+    border-radius: 0;
+}
+.tabs-left {
+    position: fixed;
+    left: 8.33333333%;
+    margin-left: -63px;
+}
+.fixed {
+    position: fixed;
+}
+.right-margin {
+    right: 24px;
+}
+/*Navbar*/
+.navbar-kathara {
+    position: fixed;
+    z-index: 9999;
+    background-color: #337ab7;
+    color: #fff; 
+    width: 100%;
+    border-radius: 0;
+    height: 51px;
+    top: 0;
+    box-shadow: 0 2px 2px 2px rgba(0, 0, 0, 0.35);
+}
+.navbar-kathara-primary {
+    z-index: 9999;
+    top: 0;
+}
+.navbar-kathara li a, .navbar-kathara li a:visited, .navbar-kathara li a:focus {
+    color: #fff;
+    background-color: #337ab7;
+}
+.navbar-kathara li a:active, .navbar-kathara li a:hover {
+    background-color: #5b8fbd;
+}
+.navbar-kathara-secondary {
+    z-index: 9998;
+    top: 51px;
+    background-color: #5b8fbd;
+}
+.navbar-kathara-secondary li a, .navbar-kathara-secondary li a:visited, .navbar-kathara-secondary li a:focus {
+    color: #fff;
+    background-color: #5b8fbd;
+}
+.navbar-kathara-secondary li a:active, .navbar-kathara-secondary li a:hover {
+    background-color: #7c9fbe;
+}
+.margin-top {
+    margin-top: 10px;
+}
+.nav li a {
+    cursor: pointer;
+}
+/*Disclaimer*/
+.disclaimer {
     padding: 10px;
-    background: white no-repeat top right url('data:image/gif;base64,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');
+    background-color: #111;
+    padding: 10px 50px 30px 30px;
 }
-.bg-logos-electron {
-    background-image: url('data:image/gif;base64,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');
+.disclaimer a{
+    color: #fff;
+    text-decoration: underline;
+}
+.btn-close-disclaimer {
+    background-color: #666;
+    display: block;
+    width: 20px;
+    height:20px;
+    float:right;
+    margin-right: -40px;
+    text-align: center;
+}
+/*Side-menu*/
+.side-menu{
+    border: solid 1px #aaa;
+    border: solid 1px rgba(0, 0, 0, 0.2);
+    padding: 10px;
+    background-color: #fcfcfc;
 }
+/*Heavy stuff*/
 input {
     border-radius: 0;
     background-position: right center;
@@ -169,27 +252,4 @@ input[type=file] {
 #labInfo {
     /*float:left;*/
     width: 206px;
-}
-.clear {
-    clear:both;
-}
-#mynetwork {
-    width: 100%;
-    height: 90vh;
-    border: 1px solid #ddd;
-    margin-bottom: 15px;
-}
-.tabs-left>li>a {
-    border-radius: 0;
-}
-.tabs-left {
-    position: fixed;
-    left: 8.33333333%;
-    margin-left: -63px;
-}
-.fixed {
-    position: fixed;
-}
-.right-margin {
-    right: 24px;
 }