Add image format and source information to display (#1567)

Add image format and source information to display - needs changes to engines to actually display something. 

Displays result.source (website from which the image was taken) and result.img_format (image type and size).

Result is styled with result-format and result-source classes. See PR #1566 for an example of an engine which has the necessary changes.

Strip <span class="highlight">...</span> in the oscar image template.

2 files changed, 12 insertions, 2 deletions

diff --git a/searx/static/themes/oscar/less/logicodev-dark/oscar.less b/searx/static/themes/oscar/less/logicodev-dark/oscar.less
index 804dd76a0..9a4272331 100644
--- a/searx/static/themes/oscar/less/logicodev-dark/oscar.less
+++ b/searx/static/themes/oscar/less/logicodev-dark/oscar.less
@@ -59,7 +59,7 @@ ul.nav li a {
   border-bottom: 4px solid #3d9f94 !important;
 }
 
-.result-content {
+.result-content, .result-source, .result-format {
   color:#B5B8B7 !important;
 }
 
diff --git a/searx/static/themes/oscar/less/logicodev/results.less b/searx/static/themes/oscar/less/logicodev/results.less
index a64dc7d16..5e7e1336a 100644
--- a/searx/static/themes/oscar/less/logicodev/results.less
+++ b/searx/static/themes/oscar/less/logicodev/results.less
@@ -27,7 +27,7 @@
     }
 }
 
-.result-content {
+.result-content, .result-format, .result-source {
     margin-top: 2px;
     margin-bottom: 0;
     word-wrap: break-word;
@@ -41,6 +41,16 @@
 
 }
 
+.result-source {
+    font-size: 10px;
+    float: left;
+}
+
+.result-format {
+    font-size: 10px;
+    float: right;
+}
+
 .external-link {
     color: @dark-green;
     font-size: 12px;