From 3cc62341c5d0d153217b85cbec1474a0ccd866ed Mon Sep 17 00:00:00 2001 From: asciimoo Date: Thu, 30 Jan 2014 14:26:54 +0100 Subject: [PATCH] [enh] ui mods --- searx/static/css/style.css | 12 ++++--- searx/templates/results.html | 65 ++++++++++++++++++++---------------- 2 files changed, 44 insertions(+), 33 deletions(-) diff --git a/searx/static/css/style.css b/searx/static/css/style.css index 41adfb61a..f04822d9b 100644 --- a/searx/static/css/style.css +++ b/searx/static/css/style.css @@ -45,7 +45,7 @@ h1 { font-size: 5em; } div.title { background: url('/static/img/searx.png') no-repeat; width: 100%; background-position: center; } div.title h1 { visibility: hidden; } -input[type="submit"] { border: 1px solid #666666; color: #444444; padding: 4px; background-color: #FFFFFF; margin-left: 8px; } +input[type="submit"] { padding: 2px 6px; margin: 2px 4px; display: inline-block; background: #3498DB; color: #FFFFFF; border-radius: 4px; border: 0; cursor: pointer; } input[type="checkbox"] { visibility: hidden; } @@ -149,10 +149,10 @@ tr:hover td { background: #DDDDDD; } font-size: 0; } -#results { margin: 10px; padding: 0; } +#results { margin: 10px; padding: 0; margin-bottom: 20px; } -#suggestions { position: absolute; left: 54em; width: 12em; margin: 0 2px 5px 5px; padding: 0 2px 2px 2px; } -#suggestions span { display: block; font-size: 0.8em; margin: 0 2px 10px 2px; padding: 0; } +#sidebar { position: absolute; left: 54em; width: 12em; margin: 0 2px 5px 5px; padding: 0 2px 2px 2px; } +#suggestions span { display: block; margin: 0 2px 10px 2px; padding: 0; } #suggestions form { display: block; } #suggestions input { padding: 2px 6px; margin: 2px 4px; font-size: 0.8em; display: inline-block; background: #3498DB; color: #FFFFFF; border-radius: 4px; border: 0; cursor: pointer; } @@ -182,7 +182,7 @@ tr:hover td { background: #DDDDDD; } @media screen and (max-width: 60em) { - #suggestions { position: static; max-width: 50em; margin: 0 0 2px 0; padding: 0; float: none; border: none; width: auto } + #sidebar { position: static; max-width: 50em; margin: 0 0 2px 0; padding: 0; float: none; border: none; width: auto } #suggestions span { display: inline; font-size: 0.8em } #suggestions form { display: inline; } #suggestions input { padding: 2px 6px; margin: 2px 4px; font-size: 0.8em; display: inline-block; border-radius: 4px; border: 0; cursor: pointer; } @@ -195,6 +195,8 @@ tr:hover td { background: #DDDDDD; } .right { display: none; postion: fixed !important; top: 100px; right: 0px; } + #apis { display: none; } + #categories { font-size: 80%; clear: both; } #categories .checkbox_container { margin-top: 2px; margin: 0 2px; } diff --git a/searx/templates/results.html b/searx/templates/results.html index 73bb0de73..bad6085e5 100644 --- a/searx/templates/results.html +++ b/searx/templates/results.html @@ -6,9 +6,43 @@ {% include 'search.html' %}
- {% if suggestions %} -
{{ _('Suggestions') }}:{% for suggestion in suggestions %}
{% endfor %}
- {% endif %} + {% for result in results %} @@ -39,30 +73,5 @@
{% endif %} - -
- {{ _('Download results') }} -
-
- - - -
-
-
-
- - - -
-
-
-
- - - -
-
-
{% endblock %}