From 68b96b2fea8772428fe4fd454b1b031a0b458f4d Mon Sep 17 00:00:00 2001
From: Ivan Ivanov <ivanivamar99@gmail.com>
Date: Wed, 15 Nov 2017 13:49:14 +0100
Subject: [PATCH] Update navbar CSS

Removed border raidus, removed gradients, changed the background and foreground colors.
---
 ScreenTask/WebServer/index.html | 43 +++++++++++++++++----------------
 1 file changed, 22 insertions(+), 21 deletions(-)

diff --git a/ScreenTask/WebServer/index.html b/ScreenTask/WebServer/index.html
index eaf1ef4..4b133e7 100644
--- a/ScreenTask/WebServer/index.html
+++ b/ScreenTask/WebServer/index.html
@@ -35,44 +35,45 @@
         /* Customize the nav-justified links to be fill the entire space of the .navbar */
 
         .nav-justified {
-            background-color: #eee;
-            border-radius: 5px;
-            border: 1px solid #ccc;
+            background-color: #000;
+            /*border-radius: 5px;
+            border: 1px solid #ccc;*/
         }
 
             .nav-justified > li > a {
                 margin-bottom: 0;
                 padding-top: 15px;
                 padding-bottom: 15px;
-                color: #777;
+                color: #fff
                 font-weight: bold;
                 text-align: center;
-                border-bottom: 1px solid #d5d5d5;
-                background-color: #e5e5e5; /* Old browsers */
-                background-repeat: repeat-x; /* Repeat the gradient */
-                background-image: -moz-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%); /* FF3.6+ */
-                background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
-                background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* Chrome 10+,Safari 5.1+ */
-                background-image: -o-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* Opera 11.10+ */
-                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
-                background-image: linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* W3C */
+                /*border-bottom: 1px solid #d5d5d5;*/
+                background-color: #E86124; /* Old browsers */
+                /*ound-repeat: repeat-x; /* Repeat the gradient */
+                /*ckground-image: -moz-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%); /* FF3.6+ */
+                /*ckground-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
+                /*ckground-image: -webkit-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* Chrome 10+,Safari 5.1+ */
+                /*ckground-image: -o-linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* Opera 11.10+ */
+                /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
+                /*background-image: linear-gradient(top, #f5f5f5 0%,#e5e5e5 100%); /* W3C */
             }
 
             .nav-justified > .active > a,
             .nav-justified > .active > a:hover,
             .nav-justified > .active > a:focus {
-                background-color: #ddd;
+                background-color: #000;
+                color: #fff;
                 background-image: none;
-                box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
+                /*box-shadow: inset 0 3px 7px rgba(0,0,0,.15);*/
             }
 
             .nav-justified > li:first-child > a {
-                border-radius: 5px 5px 0 0;
+                /*border-radius: 5px 5px 0 0;*/
             }
 
             .nav-justified > li:last-child > a {
-                border-bottom: 0;
-                border-radius: 0 0 5px 5px;
+                /*border-bottom: 0;
+                border-radius: 0 0 5px 5px;*/
             }
 
         @media (min-width: 768px) {
@@ -80,7 +81,7 @@
                 max-height: 52px;
             }
 
-                .nav-justified > li > a {
+                /*.nav-justified > li > a {
                     border-left: 1px solid #fff;
                     border-right: 1px solid #d5d5d5;
                 }
@@ -93,7 +94,7 @@
                 .nav-justified > li:last-child > a {
                     border-radius: 0 5px 5px 0;
                     border-right: 0;
-                }
+                }*/
         }
 
         /* Responsive: Portrait tablets and up */
@@ -250,4 +251,4 @@ <h1 class="text-muted">Screen Task</h1>
 
 </body>
 
-</html>
\ No newline at end of file
+</html>