Fix issues

beetroot_static/css/logicodev.css

@@ -10,10 +10,6 @@
 	cursor: default;
 }
 
-a:focus, a:hover {
-	color: #476202;
-}
-
 .alert-info {
 	background-color: #8EB726;
 	border-color: #57750A;
@@ -44,38 +40,6 @@ a:focus, a:hover {
 	border-color: #b4c4c6;
 }
 
-.nav > li > a:focus, .nav > li > a:hover {
-	text-decoration: none;
-	background-color: #F3F5ED;
-}
-
-.searx-navbar {
-    background: #50162d;
-    height: 2.3rem;
-    font-size: 1.3rem;
-    line-height: 1.3rem;
-    padding: 0.5rem;
-    font-weight: 700;
-    margin-bottom: 0.8rem;
-}
-.searx-navbar a,
-.searx-navbar a:hover {
-    margin-right: 2rem;
-    color: #fff;
-    text-decoration: none;
-}
-.searx-navbar .instance a {
-    color: #FFF4F8;
-    margin-left: 2rem;
-}
-#main-logo {
-    margin-top: 20vh;
-    margin-bottom: 25px;
-}
-#main-logo > img {
-    max-width: 350px;
-    width: 80%;
-}
 * {
   border-radius: 0 !important;
 }
@@ -232,7 +196,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
   margin-bottom: 0.8em;
 }
 .external-link {
-  color: #8EB726;
+  color: #068922;
   font-size: 12px;
   margin-bottom: 15px;
 }
@@ -333,7 +297,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
   padding-bottom: 60px;
 }
 .label-default {
-  color: #a4a4a4;
+  color: #666666;
   background: transparent;
 }
 .result .text-muted small {
@@ -457,7 +421,7 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
 .search_categories input[type="checkbox"]:checked + label,
 #categories input[type="checkbox"]:checked + label {
   color: #FFF6FA;
-  font-weight: 700;
+  font-weight: bold;
   border-bottom: #7b2c4c 5px solid;
   background-color: #260512;
 }
@@ -487,8 +451,8 @@ input[type=checkbox]:not(:checked) + .label_hide_if_checked + .label_hide_if_not
   -webkit-appearance: none;
   -moz-appearance: none;
   font-size: 1.2rem;
-  font-weight: 400;
+  font-weight: normal;
-  background-color: #fff;
+  background-color: white;
   border: #ddd 1px solid;
   color: #A04D6E;
   background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAQAAACR313BAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAAAJcEhZcwAABFkAAARZAVnbJUkAAAAHdElNRQfgBxgLDwB20OFsAAAAbElEQVQY073OsQ3CMAAEwJMYwJGnsAehpoXJItltBkmcdZBYgIIiQoLglnz3ui+eP+bk5uneteTMZJa6OJuIqvYzSJoqwqBq8gdmTTW86/dghxAUq4xsVYT9laBYXCw93Aajh7GPEF23t4fkBYevGFTANkPRAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE2LTA3LTI0VDExOjU1OjU4KzAyOjAwRFqFOQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxNi0wNy0yNFQxMToxNTowMCswMjowMP7RDgQAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC)
@@ -584,7 +548,7 @@ code {
   background-color: #ffffcc;
 }
 .highlight {
-    background: #fff1f7;
+  background: #f8f8f8;
 }
 .highlight .c {
   color: #556366;
@@ -891,15 +855,16 @@ input.cursor-text {
 }
 /*Global*/
 body {
-  background: #1d1f21 none !important;
+  background: white none !important;
-  color: #D5D8D7 !important;
+  color: #50162D !important;
 }
 a {
-  color: #41a2ce !important;
+  color: #65880E !important;
   text-decoration: none !important;
 }
-a:hover {
+
-  color: #5F89AC !important;
+a:hover, a:focus {
+  color: #476202 !important;
 }
 input,
 button,
@@ -938,10 +903,16 @@ ul.nav li a {
 .result-content,
 .result-source,
 .result-format {
-  color: #B5B8B7 !important;
+  margin-top: 2px;
+  margin-bottom: 0;
+  word-wrap: break-word;
+  color: #3E2A32 !important;
+  font-size: 13px;
 }
 .external-link {
-  color: #35B887 !important;
+  color: #8EB726 !important;
+  font-size: 12px;
+  margin-bottom: 15px;
 }
 .table-striped tr td,
 .table-striped tr th {
@@ -961,7 +932,7 @@ ul.nav li a {
 }
 .label-default {
   background: none;
-  color: #BBB;
+  color: #a4a4a4;
 }
 .navbar-default .navbar-nav > .active > a,
 .navbar-default .navbar-nav > .active > a:hover,
@@ -977,16 +948,18 @@ ul.nav li a {
 .result-map:hover {
   background-color: #222426;
 }
+
 /*buttons*/
 .btn {
-  color: #BBB;
+  color: white;
-  background-color: #444 ;
+  background-color: #1F5C60 ;
-  border: 1px solid #282a2e;
+  border: none;
 }
 .btn:hover {
-  color: #444 !important;
+  color: white !important;
-  background-color: #BBB !important;
+  background-color: #50162D !important;
 }
+
 .btn-primary.active {
   color: #C5C8C6;
   background-color: #5F89AC;
@@ -998,10 +971,11 @@ ul.nav li a {
   background: none;
 }
 .panel-heading {
-  color: #C5C8C6 !important;
+  color: #fff !important;
-  background: #282a2e !important;
+  background: #1F5C60 !important;
   border-bottom: none;
 }
+
 .panel-body {
   color: #C5C8C6 !important;
   background: #1d1f21 !important;
@@ -1023,7 +997,7 @@ p.btn.btn-default {
   background: #ad1f12 none !important;
 }
 .searx-navbar {
-  background: #333334;
+  background: #50162d;
   height: 2.3rem;
   font-size: 1.3rem;
   line-height: 1.3rem;
@@ -1038,7 +1012,7 @@ p.btn.btn-default {
   text-decoration: none;
 }
 .searx-navbar .instance a {
-  color: #01d7d4;
+  color: #FFF4F8;
   margin-left: 2.0rem;
 }
 #main-logo {
@@ -1049,17 +1023,18 @@ p.btn.btn-default {
   max-width: 350px;
   width: 80%;
 }
+
 .onoffswitch-inner:before,
 .onoffswitch-inner:after {
-  background: #1d1f21 none !important;
+  background: #EEEEEE none !important;
 }
 .onoffswitch-switch,
 .onoffswitch-label {
-  border: 2px solid #3d3f43 !important;
+  border: 2px solid #FFFFFF !important;
 }
 .nav > li > a:hover,
 .nav > li > a:focus {
-  background-color: #3d3f43 !important;
+  background-color: #F3F5ED !important;
 }
 /*Images search*/
 .img-thumbnail,
@@ -1100,18 +1075,20 @@ p.btn.btn-default {
 .table-hover > tbody > tr:hover > th {
   background: #66696e !important;
 }
+.label-success,
 .btn-success {
   color: #C5C8C6;
-  background: #449d44;
+  background: #068922;
 }
+.label-danger,
 .btn-danger {
   color: #C5C8C6;
-  background: #d9534f;
+  background: #c9432f;
 }
 .well {
   background: #444;
   border-color: #282a2e;
 }
 .highlight {
-  background-color: transparent !important;
+  background-color: #fff1f7;
 }