Merge pull request #799 from kvch/modal-arrows

[fix] change modal glyphicon arrows to image icons

searx/static/themes/oscar/less/logicodev/modal-pic.less

@@ -32,13 +32,29 @@
     }
 
     .image-paging-left {
-        font-size: 2.2rem;
-        padding-right: 1.0rem;
+        margin-right: 1.0rem;
+        margin-top: 0.5rem;
+        width:15px;
+        height:15px;
+        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABmJLR0QA/wD/AP+gvaeTAAAACXBI
+WXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AweDQoOuikqUQAAAB1pVFh0Q29tbWVudAAAAAAAQ3Jl
+YXRlZCB3aXRoIEdJTVBkLmUHAAAAiElEQVQoz6XTrQ0CQRCG4SesQHI5g6EAqIEewNLSVUACzfAT
+BApDDSgSBAaJORKyauf2czOZdybzl5SpxR5j3H/OUQHYoMMMNwE1fcUT5hFwUgPuenAxBDxHwRZb
+HKMgbPDCuiQ4ZfYDU6xwxTNafXDP1dOu3nP1heUJDnmCVAB/cMES7/+v+gIq0Bs3k6NL9AAAAABJ
+RU5ErkJggg==) 96% no-repeat;
     }
 
     .image-paging-right {
-        font-size: 2.2rem;
-        padding-left: 1.2rem;
+        margin-left: 1.2rem;
+        margin-top: 0.5rem;
+        width:15px;
+        height:15px;
+        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAABmJLR0QA/wD/AP+gvaeTAAAACXBI
+        WXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4AweDQon+JuyPQAAAB1pVFh0Q29tbWVudAAAAAAAQ3Jl
+        YXRlZCB3aXRoIEdJTVBkLmUHAAAAaklEQVQoz73TsQ2DUAxF0SMWAFEzwGcaWhgpEyAlbQYJMACj
+        sAINTaiIf8Tt3FzL9jPfDHijdoHiVK9o8EAlQMKM1z8EZUTQHoJnjmDJFUwYr17hTIcN/W2dwzOH
+        tx2+czhhCZ9oNH/6qh1F2RaYgWxrQwAAAABJRU5ErkJggg==);
+
     }
 
     .image-container::before {

searx/templates/oscar/result_templates/images.html

@@ -13,10 +13,10 @@
         <div class="row">
             <div class="col-md-12 col-sm-12 col-xs-12 modal-header">
                 <a {% if index != 1 %}href="#open-modal-{{ index-1 }}-{{ pageno }}"{% endif %}>
-                    <span class="pull-left glyphicon glyphicon-chevron-left image-paging-left"></span>
+                    <span class="pull-left image-paging-left"></span>
                  </a>
                 <a href="#open-modal-{{ index+1 }}-{{ pageno }}">
-                    <span class="image-paging-right pull-right glyphicon glyphicon-chevron-right"></span>
+                    <span class="pull-right image-paging-right"></span>
                 </a>
                 <h4 class="modal-title image-title">{{ result.title|striptags }}</h4>
             </div>