new BaSyx logo
new blue color

Signed-off-by: Siwara Schmitt <siwara.schmitt@iese.fraunhofer.de>
diff --git a/static/css/style.blue.css b/static/css/style.blue.css
index 08b619c..8ca1fbe 100755
--- a/static/css/style.blue.css
+++ b/static/css/style.blue.css
@@ -63,10 +63,10 @@
   cursor: pointer !important;
 }
 .required {
-  color: #467fbf;
+  color: #0cb2f0;
 }
 .accent {
-  color: #467fbf;
+  color: #0cb2f0;
 }
 .text-uppercase {
   text-transform: uppercase;
@@ -99,7 +99,7 @@
 .heading h4,
 .heading h5 {
   display: inline-block;
-  border-bottom: solid 5px #467fbf;
+  border-bottom: solid 5px #0cb2f0;
   line-height: 1.1;
   margin-bottom: 0;
   padding-bottom: 10px;
@@ -113,7 +113,7 @@
 .heading h4 i.fa,
 .heading h5 i.fa {
   display: inline-block;
-  background: #467fbf;
+  background: #0cb2f0;
   width: 30px;
   height: 30px;
   vertical-align: middle;
@@ -148,7 +148,7 @@
 .ul-icons li i {
   width: 20px;
   height: 20px;
-  background: #467fbf;
+  background: #0cb2f0;
   color: #fff;
   text-align: center;
   border-radius: 10px;
@@ -317,7 +317,7 @@
   border-top: solid 5px transparent;
 }
 .navbar ul.nav > li > a:hover {
-  border-top: solid 5px #467fbf;
+  border-top: solid 5px #0cb2f0;
 }
 .navbar ul.nav > li.active > a,
 .navbar ul.nav > li.open > a {
@@ -345,7 +345,7 @@
 .navbar.navbar-light ul.nav > li.open > a:hover,
 .navbar.navbar-light ul.nav > li > a:focus,
 .navbar.navbar-light ul.nav > li.open > a:focus {
-  border-top: solid 5px #467fbf;
+  border-top: solid 5px #0cb2f0;
   background: #fff !important;
   color: #555555 !important;
 }
@@ -371,7 +371,7 @@
   left: 0;
 }
 .navbar ul.dropdown-menu li a:hover {
-  color: #467fbf;
+  color: #0cb2f0;
   text-decoration: none;
   background: none;
   left: 2px;
@@ -423,7 +423,7 @@
   transition: all 0.2s ease-out;
 }
 .navbar .yamm-content ul li a:hover {
-  color: #467fbf;
+  color: #0cb2f0;
   text-decoration: none;
   padding-left: 2px;
 }
@@ -456,12 +456,12 @@
 .navbar .btn-default:focus,
 .navbar .btn-default.navbar-toggle:focus {
   background-color: #fff;
-  border-color: #467fbf;
-  color: #467fbf;
+  border-color: #0cb2f0;
+  color: #0cb2f0;
 }
 .navbar #search {
   clear: both;
-  border-top: solid 1px #467fbf;
+  border-top: solid 1px #0cb2f0;
   text-align: right;
 }
 .navbar #search form {
@@ -510,7 +510,7 @@
   margin-bottom: 20px;
 }
 #login-modal a {
-  color: #467fbf;
+  color: #0cb2f0;
 }
 #login-modal p {
   font-weight: 300;
@@ -550,16 +550,16 @@
   border-radius: 0;
 }
 .btn-template-main {
-  color: #467fbf;
+  color: #0cb2f0;
   background-color: #ffffff;
-  border-color: #467fbf;
+  border-color: #0cb2f0;
 }
 .btn-template-main:hover,
 .btn-template-main:focus,
 .btn-template-main:active,
 .btn-template-main.active,
 .open > .dropdown-toggle.btn-template-main {
-  color: #467fbf;
+  color: #0cb2f0;
   background-color: #e6e6e6;
   border-color: #336194;
 }
@@ -584,19 +584,19 @@
 .btn-template-main[disabled].active,
 fieldset[disabled] .btn-template-main.active {
   background-color: #ffffff;
-  border-color: #467fbf;
+  border-color: #0cb2f0;
 }
 .btn-template-main .badge {
   color: #ffffff;
-  background-color: #467fbf;
+  background-color: #0cb2f0;
 }
 .btn-template-main:hover,
 .btn-template-main:focus,
 .btn-template-main:active,
 .btn-template-main.active {
-  background: #467fbf;
+  background: #0cb2f0;
   color: #ffffff;
-  border-color: #467fbf;
+  border-color: #0cb2f0;
 }
 .btn-template-transparent-primary {
   color: #ffffff;
@@ -644,7 +644,7 @@
 .btn-template-transparent-primary:active,
 .btn-template-transparent-primary.active {
   background: #fff;
-  color: #467fbf;
+  color: #0cb2f0;
   border-color: #fff;
 }
 .btn-template-transparent-black {
@@ -698,8 +698,8 @@
 }
 .btn-template-primary {
   color: #ffffff;
-  background-color: #467fbf;
-  border-color: #467fbf;
+  background-color: #0cb2f0;
+  border-color: #0cb2f0;
 }
 .btn-template-primary:hover,
 .btn-template-primary:focus,
@@ -730,11 +730,11 @@
 .btn-template-primary.disabled.active,
 .btn-template-primary[disabled].active,
 fieldset[disabled] .btn-template-primary.active {
-  background-color: #467fbf;
-  border-color: #467fbf;
+  background-color: #0cb2f0;
+  border-color: #0cb2f0;
 }
 .btn-template-primary .badge {
-  color: #467fbf;
+  color: #0cb2f0;
   background-color: #ffffff;
 }
 #intro {
@@ -810,7 +810,7 @@
   left: 0;
   width: 100%;
   height: 100%;
-  background: #467fbf;
+  background: #0cb2f0;
   opacity: 0.9;
   filter: alpha(opacity=90);
 }
@@ -893,7 +893,7 @@
 .panel.sidebar-menu .panel-heading h4,
 .panel.sidebar-menu .panel-heading h5 {
   display: inline-block;
-  border-bottom: solid 5px #467fbf;
+  border-bottom: solid 5px #0cb2f0;
   line-height: 1.1;
   margin-bottom: 0;
   padding-bottom: 10px;
@@ -980,7 +980,7 @@
   padding: 5px;
   border: solid 1px #eeeeee;
   border-radius: 0;
-  color: #467fbf;
+  color: #0cb2f0;
   margin: 5px 5px 5px 0;
   text-transform: uppercase;
   letter-spacing: 0.08em;
@@ -988,9 +988,9 @@
   font-size: 12px;
 }
 .panel.sidebar-menu ul.tag-cloud li a:hover {
-  color: #467fbf;
+  color: #0cb2f0;
   text-decoration: none;
-  border-color: #467fbf;
+  border-color: #0cb2f0;
 }
 .panel.sidebar-menu ul.popular,
 .panel.sidebar-menu ul.recent {
@@ -1078,7 +1078,7 @@
   padding: 6px 20px 6px 20px;
   margin: 30px 10px 10px -71px;
   color: #fff;
-  background-color: #467fbf;
+  background-color: #0cb2f0;
   font-family: "Roboto", Helvetica, Arial, sans-serif;
 }
 .ribbon .theribbon:before,
@@ -1122,7 +1122,7 @@
 .owl-theme .owl-controls .owl-page.active span,
 .owl-carousel .owl-controls.clickable .owl-page:hover span,
 .owl-theme .owl-controls.clickable .owl-page:hover span {
-  background: #467fbf;
+  background: #0cb2f0;
 }
 .owl-carousel .owl-controls .owl-buttons,
 .owl-theme .owl-controls .owl-buttons {
@@ -1137,7 +1137,7 @@
   line-height: 25px;
   margin: 0 5px 0 0;
   font-size: 18px;
-  color: #467fbf;
+  color: #0cb2f0;
   padding: 0;
   background: #fff;
   border-radius: 13px;
@@ -1160,7 +1160,7 @@
   left: 0;
   width: 100%;
   height: 100%;
-  background: #467fbf;
+  background: #0cb2f0;
   opacity: 0.9;
   filter: alpha(opacity=90);
 }
@@ -1303,7 +1303,7 @@
   height: 50px;
 }
 .testimonials .item .testimonial .bottom .icon {
-  color: #467fbf;
+  color: #0cb2f0;
   font-size: 30px;
   float: left;
   width: 20%;
@@ -1439,8 +1439,8 @@
   margin-bottom: 40px;
 }
 .box-simple .icon {
-  color: #467fbf;
-  border-color: #467fbf;
+  color: #0cb2f0;
+  border-color: #0cb2f0;
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
@@ -1515,7 +1515,7 @@
   height: 100%;
   opacity: 0;
   filter: alpha(opacity=0);
-  background: #467fbf;
+  background: #0cb2f0;
 }
 .box-image .name {
   position: absolute;
@@ -1593,7 +1593,7 @@
   height: 100%;
   opacity: 0;
   filter: alpha(opacity=0);
-  background: #467fbf;
+  background: #0cb2f0;
 }
 .box-image-text .top .name {
   position: absolute;
@@ -1756,7 +1756,7 @@
 }
 .bar {
   position: relative;
-  background: #467fbf;
+  background: #0cb2f0;
   padding: 60px 0;
 }
 .bar.background-pentagon {
@@ -1890,14 +1890,14 @@
   margin-bottom: 20px;
   padding-bottom: 15px;
   text-align: center;
-  border: solid 1px #467fbf;
+  border: solid 1px #0cb2f0;
   overflow: hidden;
 }
 .packages .package .package-header {
   height: 57px;
   color: #fff;
   line-height: 57px;
-  background: #467fbf;
+  background: #0cb2f0;
 }
 .packages .package .package-header h5 {
   color: #fff;
@@ -1970,8 +1970,8 @@
   height: 300px;
 }
 #map.with-border {
-  border-top: solid 1px #467fbf;
-  border-bottom: solid 1px #467fbf;
+  border-top: solid 1px #0cb2f0;
+  border-bottom: solid 1px #0cb2f0;
 }
 #blog-listing-big .post,
 #blog-homepage .post {
@@ -1994,7 +1994,7 @@
 #blog-homepage .post h2 a:hover,
 #blog-listing-big .post h4 a:hover,
 #blog-homepage .post h4 a:hover {
-  color: #467fbf;
+  color: #0cb2f0;
 }
 #blog-listing-big .post .author-category,
 #blog-homepage .post .author-category {
@@ -2014,7 +2014,7 @@
 }
 #blog-listing-big .post .date-comments a:hover,
 #blog-homepage .post .date-comments a:hover {
-  color: #467fbf;
+  color: #0cb2f0;
 }
 @media (min-width: 768px) {
   #blog-listing-big .post .date-comments,
@@ -2064,7 +2064,7 @@
   color: #555555;
 }
 #blog-listing-medium .post h2 a:hover {
-  color: #467fbf;
+  color: #0cb2f0;
 }
 #blog-listing-medium .post .author-category {
   float: left;
@@ -2086,7 +2086,7 @@
   margin-right: 20px;
 }
 #blog-listing-medium .post .date-comments a:hover {
-  color: #467fbf;
+  color: #0cb2f0;
 }
 @media (min-width: 768px) {
   #blog-listing-medium .post .date-comments {
@@ -2353,7 +2353,7 @@
 }
 #productMain .sizes a.active,
 #productMain .sizes a:hover {
-  background: #467fbf;
+  background: #0cb2f0;
   color: #fff;
 }
 #productMain .sizes input {
@@ -2370,7 +2370,7 @@
   border: solid 1px transparent;
 }
 #thumbs a.active {
-  border-color: #467fbf;
+  border-color: #0cb2f0;
 }
 #product-social {
   text-align: center;
@@ -2423,7 +2423,7 @@
 }
 #checkout .nav {
   margin-bottom: 20px;
-  border-bottom: solid 1px #467fbf;
+  border-bottom: solid 1px #0cb2f0;
 }
 #checkout .nav li {
   height: 100%;
@@ -2490,7 +2490,7 @@
   margin-bottom: 30px;
 }
 #get-it {
-  background: #467fbf;
+  background: #0cb2f0;
   padding: 50px 0 30px;
   color: #fff;
   text-align: center;
@@ -2536,7 +2536,7 @@
   color: #999999;
 }
 #footer ul a:hover {
-  color: #467fbf;
+  color: #0cb2f0;
   text-decoration: none;
 }
 #footer .photostream div {
@@ -2603,7 +2603,7 @@
   margin: 0 10px 0 0;
 }
 #footer .social a:hover {
-  color: #467fbf;
+  color: #0cb2f0;
 }
 #copyright {
   background: #333;
@@ -2679,10 +2679,10 @@
 .nav .open > a:hover,
 .nav .open > a:focus {
   background-color: #eeeeee;
-  border-color: #467fbf;
+  border-color: #0cb2f0;
 }
 .nav-tabs {
-  border-bottom: 1px solid #467fbf;
+  border-bottom: 1px solid #0cb2f0;
 }
 .nav-tabs > li {
   float: left;
@@ -2695,20 +2695,20 @@
   border-radius: 0 0 0 0;
 }
 .nav-tabs > li > a:hover {
-  border-color: #eeeeee #eeeeee #467fbf;
+  border-color: #eeeeee #eeeeee #0cb2f0;
 }
 .nav-tabs > li.active > a,
 .nav-tabs > li.active > a:hover,
 .nav-tabs > li.active > a:focus {
   color: #555555;
   background-color: #ffffff;
-  border: 1px solid #467fbf;
+  border: 1px solid #0cb2f0;
   border-bottom-color: transparent;
   cursor: default;
 }
 .nav-tabs.nav-justified {
   width: 100%;
-  border-bottom: solid 1px #467fbf;
+  border-bottom: solid 1px #0cb2f0;
   border-bottom: 0;
 }
 .nav-tabs.nav-justified > li {
@@ -2729,11 +2729,11 @@
 .nav-tabs.nav-justified > .active > a,
 .nav-tabs.nav-justified > .active > a:hover,
 .nav-tabs.nav-justified > .active > a:focus {
-  border: 1px solid #467fbf;
+  border: 1px solid #0cb2f0;
 }
 @media (min-width: 768px) {
   .nav-tabs.nav-justified > li > a {
-    border-bottom: 1px solid #467fbf;
+    border-bottom: 1px solid #0cb2f0;
     border-radius: 0 0 0 0;
   }
   .nav-tabs.nav-justified > .active > a,
@@ -2755,7 +2755,7 @@
 .nav-pills > li.active > a:hover,
 .nav-pills > li.active > a:focus {
   color: #ffffff;
-  background-color: #467fbf;
+  background-color: #0cb2f0;
 }
 .nav-stacked > li {
   float: none;
@@ -2766,7 +2766,7 @@
 }
 .nav-justified {
   width: 100%;
-  border-bottom: solid 1px #467fbf;
+  border-bottom: solid 1px #0cb2f0;
 }
 .nav-justified > li {
   float: none;
@@ -2789,11 +2789,11 @@
 .nav-tabs-justified > .active > a,
 .nav-tabs-justified > .active > a:hover,
 .nav-tabs-justified > .active > a:focus {
-  border: 1px solid #467fbf;
+  border: 1px solid #0cb2f0;
 }
 @media (min-width: 768px) {
   .nav-tabs-justified > li > a {
-    border-bottom: 1px solid #467fbf;
+    border-bottom: 1px solid #0cb2f0;
     border-radius: 0 0 0 0;
   }
   .nav-tabs-justified > .active > a,
@@ -3086,7 +3086,7 @@
 .navbar-default .navbar-nav > .active > a:hover,
 .navbar-default .navbar-nav > .active > a:focus {
   color: #ffffff;
-  background-color: #467fbf;
+  background-color: #0cb2f0;
 }
 .navbar-default .navbar-nav > .disabled > a,
 .navbar-default .navbar-nav > .disabled > a:hover,
@@ -3099,7 +3099,7 @@
 }
 .navbar-default .navbar-toggle:hover,
 .navbar-default .navbar-toggle:focus {
-  background-color: #467fbf;
+  background-color: #0cb2f0;
 }
 .navbar-default .navbar-toggle .icon-bar {
   background-color: #888888;
@@ -3111,7 +3111,7 @@
 .navbar-default .navbar-nav > .open > a,
 .navbar-default .navbar-nav > .open > a:hover,
 .navbar-default .navbar-nav > .open > a:focus {
-  background-color: #467fbf;
+  background-color: #0cb2f0;
   color: #ffffff;
 }
 @media (max-width: 767px) {
@@ -3120,13 +3120,13 @@
   }
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
   .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
-    color: #467fbf;
+    color: #0cb2f0;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
   .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
   .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
     color: #ffffff;
-    background-color: #467fbf;
+    background-color: #0cb2f0;
   }
   .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
   .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
@@ -3162,7 +3162,7 @@
   color: #555555;
 }
 a {
-  color: #467fbf;
+  color: #0cb2f0;
   text-decoration: none;
 }
 a:hover,
@@ -3249,7 +3249,7 @@
   border-radius: 0;
 }
 .form-control:focus {
-  border-color: #467fbf;
+  border-color: #0cb2f0;
   outline: 0;
   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 127, 191, 0.6);
   box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 127, 191, 0.6);
@@ -3272,14 +3272,14 @@
 .pager li > a,
 .pager li > span {
   background-color: #ffffff;
-  border: 1px solid #467fbf;
+  border: 1px solid #0cb2f0;
   border-radius: 0;
 }
 .pager li > a:hover,
 .pager li > a:focus {
   text-decoration: none;
   color: #fff;
-  background-color: #467fbf;
+  background-color: #0cb2f0;
 }
 .pager .disabled > a,
 .pager .disabled > a:hover,
@@ -3300,7 +3300,7 @@
   padding: 6px 12px;
   line-height: 1.42857143;
   text-decoration: none;
-  color: #467fbf;
+  color: #0cb2f0;
   background-color: #ffffff;
   border: 1px solid #dddddd;
 }
@@ -3308,7 +3308,7 @@
 .pagination > li > span:hover,
 .pagination > li > a:focus,
 .pagination > li > span:focus {
-  color: #467fbf;
+  color: #0cb2f0;
   background-color: #b8cee6;
   border-color: #dddddd;
 }
@@ -3320,8 +3320,8 @@
 .pagination > .active > span:focus {
   z-index: 2;
   color: #ffffff;
-  background-color: #467fbf;
-  border-color: #467fbf;
+  background-color: #0cb2f0;
+  border-color: #0cb2f0;
 }
 .pagination > .disabled > span,
 .pagination > .disabled > span:hover,
@@ -3403,14 +3403,14 @@
   font-style: italic;
 }
 .text-primary {
-  color: #467fbf;
+  color: #0cb2f0;
 }
 a.text-primary:hover {
   color: #36669c;
 }
 .bg-primary {
   color: #fff;
-  background-color: #467fbf;
+  background-color: #0cb2f0;
 }
 a.bg-primary:hover {
   background-color: #36669c;
@@ -3423,7 +3423,7 @@
   padding: 10px 20px;
   margin: 0 0 20px;
   font-size: 14px;
-  border-left: 5px solid #467fbf;
+  border-left: 5px solid #0cb2f0;
 }
 blockquote footer,
 blockquote small,
@@ -3440,7 +3440,7 @@
 }
 .blockquote-reverse,
 blockquote.pull-right {
-  border-right: 5px solid #467fbf;
+  border-right: 5px solid #0cb2f0;
 }
 address {
   margin-bottom: 20px;
@@ -3485,22 +3485,22 @@
   border-color: #ccc;
 }
 .panel-primary {
-  border-color: #467fbf;
+  border-color: #0cb2f0;
 }
 .panel-primary > .panel-heading {
   color: #ffffff;
-  background-color: #467fbf;
-  border-color: #467fbf;
+  background-color: #0cb2f0;
+  border-color: #0cb2f0;
 }
 .panel-primary > .panel-heading + .panel-collapse > .panel-body {
-  border-top-color: #467fbf;
+  border-top-color: #0cb2f0;
 }
 .panel-primary > .panel-heading .badge {
-  color: #467fbf;
+  color: #0cb2f0;
   background-color: #ffffff;
 }
 .panel-primary > .panel-footer + .panel-collapse > .panel-body {
-  border-bottom-color: #467fbf;
+  border-bottom-color: #0cb2f0;
 }
 .panel-primary .panel-title {
   font-weight: 300;
@@ -3517,14 +3517,14 @@
 }
 a.list-group-item.active > .badge,
 .nav-pills > .active > a > .badge {
-  color: #467fbf;
+  color: #0cb2f0;
   background-color: #ffffff;
 }
 .nav-pills > li > a > .badge {
   margin-left: 3px;
 }
 .progress-bar-primary {
-  background-color: #467fbf;
+  background-color: #0cb2f0;
 }
 .progress-striped .progress-bar-primary {
   background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
diff --git a/static/img/basyxlogo.png b/static/img/basyxlogo.png
index 226a4ff..8f4eb52 100644
--- a/static/img/basyxlogo.png
+++ b/static/img/basyxlogo.png
Binary files differ
diff --git a/static/img/basyxlogo_small.png b/static/img/basyxlogo_small.png
index 48bdbca..8f4eb52 100644
--- a/static/img/basyxlogo_small.png
+++ b/static/img/basyxlogo_small.png
Binary files differ