oscar template: add infobox

searx/static/oscar/css/oscar.min.css

 .suggestion_item{margin:2px 5px}
 .result_download{margin-right:5px}
 #pagination{margin-top:30px;padding-bottom:50px}
+.infobox .infobox_part{margin-bottom:20px}
+.infobox .infobox_part:last-child{margin-bottom:0}
 .search_categories{margin:10px 0;text-transform:capitalize}
 .cursor-text{cursor:text !important}

searx/static/oscar/less/oscar/infobox.less

+.infobox {
+    .infobox_part {
+        margin-bottom: 20px;
+    }
+    
+    .infobox_part:last-child {
+        margin-bottom: 0;
+    }
+}

searx/static/oscar/less/oscar/oscar.less

 
 @import "results.less";
 
+@import "infobox.less";
+
 @import "search.less";
 
 @import "cursor.less";

searx/templates/oscar/infobox.html

+<div class="panel panel-default infobox">
+    <div class="panel-heading">
+        <h4 class="panel-title">{{ infobox.infobox }}</h4>
+    </div>
+    <div class="panel-body">
+        {% if infobox.img_src %}<img class="img-responsive center-block infobox_part" src="{{ infobox.img_src }}" />{% endif %}
+        {% if infobox.content %}<p class="infobox_part">{{ infobox.content }}</p>{% endif %}
+
+        {% if infobox.attributes %}
+        <table class="table table-striped infobox_part">
+            {% for attribute in infobox.attributes %}
+            <tr>
+                <td>{{ attribute.label }}</td>
+                <td>{{ attribute.value }}</td>
+            </tr>
+            {% endfor %}
+        </table>
+        {% endif %}
+
+        {% if infobox.urls %}
+        <div class="infobox_part">
+            {% for url in infobox.urls %}
+            <p class="btn btn-default btn-xs"><a href="{{ url.url }}">{{ url.title }}</a></p>
+            {% endfor %}
+        </div>
+        {% endif %}
+    </div>
+</div>

searx/templates/oscar/results.html

             {% if suggestions %}
             <div class="panel panel-default">
                 <div class="panel-heading">
-                    <h4 class="panel-title">
-                        <a data-toggle="collapse" data-parent="#accordion" href="#suggestions">{{ _('Suggestions') }}</a>
-                    </h4>
+                    <h4 class="panel-title">{{ _('Suggestions') }}</h4>
                 </div>
                 <div class="panel-body">
                     {% for suggestion in suggestions %}
 
             <div class="panel panel-default">
                 <div class="panel-heading">
-                    <h4 class="panel-title">
-                        <a data-toggle="collapse" data-parent="#accordion" href="#links">{{ _('Links') }}</a>
-                    </h4>
+                    <h4 class="panel-title">{{ _('Links') }}</h4>
                 </div>
                 <div class="panel-body">
                     <form role="form">
                 </div>
             </div>
         
+        {% if infoboxes %}
+            {% for infobox in infoboxes %}
+                {% include 'oscar/infobox.html' %}
+            {% endfor %}
+        {% endif %}    
+        
         </div><!-- /#sidebar_results -->
     </div>
 {% endblock %}