8433421 · searx · git.iko.soy

git.iko.soy/searx

on master help sign in

[mod] more web page modification

8433421Dalf13 years ago

searx/static/css/style.css+28−22

compare with master

unifiedsplit

@@ -61,27 +61,18 @@ input[type="checkbox"] { visibility: hidden; }

61 user-select: none;

62}

64−.checkbox_container input[type="checkbox"]:checked + label {

64+.checkbox_container input[type="checkbox"]:checked + label { background: #b8c1d9; }

65− background: #b8c1d9;

66−}

67−

68−.search .checkbox_container label {

65+.search .checkbox_container label { border-bottom: 4px solid #e8e7e6; }

69− border-bottom: 4px solid #e8e7e6;

66+.search .checkbox_container input[type="checkbox"]:checked + label { border-bottom: 4px solid #1a11be; }

70−}

72−.search .checkbox_container input[type="checkbox"]:checked + label {

73− border-bottom: 4px solid #8098d9;

74−}

75−

76−a { text-decoration: none; }

68+a { text-decoration: none; color: #1a11be; }

69+a:visited { color: #7b11be; }

78−.result { margin-bottom: 16px; clear: both; }

71+.result { margin: 19px 0 18px 0; padding: 0; max-width: 55em; }

79.result_title { margin-bottom: 0; }

72.result_title { margin-bottom: 0; }

80−.result p { margin-top: 0; padding-top: 0; font-size: 0.8em; max-width: 54em; word-wrap:break-word; }

81−.result h3 { font-size: 0.9em; word-wrap:break-word; }

73+.result h3 { font-size: 1em; word-wrap:break-word; margin: 5px 0 1px 0; padding: 0 }

82−.result { max-width: 70em; }

74+.result .content { font-size: 0.8em; margin: 0; padding: 0; max-width: 54em; word-wrap:break-word; line-height: 1.24; }

83−

84−.url { font-weight: bold; word-wrap:break-word; }

75+.result .url { font-size: 0.8em; margin: 3px 0 0 0; padding: 0; max-width: 54em; word-wrap:break-word; color: #2e1c0b; }

86.q { width: 30em; }

77.q { width: 30em; }

@@ -142,10 +133,13 @@ tr:hover td { background: #DDDDDD; }

142 height: 30px;

133 height: 30px;

143}

134}

144

135

145−#results { margin-left: 10px; margin-top: 10px; margin-right: 10px; }

136+#results { margin: 10px; padding: 0; }

146

137

147−#suggestions { max-width: 50em;}

138+#result_count { font-size: 0.8em; margin: 2px 0 2px 0; padding: 0 }

139+

140+#suggestions { position: absolute; left: 54em; width: 12em; margin: 0 2px 5px 5px; padding: 0 2px 2px 2px; }

141+#suggestions span { display: block; font-size: 0.8em; margin: 0 2px 10px 2px; padding: 0; }

148−#suggestions form { display: inline; }

142+#suggestions form { display: block; }

149#suggestions input { padding: 2px 6px; margin: 2px 4px; font-size: 0.8em; display: inline-block; background: #E4E4E4; border-radius: 4px; border: 0; cursor: pointer; }

143#suggestions input { padding: 2px 6px; margin: 2px 4px; font-size: 0.8em; display: inline-block; background: #E4E4E4; border-radius: 4px; border: 0; cursor: pointer; }

150

144

151#preferences {

145#preferences {

@@ -168,8 +162,18 @@ tr:hover td { background: #DDDDDD; }

168 clear: both;

162 clear: both;

169}

163}

170

164

165+@media screen and (max-width: 60em) {

166+

167+ #suggestions { position: static; max-width: 50em; margin: 0 0 2px 0; padding: 0; float: none; border: none; width: auto }

168+ #suggestions span { display: inline; font-size: 0.8em }

169+ #suggestions form { display: inline; }

170+ #suggestions input { padding: 2px 6px; margin: 2px 4px; font-size: 0.8em; display: inline-block; background: #E4E4E4; border-radius: 4px; border: 0; cursor: pointer; }

171+

172+}

173+

171@media screen and (max-width: 680px) {

174@media screen and (max-width: 680px) {

175+

172− #search_wrapper { width: 90%; clear:both; }

176+ #search_wrapper { width: 90%; clear:both; overflow: hidden }

173

177

174 .right { display: none; postion: fixed !important; top: 100px; right: 0px; }

178 .right { display: none; postion: fixed !important; top: 100px; right: 0px; }

175

179

@@ -177,5 +181,7 @@ tr:hover td { background: #DDDDDD; }

177

181

178 #categories .checkbox_container { margin-top: 2px; margin: 0 2px; }

182 #categories .checkbox_container { margin-top: 2px; margin: 0 2px; }

179

183

184+ .result { border-top: 1px solid #e8e7e6; margin: 7px 0 6px 0; }

185+

180 .result img { max-width: 90%; width: auto; height: auto }

186 .result img { max-width: 90%; width: auto; height: auto }

181}

187}

searx/templates/result_templates/default.html+2−1

@@ -1,4 +1,5 @@

1<div class="result">

2 <h3 class="result_title"><a href="{{ result.url }}">{{ result.title|safe }}</a></h3>

3− <p class="content">{% if result.content %}{{ result.content|safe }}<br />{% endif %}<span class="url">{{ result.pretty_url }}</span></p>

3+ <p class="content">{% if result.content %}{{ result.content|safe }}<br />{% endif %}</p>

4+ <p class="url">{{ result.pretty_url }}</p>

4</div>

5</div>

searx/templates/results.html+2−2

@@ -7,9 +7,9 @@

7</div>

8<div id="results">

9 {% if suggestions %}

10− <div id="suggestions">Suggestions: {% for suggestion in suggestions %}<form method="post" action="/"><input type="hidden" name="q" value="{{suggestion}}"><input type="submit" value="{{ suggestion }}" /></form>{% endfor %}</div>

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 %}

12− <div>

12+ <div id ="result_count">

13 Number of results: {{ number_of_results }}

14 </div>

15 {% for result in results %}