@@ -1,54 +1,39 @@
1−<a href="#open-modal-{{ index }}-{{ pageno }}">
2− <img src="{% if result.thumbnail_src %}{{ image_proxify(result.thumbnail_src) }}{% else %}{{ image_proxify(result.img_src) }}{% endif %}" alt="{{ result.title|striptags }}" title="{{ result.title|striptags }}" class="img-thumbnail" id="img-result-thumb-{{ index }}" />
3−</a>
1+{% from 'oscar/macros.html' import draw_favicon %}
42
5−<style type="text/css" media="screen">
6−#open-modal-{{ index }}-{{ pageno }}:target .image-container::before {
7− background: url({{ image_proxify(result.img_src)|safe }}) no-repeat center/contain;
8−}
9−</style>
3+<a href="{{ result.img_src }}" {% if results_on_new_tab %}target="_blank" rel="noopener noreferrer"{% else %}rel="noreferrer"{% endif %} data-toggle="modal" data-target="#modal-{{ index }}-{{pageno}}">
4+ <img src="{% if result.thumbnail_src %}{{ image_proxify(result.thumbnail_src) }}{% else %}{{ image_proxify(result.img_src) }}{% endif %}" alt="{{ result.title|striptags }}" title="{{ result.title|striptags }}" class="img-thumbnail">
5+</a>
106
11−<div id="open-modal-{{ index }}-{{ pageno }}" class="modal-image">
12− <div class="container modal-dialog">
13− <div class="row">
14− <div class="col-md-12 col-sm-12 col-xs-12 modal-header">
15− <a {% if index != 1 %}href="#open-modal-{{ index-1 }}-{{ pageno }}"{% endif %}>
16− <span class="pull-left image-paging-left"></span>
17− </a>
18− <a href="#open-modal-{{ index+1 }}-{{ pageno }}">
19− <span class="pull-right image-paging-right"></span>
20− </a>
21− <h4 class="modal-title image-title">{{ result.title|striptags }}</h4>
22− </div>
23− </div>
24− <div class="row">
25− <div class="col-md-12 col-sm-12 col-xs-12 modal-body">
26− <a href="{{ result.img_src }}" {% if results_on_new_tab %}target="_blank" rel="noopener noreferrer"{% else %}rel="noreferrer"{% endif %}><div class="image-container"></div></a>
7+<div class="modal fade" id="modal-{{ index }}-{{ pageno }}" tabindex="-1" role="dialog" aria-hidden="true">
8+ <div class="modal-dialog">
9+ <div class="modal-wrapper">
10+ <div class="modal-header">
11+ <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
12+ <h4 class="modal-title">{% if result.engine~".png" in favicons %}{{ draw_favicon(result.engine) }} {% endif %}{{ result.title|striptags }}</h4>
2713 </div>
28− </div>
29− {% if result.content %}
30− <div class="row">
31− <div class="col-md-12 hidden-sm hidden-xs modal-body">
32− <p class="result-content">{{ result.content|safe }}</p>
14+ <div class="modal-body">
15+ <img class="img-responsive center-block" src="{% if result.thumbnail_src %}{{ image_proxify(result.thumbnail_src) }}{% else %}{{ image_proxify(result.img_src) }}{% endif %}" alt="{{ result.title|striptags }}">
3316 {% if result.author %}<span class="photo-author">{{ result.author }}</span><br />{% endif %}
17+ {% if result.content %}
18+ <p class="result-content">
19+ {{ result.content }}
20+ </p>
21+ {% endif %}
3422 </div>
35− </div>
36− {% endif %}
37− <div class="modal-footer">
38− <div class="row">
39− <div class="col-md-10 col-xs-12">
40− <p class="text-muted pull-left">{{ result.pretty_url }}</p>
23+ <div class="modal-footer">
24+ <div class="clearfix"></div>
25+ <span class="label label-default pull-right">{{ result.engine }}</span>
26+ <p class="text-muted pull-left">{{ result.pretty_url }}</p>
27+ <div class="clearfix"></div>
28+ <div class="row">
29+ <div class="col-md-6">
30+ <a href="{{ result.img_src }}" {% if results_on_new_tab %}target="_blank" rel="noopener noreferrer"{% else %}rel="noreferrer"{% endif %} class="btn btn-default">{{ _('Get image') }}</a>
31+ </div>
32+ <div class="col-md-6">
33+ <a href="{{ result.url }}" {% if results_on_new_tab %}target="_blank" rel="noopener noreferrer"{% else %}rel="noreferrer"{% endif %} class="btn btn-default">{{ _('View source') }}</a>
34+ </div>
4135 </div>
42− <div class="col-md-2 hidden-sm hidden-xs">
43− <span class="label label-default pull-right">{{ result.engine }}</span>
44− </div>
45− </div>
46− <div class="row">
47− <a href="{{ result.url }}" class="btn btn-default">
48− {{ _('View source') }}
49− </a>
5036 </div>
5137 </div>
5238 </div>
53− <a href="#img-result-thumb-{{ index }}-{{ pageno }}" class="modal-close"></a>
5439</div>