Browse Source

Merge pull request #173 from Cqoicebordel/default-UXUI

Default theme - a few UIUX
Adam Tauber 10 years ago
parent
commit
a85be12275
30 changed files with 150 additions and 196 deletions
  1. 0 86
      searx/static/themes/default/css/style.css
  2. BIN
      searx/static/themes/default/img/icons/icon_500px.ico
  3. BIN
      searx/static/themes/default/img/icons/icon_bing.ico
  4. BIN
      searx/static/themes/default/img/icons/icon_deezer.ico
  5. BIN
      searx/static/themes/default/img/icons/icon_digg.ico
  6. BIN
      searx/static/themes/default/img/icons/icon_duckduckgo.ico
  7. BIN
      searx/static/themes/default/img/icons/icon_flickr.ico
  8. BIN
      searx/static/themes/default/img/icons/icon_google play apps.ico
  9. BIN
      searx/static/themes/default/img/icons/icon_google play movies.ico
  10. BIN
      searx/static/themes/default/img/icons/icon_google play music.ico
  11. BIN
      searx/static/themes/default/img/icons/icon_google.ico
  12. BIN
      searx/static/themes/default/img/icons/icon_openstreetmap.ico
  13. BIN
      searx/static/themes/default/img/icons/icon_searchcode.ico
  14. BIN
      searx/static/themes/default/img/icons/icon_startpage.ico
  15. BIN
      searx/static/themes/default/img/icons/icon_subtitleseeker.ico
  16. BIN
      searx/static/themes/default/img/icons/icon_wikipedia.ico
  17. BIN
      searx/static/themes/default/img/icons/icon_yahoo.ico
  18. 9 3
      searx/static/themes/default/less/definitions.less
  19. 26 0
      searx/static/themes/default/less/style.less
  20. 31 30
      searx/templates/default/base.html
  21. 3 3
      searx/templates/default/categories.html
  22. 38 38
      searx/templates/default/infobox.html
  23. 5 6
      searx/templates/default/preferences.html
  24. 2 2
      searx/templates/default/result_templates/default.html
  25. 1 1
      searx/templates/default/result_templates/images.html
  26. 8 8
      searx/templates/default/result_templates/map.html
  27. 5 1
      searx/templates/default/result_templates/torrent.html
  28. 3 3
      searx/templates/default/result_templates/videos.html
  29. 13 10
      searx/templates/default/results.html
  30. 6 5
      searx/templates/default/search.html

File diff suppressed because it is too large
+ 0 - 86
searx/static/themes/default/css/style.css


BIN
searx/static/themes/default/img/icons/icon_500px.ico


BIN
searx/static/themes/default/img/icons/icon_bing.ico


BIN
searx/static/themes/default/img/icons/icon_deezer.ico


BIN
searx/static/themes/default/img/icons/icon_digg.ico


BIN
searx/static/themes/default/img/icons/icon_duckduckgo.ico


BIN
searx/static/themes/default/img/icons/icon_flickr.ico


BIN
searx/static/themes/default/img/icons/icon_google play apps.ico


BIN
searx/static/themes/default/img/icons/icon_google play movies.ico


BIN
searx/static/themes/default/img/icons/icon_google play music.ico


BIN
searx/static/themes/default/img/icons/icon_google.ico


BIN
searx/static/themes/default/img/icons/icon_openstreetmap.ico


BIN
searx/static/themes/default/img/icons/icon_searchcode.ico


BIN
searx/static/themes/default/img/icons/icon_startpage.ico


BIN
searx/static/themes/default/img/icons/icon_subtitleseeker.ico


BIN
searx/static/themes/default/img/icons/icon_wikipedia.ico


BIN
searx/static/themes/default/img/icons/icon_yahoo.ico


+ 9 - 3
searx/static/themes/default/less/definitions.less

@@ -15,6 +15,9 @@
 /// General
 /// General
 
 
 @color-font: #444;
 @color-font: #444;
+@color-font-light: #888;
+
+@color-red: #C0392B;
 
 
 @color-url-font: #1a11be;
 @color-url-font: #1a11be;
 @color-url-visited-font: #8E44AD;
 @color-url-visited-font: #8E44AD;
@@ -44,6 +47,9 @@
 
 
 @color-autocompleter-choices-font: #444;
 @color-autocompleter-choices-font: #444;
 
 
+/// Answers
+@color-answers-border: @color-base-dark;
+
 // Selected
 // Selected
 @color-autocompleter-selected-background: #444;
 @color-autocompleter-selected-background: #444;
 @color-autocompleter-selected-font: #FFF;
 @color-autocompleter-selected-font: #FFF;
@@ -78,10 +84,10 @@
 @color-result-link-visited-font: @color-url-visited-font;
 @color-result-link-visited-font: @color-url-visited-font;
 
 
 // Url to result
 // Url to result
-@color-result-url-font: #C0392B;
+@color-result-url-font: @color-red;
 
 
 // Publish Date
 // Publish Date
-@color-result-publishdate-font: #888;
+@color-result-publishdate-font: @color-font-light;
 
 
 // Images
 // Images
 @color-result-image-span-background-hover: rgba(0, 0, 0, 0.6);
 @color-result-image-span-background-hover: rgba(0, 0, 0, 0.6);
@@ -109,5 +115,5 @@
 
 
 /// Other
 /// Other
 
 
-@color-engines-font: #888;
+@color-engines-font: @color-font-light;
 @color-percentage-div-background: #444;
 @color-percentage-div-background: #444;

+ 26 - 0
searx/static/themes/default/less/style.less

@@ -342,6 +342,18 @@ a {
 		margin: 3px;
 		margin: 3px;
 		font-size: 0.8em;
 		font-size: 0.8em;
 	}
 	}
+	
+	a { 
+		color: @color-result-link-font;
+
+		&:hover {
+			text-decoration: underline;
+		}
+
+		&:visited {
+			color: @color-result-link-visited-font;
+		}
+	}
 }
 }
 
 
 .definition_result {
 .definition_result {
@@ -434,6 +446,20 @@ tr {
 
 
 }
 }
 
 
+#suggestions-title {
+
+color: @color-font-light;
+
+	
+}
+
+#answers {
+	
+	border: 2px solid @color-answers-border;
+	padding: 20px;
+	
+}
+
 #answers, #infoboxes {
 #answers, #infoboxes {
 	form {
 	form {
                 min-width: 210px;
                 min-width: 210px;

+ 31 - 30
searx/templates/default/base.html

@@ -1,33 +1,34 @@
 <!DOCTYPE html>
 <!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
 <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
-<head>
-    <meta charset="UTF-8" />
-    <meta name="description" content="Searx - a privacy-respecting, hackable metasearch engine" />
-    <meta name="keywords" content="searx, search, search engine, metasearch, meta search" />
-    <meta name="generator" content="searx/{{ searx_version }}">
-    <meta name="viewport" content="width=device-width, maximum-scale=1.0, user-scalable=1" />
-    <title>{% block title %}{% endblock %}searx</title>
-    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}" type="text/css" media="screen" />
-    <link rel="shortcut icon" href="{{ url_for('static', filename='img/favicon.png') }}?v=2" />
-    {% block styles %}
-    {% endblock %}
-    {% block head %}
-    <link title="searx" type="application/opensearchdescription+xml" rel="search" href="{{ url_for('opensearch') }}"/>
-    {% endblock %}
-</head>
-<body>
-<div id="container">
-{% block content %}
-{% endblock %}
-{% if autocomplete %}
-<script src="{{ url_for('static', filename='js/mootools-core-1.4.5-min.js') }}" ></script>
-<script src="{{ url_for('static', filename='js/mootools-autocompleter-1.1.2-min.js') }}" ></script>
-{% endif %}
-<script type="text/javascript">
-        searx = {};
-        searx.autocompleter = {% if autocomplete %}true{% else %}false{% endif %};
-</script>
-<script src="{{ url_for('static', filename='js/searx.js') }}" ></script>
-</div>
-</body>
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="description" content="Searx - a privacy-respecting, hackable metasearch engine" />
+        <meta name="keywords" content="searx, search, search engine, metasearch, meta search" />
+        <meta name="generator" content="searx/{{ searx_version }}">
+        <meta name="viewport" content="width=device-width, maximum-scale=1.0, user-scalable=1" />
+        <title>{% block title %}{% endblock %}searx</title>
+        <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}" type="text/css" media="screen" />
+        <link rel="shortcut icon" href="{{ url_for('static', filename='img/favicon.png') }}?v=2" />
+        {% block styles %}
+        {% endblock %}
+        {% block meta %}{% endblock %}
+        {% block head %}
+        <link title="searx" type="application/opensearchdescription+xml" rel="search" href="{{ url_for('opensearch') }}"/>
+        {% endblock %}
+    </head>
+    <body>
+        <div id="container">
+            {% block content %}
+            {% endblock %}
+            {% if autocomplete %}
+            <script src="{{ url_for('static', filename='js/mootools-core-1.4.5-min.js') }}" ></script>
+            <script src="{{ url_for('static', filename='js/mootools-autocompleter-1.1.2-min.js') }}" ></script>
+            {% endif %}
+            <script type="text/javascript">
+                    searx = {};
+                    searx.autocompleter = {% if autocomplete %}true{% else %}false{% endif %};
+            </script>
+            <script src="{{ url_for('static', filename='js/searx.js') }}" ></script>
+        </div>
+    </body>
 </html>
 </html>

+ 3 - 3
searx/templates/default/categories.html

@@ -1,10 +1,10 @@
 <div id="categories">
 <div id="categories">
     <div id="categories_container">
     <div id="categories_container">
-{% for category in categories %}
+        {% for category in categories %}
         <div class="checkbox_container">
         <div class="checkbox_container">
              <input type="checkbox" id="checkbox_{{ category|replace(' ', '_') }}" name="category_{{ category }}" {% if category in selected_categories %}checked="checked"{% endif %} /><label for="checkbox_{{ category|replace(' ', '_') }}" class="tooltips">{{ _(category) }}</label>
              <input type="checkbox" id="checkbox_{{ category|replace(' ', '_') }}" name="category_{{ category }}" {% if category in selected_categories %}checked="checked"{% endif %} /><label for="checkbox_{{ category|replace(' ', '_') }}" class="tooltips">{{ _(category) }}</label>
         </div>
         </div>
-{% endfor %}
-    <div class="hidden">{{ _('Click on the magnifier to perform search') }}</div>
+        {% endfor %}
+        {% if display_tooltip %}<div class="hidden">{{ _('Click on the magnifier to perform search') }}</div>{% endif %}
     </div>
     </div>
 </div>
 </div>

+ 38 - 38
searx/templates/default/infobox.html

@@ -1,44 +1,44 @@
 <div class="infobox">
 <div class="infobox">
-  <h2>{{ infobox.infobox }}</h2>
-  {% if infobox.img_src %}<img src="{{ infobox.img_src }}" title="{{ infobox.infobox|striptags }}" alt="{{ infobox.infobox|striptags }}" />{% endif %}
-  <p>{{ infobox.entity }}</p>
-  <p>{{ infobox.content | safe }}</p>
-  {% if infobox.attributes %}
-  <div class="attributes">
-    <table>
-      {% for attribute in infobox.attributes %}
-      <tr><td>{{ attribute.label }}</td><td>{{ attribute.value }}</td></tr>
-      {% endfor %}
-    </table>
-  </div>
-  {% endif %}
+    <h2>{{ infobox.infobox }}</h2>
+    {% if infobox.img_src %}<img src="{{ infobox.img_src }}" title="{{ infobox.infobox|striptags }}" alt="{{ infobox.infobox|striptags }}" />{% endif %}
+    <p>{{ infobox.entity }}</p>
+    <p>{{ infobox.content | safe }}</p>
+    {% if infobox.attributes %}
+    <div class="attributes">
+        <table>
+            {% for attribute in infobox.attributes %}
+            <tr><td>{{ attribute.label }}</td><td>{{ attribute.value }}</td></tr>
+            {% endfor %}
+        </table>
+    </div>
+    {% endif %}
 
 
-  {% if infobox.urls %}
-  <div class="urls">
-    <ul>
-      {% for url in infobox.urls %}
-      <li class="url"><a href="{{ url.url }}">{{ url.title }}</a></li>
-      {% endfor %}
-    </ul>
-  </div>
-  {% endif %}
+    {% if infobox.urls %}
+    <div class="urls">
+        <ul>
+            {% for url in infobox.urls %}
+            <li class="url"><a href="{{ url.url }}">{{ url.title }}</a></li>
+            {% endfor %}
+        </ul>
+    </div>
+    {% endif %}
 
 
-  {% if infobox.relatedTopics %}
-  <div class="relatedTopics">
-      {% for topic in infobox.relatedTopics %}
-      <div>
-	<h3>{{ topic.name }}</h3>
-	{% for suggestion in topic.suggestions %}
-	<form method="{{ method or 'POST' }}" action="{{ url_for('index') }}">
-            <input type="hidden" name="q" value="{{ suggestion }}">
-            <input type="submit" value="{{ suggestion }}" />
-        </form>
-	{% endfor %}
-      </div>
-      {% endfor %}
-  </div>
-  {% endif %}
+    {% if infobox.relatedTopics %}
+    <div class="relatedTopics">
+        {% for topic in infobox.relatedTopics %}
+        <div>
+            <h3>{{ topic.name }}</h3>
+            {% for suggestion in topic.suggestions %}
+            <form method="{{ method or 'POST' }}" action="{{ url_for('index') }}">
+                <input type="hidden" name="q" value="{{ suggestion }}">
+                <input type="submit" value="{{ suggestion }}" />
+            </form>
+            {% endfor %}
+        </div>
+        {% endfor %}
+    </div>
+    {% endif %}
 
 
-  <br />
+    <br />
   
   
 </div>
 </div>

+ 5 - 6
searx/templates/default/preferences.html

@@ -7,9 +7,8 @@
     <form method="post" action="{{ url_for('preferences') }}" id="search_form">
     <form method="post" action="{{ url_for('preferences') }}" id="search_form">
     <fieldset>
     <fieldset>
         <legend>{{ _('Default categories') }}</legend>
         <legend>{{ _('Default categories') }}</legend>
-        <p>
+        {% set display_tooltip = false %}
         {% include 'default/categories.html' %}
         {% include 'default/categories.html' %}
-        </p>
     </fieldset>
     </fieldset>
     <fieldset>
     <fieldset>
         <legend>{{ _('Search language') }}</legend>
         <legend>{{ _('Search language') }}</legend>
@@ -79,9 +78,9 @@
                 <td>{{ search_engine.name }} ({{ shortcuts[search_engine.name] }})</td>
                 <td>{{ search_engine.name }} ({{ shortcuts[search_engine.name] }})</td>
                 <td>{{ _(categ) }}</td>
                 <td>{{ _(categ) }}</td>
                 <td class="engine_checkbox">
                 <td class="engine_checkbox">
-                    <input type="checkbox" id="engine_{{ categ }}_{{ search_engine.name|replace(' ', '_') }}" name="engine_{{ search_engine.name }}"{% if search_engine.name in blocked_engines %} checked="checked"{% endif %} />
-                    <label class="allow" for="engine_{{ categ }}_{{ search_engine.name|replace(' ', '_') }}">{{ _('Allow') }}</label>
-                    <label class="deny" for="engine_{{ categ }}_{{ search_engine.name|replace(' ', '_') }}">{{ _('Block') }}</label>
+                    <input type="checkbox" id="engine_{{ categ|replace(' ', '_') }}_{{ search_engine.name|replace(' ', '_') }}" name="engine_{{ search_engine.name }}"{% if search_engine.name in blocked_engines %} checked="checked"{% endif %} />
+                    <label class="allow" for="engine_{{ categ|replace(' ', '_') }}_{{ search_engine.name|replace(' ', '_') }}">{{ _('Allow') }}</label>
+                    <label class="deny" for="engine_{{ categ|replace(' ', '_') }}_{{ search_engine.name|replace(' ', '_') }}">{{ _('Block') }}</label>
                 </td>
                 </td>
             </tr>
             </tr>
             {% endif %}
             {% endif %}
@@ -95,7 +94,7 @@
     </p>
     </p>
 
 
     <input type="submit" value="{{ _('save') }}" />
     <input type="submit" value="{{ _('save') }}" />
-	<div class="right preferences_back"><a href="{{ url_for('index') }}">{{ _('back') }}</a></div>
+    <div class="right preferences_back"><a href="{{ url_for('index') }}">{{ _('back') }}</a></div>
     </form>    
     </form>    
 </div>
 </div>
 {% endblock %}
 {% endblock %}

+ 2 - 2
searx/templates/default/result_templates/default.html

@@ -1,6 +1,6 @@
 <div class="result {{ result.class }}">
 <div class="result {{ result.class }}">
     <h3 class="result_title">{% if "icon_"~result.engine~".ico" in favicons %}<img width="14" height="14" class="favicon" src="{{ url_for('static', filename='img/icons/icon_'+result.engine+'.ico') }}" alt="{{result.engine}}" />{% endif %}<a href="{{ result.url }}">{{ result.title|safe }}</a></h3>
     <h3 class="result_title">{% if "icon_"~result.engine~".ico" in favicons %}<img width="14" height="14" class="favicon" src="{{ url_for('static', filename='img/icons/icon_'+result.engine+'.ico') }}" alt="{{result.engine}}" />{% endif %}<a href="{{ result.url }}">{{ result.title|safe }}</a></h3>
-    <p class="url">{{ result.pretty_url }} <a class="cache_link" href="https://web.archive.org/web/{{ result.url }}">cached</a></p>
-    {% if result.publishedDate %}<p class="published_date">{{ result.publishedDate }}</p>{% endif %}
+    <p class="url">{{ result.pretty_url }} <a class="cache_link" href="https://web.archive.org/web/{{ result.url }}">cached</a>
+    {% if result.publishedDate %}<span class="published_date">{{ result.publishedDate }}</span>{% endif %}</p>
     <p class="content">{% if result.img_src %}<img src="{{ result.img_src }}" class="image" />{% endif %}{% if result.content %}{{ result.content|safe }}<br class="last"/>{% endif %}</p>
     <p class="content">{% if result.img_src %}<img src="{{ result.img_src }}" class="image" />{% endif %}{% if result.content %}{{ result.content|safe }}<br class="last"/>{% endif %}</p>
 </div>
 </div>

+ 1 - 1
searx/templates/default/result_templates/images.html

@@ -1,6 +1,6 @@
 <div class="image_result">
 <div class="image_result">
     <p>
     <p>
         <a href="{{ result.img_src }}"><img src="{{ result.img_src }}" title="{{ result.title|striptags }}" alt="{{ result.title|striptags }}" /></a>
         <a href="{{ result.img_src }}"><img src="{{ result.img_src }}" title="{{ result.title|striptags }}" alt="{{ result.title|striptags }}" /></a>
-        <span class="url"><a href="{{ result.url }}" class="small_font">original context</a></span>
+        <span class="url"><a href="{{ result.url }}" class="small_font">{{ _('original context') }}</a></span>
     </p>
     </p>
 </div>
 </div>

+ 8 - 8
searx/templates/default/result_templates/map.html

@@ -1,13 +1,13 @@
 <div class="result {{ result.class }}">
 <div class="result {{ result.class }}">
 
 
-  {% if "icon_"~result.engine~".ico" in favicons %}
+    {% if "icon_"~result.engine~".ico" in favicons %}
     <img width="14" height="14" class="favicon" src="{{ url_for('static', filename='img/icons/icon_'+result.engine+'.ico') }}" alt="{{result.engine}}" />
     <img width="14" height="14" class="favicon" src="{{ url_for('static', filename='img/icons/icon_'+result.engine+'.ico') }}" alt="{{result.engine}}" />
-  {% endif %}
+    {% endif %}
 
 
-  <div>
-    <h3 class="result_title"><a href="{{ result.url }}">{{ result.title|safe }}</a></h3>
-    <p class="url">{{ result.pretty_url }} <a class="cache_link" href="https://web.archive.org/web/{{ result.url }}">cached</a></p>
-	{% if result.publishedDate %}<p class="published_date">{{ result.publishedDate }}</p>{% endif %}
-    <p class="content">{% if result.img_src %}<img src="{{ result.img_src }}" class="image" />{% endif %}{% if result.content %}{{ result.content|safe }}<br class="last"/>{% endif %}</p>
-  </div>
+    <div>
+        <h3 class="result_title"><a href="{{ result.url }}">{{ result.title|safe }}</a></h3>
+        <p class="url">{{ result.pretty_url }} <a class="cache_link" href="https://web.archive.org/web/{{ result.url }}">cached</a>
+        {% if result.publishedDate %}<span class="published_date">{{ result.publishedDate }}</span>{% endif %}</p>
+        <p class="content">{% if result.img_src %}<img src="{{ result.img_src }}" class="image" />{% endif %}{% if result.content %}{{ result.content|safe }}<br class="last"/>{% endif %}</p>
+    </div>
 </div>
 </div>

+ 5 - 1
searx/templates/default/result_templates/torrent.html

@@ -5,5 +5,9 @@
     <h3 class="result_title"><a href="{{ result.url }}">{{ result.title|safe }}</a></h3>
     <h3 class="result_title"><a href="{{ result.url }}">{{ result.title|safe }}</a></h3>
     <p class="url">{{ result.pretty_url }}</p>
     <p class="url">{{ result.pretty_url }}</p>
     {% if result.content %}<p class="content">{{ result.content|safe }}</p>{% endif %}
     {% if result.content %}<p class="content">{{ result.content|safe }}</p>{% endif %}
-    <p><a href="{{ result.magnetlink }}" class="magnetlink">magnet link</a> - <span class="stats">Seed: {{ result.seed }}, Leech: {{ result.leech }}</span></p>
+    <p>
+        {% if result.magnetlink %}<a href="{{ result.magnetlink }}" class="magnetlink">{{ _('magnet link') }}</a>{% endif %} 
+        {% if result.torrentfile %}<a href="{{ result.torrentfile }}" class="torrentfile">{{ _('torrent file') }}</a>{% endif %} - 
+        <span class="stats">{{ _('Seeder') }} : {{ result.seed }}, {{ _('Leecher') }} : {{ result.leech }}</span>
+    </p>
 </div>
 </div>

+ 3 - 3
searx/templates/default/result_templates/videos.html

@@ -1,6 +1,6 @@
 <div class="result">
 <div class="result">
     <h3 class="result_title">{% if "icon_"~result.engine~".ico" in favicons %}<img width="14" height="14" class="favicon" src="{{ url_for('static', filename='img/icons/icon_'+result.engine+'.ico') }}" alt="{{result.engine}}" />{% endif %}<a href="{{ result.url }}">{{ result.title|safe }}</a></h3>
     <h3 class="result_title">{% if "icon_"~result.engine~".ico" in favicons %}<img width="14" height="14" class="favicon" src="{{ url_for('static', filename='img/icons/icon_'+result.engine+'.ico') }}" alt="{{result.engine}}" />{% endif %}<a href="{{ result.url }}">{{ result.title|safe }}</a></h3>
-      {% if result.publishedDate %}<p class="published_date">{{ result.publishedDate }}</p>{% endif %}
-      <a href="{{ result.url }}"><img class="thumbnail" src="{{ result.thumbnail }}" title="{{ result.title|striptags }}" alt="{{ result.title|striptags }}"/></a>
-      <p class="url">{{ result.url }}</p>
+    {% if result.publishedDate %}<span class="published_date">{{ result.publishedDate }}</span><br />{% endif %}
+    <a href="{{ result.url }}"><img class="thumbnail" src="{{ result.thumbnail }}" title="{{ result.title|striptags }}" alt="{{ result.title|striptags }}"/></a>
+    <p class="url">{{ result.url }}</p>
 </div>
 </div>

+ 13 - 10
searx/templates/default/results.html

@@ -1,5 +1,6 @@
 {% extends "default/base.html" %}
 {% extends "default/base.html" %}
 {% block title %}{{ q }} - {% endblock %}
 {% block title %}{{ q }} - {% endblock %}
+{% block meta %}<link rel="alternate" type="application/rss+xml" title="Searx search: {{ q }}" href="{{ url_for('index') }}?q={{ q|urlencode }}&amp;format=rss&amp;{% for category in selected_categories %}category_{{ category }}=1&amp;{% endfor %}pageno={{ pageno }}">{% endblock %}
 {% block content %}
 {% block content %}
 <div class="preferences_container right"><a href="{{ url_for('preferences') }}" id="preferences"><span>preferences</span></a></div>
 <div class="preferences_container right"><a href="{{ url_for('preferences') }}" id="preferences"><span>preferences</span></a></div>
 <div class="small search center">
 <div class="small search center">
@@ -39,12 +40,14 @@
     {% endif %}
     {% endif %}
 
 
     {% if suggestions %}
     {% if suggestions %}
-    <div id="suggestions"><span>{{ _('Suggestions') }}</span>
+    <div id="suggestions"><span id="suggestions-title">{{ _('Suggestions') }} : </span>
+        {% set first = true %}
         {% for suggestion in suggestions %}
         {% for suggestion in suggestions %}
-        <form method="{{ method or 'POST' }}" action="{{ url_for('index') }}">
+        {% if not first %} &bull; {% endif %}<form method="{{ method or 'POST' }}" action="{{ url_for('index') }}">
             <input type="hidden" name="q" value="{{ suggestion }}">
             <input type="hidden" name="q" value="{{ suggestion }}">
-            <input type="submit" value="{{ suggestion }}" />
+            <input type="submit" class="suggestion" value="{{ suggestion }}" />
         </form>
         </form>
+        {% set first = false %}
         {% endfor %}
         {% endfor %}
     </div>
     </div>
     {% endif %}
     {% endif %}
@@ -55,7 +58,7 @@
          {% include 'default/infobox.html' %}
          {% include 'default/infobox.html' %}
       {% endfor %}
       {% endfor %}
     </div>
     </div>
-    {% endif %}    
+    {% endif %}
 
 
     {% for result in results %}
     {% for result in results %}
         {% if result['template'] %}
         {% if result['template'] %}
@@ -81,12 +84,12 @@
         {% endif %}
         {% endif %}
         <form method="{{ method or 'POST' }}" action="{{ url_for('index') }}">
         <form method="{{ method or 'POST' }}" action="{{ url_for('index') }}">
             <div class="right">
             <div class="right">
-            {% for category in selected_categories %}
-            <input type="hidden" name="category_{{ category }}" value="1"/>
-            {% endfor %}
-            <input type="hidden" name="q" value="{{ q }}" />
-            <input type="hidden" name="pageno" value="{{ pageno+1 }}" />
-            <input type="submit" value="{{ _('next page') }} >>" />
+                {% for category in selected_categories %}
+                <input type="hidden" name="category_{{ category }}" value="1"/>
+                {% endfor %}
+                <input type="hidden" name="q" value="{{ q }}" />
+                <input type="hidden" name="pageno" value="{{ pageno+1 }}" />
+                <input type="submit" value="{{ _('next page') }} >>" />
             </div>
             </div>
         </form>
         </form>
 
 

+ 6 - 5
searx/templates/default/search.html

@@ -1,7 +1,8 @@
 <form method="{{ method or 'POST' }}" action="{{ url_for('index') }}" id="search_form">
 <form method="{{ method or 'POST' }}" action="{{ url_for('index') }}" id="search_form">
-  <div id="search_wrapper">
-    <input type="text" placeholder="{{ _('Search for...') }}" id="q" class="q" name="q" tabindex="1" autocomplete="off" size="100" {% if q %}value="{{ q }}"{% endif %}/>
-    <input type="submit" value="search" id="search_submit" />
-  </div>
-  {% include 'default/categories.html' %}
+    <div id="search_wrapper">
+        <input type="text" placeholder="{{ _('Search for...') }}" id="q" class="q" name="q" tabindex="1" autocomplete="off" size="100" {% if q %}value="{{ q }}"{% endif %}/>
+        <input type="submit" value="search" id="search_submit" />
+    </div>
+    {% set display_tooltip = true %}
+    {% include 'default/categories.html' %}
 </form>
 </form>

Some files were not shown because too many files changed in this diff