Page Comparison

/* instructions: */
/* 1. update root colors */
/*    --dark-color -> dark color in the interface;*/
/*    --light-color -> light color in the interface */
/* 2. update ../img/logo.png file */
/*     Post your image to  if there is different extension the update background-image:/style/logo.png and refer to it in this file through url("./../img/logo.png"); */

:root {
    --dark-color: #004EA0;
    --light-color: #ffffff;
}

.navbar-default {
    background-color: var(--dark-color);
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    background-color: var(--dark-color);
}

.nav > li > a {
    color: var(--light-color);
}

.nav > li > a:hover {
    color: var(--light-color);
}

ul.nav-second-level {
    background: var(--dark-color);
}

.nav > li.active > a {
    color: var(--dark-color);
}

.nav > li.active {
    border-left: 4px solid var(--dark-color);
    background: var(--light-color);
}

.navbar-default .nav > li > a:hover {
    background: inherit;
    color: var(--light-color);
}

.navbar-default .nav > li.active > a:hover {
    background: inherit;
    color: var(--dark-color);
}

.navbar-default {
    background-color: var(--dark-color);
}

.nav-header {
    background-color: var(--light-color);
    height: 160px;
    background-image: url("./../style/logo.png");
    background-repeat: no-repeat;
    background-position: center center;
}

.nav-header > div > a > h1 {
    color: transparent;
}

#side-menu > .nav > li.active {
    background: var(--light-color);
}

#side-menu > ul.nav-second-level {
    background: var(--light-color);
}