on master help sign in
[enh] ui mods
commit3cc62341c5d0d153217b85cbec1474a0ccd866ed authorasciimoo <asciimoo@gmail.com> dateThu 30 Jan 2014, 14:26 (13 years ago) parentc573d3d
2 files changed+44−33
searx/static/css/style.css+7−5 searx/templates/results.html+37−28
searx/static/css/style.css+7−5
@@ -45,7 +45,7 @@ h1 { font-size: 5em; }
4545div.title { background: url('/static/img/searx.png') no-repeat; width: 100%; background-position: center; }
4646div.title h1 { visibility: hidden; }
4747
48−input[type="submit"] { border: 1px solid #666666; color: #444444; padding: 4px; background-color: #FFFFFF; margin-left: 8px; }
48+input[type="submit"] { padding: 2px 6px; margin: 2px 4px; display: inline-block; background: #3498DB; color: #FFFFFF; border-radius: 4px; border: 0; cursor: pointer; }
4949
5050input[type="checkbox"] { visibility: hidden; }
5151
@@ -149,10 +149,10 @@ tr:hover td { background: #DDDDDD; }
149149 font-size: 0;
150150}
151151
152−#results { margin: 10px; padding: 0; }
152+#results { margin: 10px; padding: 0; margin-bottom: 20px; }
153153
154−#suggestions { position: absolute; left: 54em; width: 12em; margin: 0 2px 5px 5px; padding: 0 2px 2px 2px; }
155−#suggestions span { display: block; font-size: 0.8em; margin: 0 2px 10px 2px; padding: 0; }
154+#sidebar { position: absolute; left: 54em; width: 12em; margin: 0 2px 5px 5px; padding: 0 2px 2px 2px; }
155+#suggestions span { display: block; margin: 0 2px 10px 2px; padding: 0; }
156156#suggestions form { display: block; }
157157#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; }
158158
@@ -182,7 +182,7 @@ tr:hover td { background: #DDDDDD; }
182182
183183@media screen and (max-width: 60em) {
184184
185− #suggestions { position: static; max-width: 50em; margin: 0 0 2px 0; padding: 0; float: none; border: none; width: auto }
185+ #sidebar { position: static; max-width: 50em; margin: 0 0 2px 0; padding: 0; float: none; border: none; width: auto }
186186 #suggestions span { display: inline; font-size: 0.8em }
187187 #suggestions form { display: inline; }
188188 #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; }
195195
196196 .right { display: none; postion: fixed !important; top: 100px; right: 0px; }
197197
198+ #apis { display: none; }
199+
198200 #categories { font-size: 80%; clear: both; }
199201
200202 #categories .checkbox_container { margin-top: 2px; margin: 0 2px; }
searx/templates/results.html+37−28
@@ -6,9 +6,43 @@
66 {% include 'search.html' %}
77</div>
88<div id="results">
9− {% if suggestions %}
10− <div id="suggestions"><span>{{ _('Suggestions') }}:</span>{% for suggestion in suggestions %}<form method="post" action="/"><input type="hidden" name="q" value="{{suggestion}}"><input type="submit" value="{{ suggestion }}" /></form>{% endfor %}</div>
11− {% endif %}
9+ <div id="sidebar">
10+ {% if suggestions %}
11+ <div id="suggestions"><span>{{ _('Suggestions') }}</span>
12+ {% for suggestion in suggestions %}
13+ <form method="post" action="/">
14+ <input type="hidden" name="q" value="{{suggestion}}">
15+ <input type="submit" value="{{ suggestion }}" />
16+ </form>
17+ {% endfor %}
18+ </div>
19+ {% endif %}
20+
21+ <div id="apis">
22+ {{ _('Download results') }}
23+ <form method="post" action="/">
24+ <div class="left">
25+ <input type="hidden" name="q" value="{{ q }}" />
26+ <input type="hidden" name="format" value="csv" />
27+ <input type="submit" value="csv" />
28+ </div>
29+ </form>
30+ <form method="post" action="/">
31+ <div class="left">
32+ <input type="hidden" name="q" value="{{ q }}" />
33+ <input type="hidden" name="format" value="json" />
34+ <input type="submit" value="json" />
35+ </div>
36+ </form>
37+ <form method="post" action="/">
38+ <div class="">
39+ <input type="hidden" name="q" value="{{ q }}" />
40+ <input type="hidden" name="format" value="rss" />
41+ <input type="submit" value="rss" />
42+ </div>
43+ </form>
44+ </div>
45+ </div>
1246
1347
1448 {% for result in results %}
@@ -39,30 +73,5 @@
3973 </form>
4074 </div>
4175 {% endif %}
42−
43− <div id="apis">
44− {{ _('Download results') }}
45− <form method="post" action="/">
46− <div class="left">
47− <input type="hidden" name="q" value="{{ q }}" />
48− <input type="hidden" name="format" value="csv" />
49− <input type="submit" value="csv" />
50− </div>
51− </form>
52− <form method="post" action="/">
53− <div class="left">
54− <input type="hidden" name="q" value="{{ q }}" />
55− <input type="hidden" name="format" value="json" />
56− <input type="submit" value="json" />
57− </div>
58− </form>
59− <form method="post" action="/">
60− <div class="">
61− <input type="hidden" name="q" value="{{ q }}" />
62− <input type="hidden" name="format" value="rss" />
63− <input type="submit" value="rss" />
64− </div>
65− </form>
66− </div>
6776</div>
6877{% endblock %}