Kaynağa Gözat

[enh] ui mods

asciimoo 11 yıl önce
ebeveyn
işleme
3cc62341c5
2 değiştirilmiş dosya ile 44 ekleme ve 33 silme
  1. 7
    5
      searx/static/css/style.css
  2. 37
    28
      searx/templates/results.html

+ 7
- 5
searx/static/css/style.css Dosyayı Görüntüle

@@ -45,7 +45,7 @@ h1 { font-size: 5em; }
45 45
 div.title { background: url('/static/img/searx.png') no-repeat; width: 100%; background-position: center; }
46 46
 div.title h1 { visibility: hidden; }
47 47
 
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;  }
49 49
 
50 50
 input[type="checkbox"] { visibility: hidden; }
51 51
 
@@ -149,10 +149,10 @@ tr:hover td { background: #DDDDDD; }
149 149
     font-size: 0;
150 150
 }
151 151
 
152
-#results { margin: 10px; padding: 0; }
152
+#results { margin: 10px; padding: 0; margin-bottom: 20px; }
153 153
 
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; }
156 156
 #suggestions form { display: block; }
157 157
 #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; }
158 158
 
@@ -182,7 +182,7 @@ tr:hover td { background: #DDDDDD; }
182 182
 
183 183
 @media screen and (max-width: 60em) {
184 184
 
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 }
186 186
   #suggestions span { display: inline; font-size: 0.8em }
187 187
   #suggestions form { display: inline; }
188 188
   #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; }
195 195
 
196 196
   .right { display: none; postion: fixed !important; top: 100px; right: 0px; }
197 197
 
198
+  #apis { display: none; }
199
+
198 200
   #categories { font-size: 80%; clear: both; }
199 201
 
200 202
   #categories .checkbox_container { margin-top: 2px; margin: 0 2px; }

+ 37
- 28
searx/templates/results.html Dosyayı Görüntüle

@@ -6,9 +6,43 @@
6 6
     {% include 'search.html' %}
7 7
 </div>
8 8
 <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>
12 46
 
13 47
 
14 48
     {% for result in results %}
@@ -39,30 +73,5 @@
39 73
         </form>
40 74
     </div>
41 75
     {% 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>
67 76
 </div>
68 77
 {% endblock %}