@@ -0,0 +1,689 @@
1+
2+@color-main: #3498DB;
3+@color-other-links: #666;
4+@color-fonts: #333;
5+@center-width: 70em;
6+
7+
8+
9+
10+* {
11+ -webkit-box-sizing: border-box;
12+ -moz-box-sizing: border-box;
13+ box-sizing: border-box;
14+}
15+
16+input[type="search"] {
17+ -webkit-appearance: textfield;
18+}
19+
20+h2 {
21+ color: @color-other-links;
22+ text-transform: uppercase;
23+}
24+
25+body {
26+ font-family: sans-serif;
27+ line-height: 1.5;
28+ margin: 0;
29+ background: #EEE;
30+}
31+
32+html {
33+ position: relative;
34+ min-height: 100%;
35+}
36+
37+a {
38+ color: @color-other-links;
39+}
40+
41+.title h1 {
42+ background: url(../img/searx.png) no-repeat;
43+ width: 319px;
44+ height: 62px;
45+ text-indent: -9999px;
46+ margin: 0.5em auto 1em;
47+}
48+
49+.center {
50+ max-width: @center-width;
51+ text-align: center;
52+ background: rgba(255,255,255,0.6);
53+ padding: 2em;
54+ margin: 7% auto 0;
55+ position: relative;
56+}
57+
58+.center.search {
59+ position: static;
60+ width: auto;
61+ background: none;
62+ margin: auto;
63+ padding-top: 1.8em;
64+}
65+
66+@media screen and (min-width: 1001px) {
67+ .center:after {
68+ content: "";
69+ z-index: -1;
70+ background: url(../img/bg-body-index.jpg) no-repeat;
71+ background-size: cover;
72+ width: 100%;
73+ height: 100%;
74+ top: 0;
75+ left: 0;
76+ position: fixed;
77+ }
78+ .center.search:after {
79+ content: none;
80+ }
81+}
82+
83+.autocompleter-choices {
84+ position: absolute;
85+ margin: 0;
86+ padding: 0;
87+ background: #FFF;
88+}
89+
90+.autocompleter-choices li {
91+ padding: 0.5em 1em;
92+}
93+
94+.autocompleter-choices li:hover {
95+ background: @color-main;
96+ color: #FFF;
97+ cursor: pointer;
98+}
99+
100+#categories {
101+ text-align: center;
102+}
103+
104+.top_margin {
105+ position: absolute;
106+ bottom: -3.5em;
107+ width: 100%;
108+ left: 0;
109+}
110+
111+.top_margin a {
112+ display: inline-block;
113+ margin-right: 1em;
114+ color: #FFF;
115+ text-decoration: none;
116+}
117+
118+.top_margin a:hover,
119+.top_margin a:focus {
120+ text-decoration: underline;
121+}
122+
123+@media screen and (max-width: 1000px) {
124+ .center { background: none; }
125+ .top_margin a {
126+ color: @color-fonts;
127+ }
128+}
129+
130+.checkbox_container { margin-top: 1.5em; }
131+.checkbox_container label {
132+ padding: 0.5em 1em;
133+ color: @color-fonts;
134+ cursor: pointer;
135+ font-size: 0.9em;
136+}
137+
138+.checkbox_container label:hover {
139+ background: @color-main;
140+ color: #FFF;
141+}
142+
143+.checkbox_container input[type="checkbox"] {
144+ position: absolute;
145+ top: -9999px;
146+}
147+
148+.checkbox_container input[type="checkbox"]:checked + label {
149+ background: @color-main;
150+ color: #FFF;
151+}
152+
153+#categories_container > div {
154+ display: inline-block;
155+}
156+
157+#categories .hidden {
158+ display: none;
159+ position: absolute;
160+ bottom: 1em;
161+ left: 0;
162+ text-align: center;
163+ width: 100%;
164+ font-size: 0.9em;
165+ font-style: italic;
166+ color: @color-fonts;
167+}
168+
169+#categories:hover .hidden {
170+ display: block;
171+}
172+
173+@media screen and (max-width: 900px) {
174+ #categories_container { letter-spacing: -5px; }
175+ #categories_container > div {
176+ letter-spacing: normal;
177+ margin-top: 1em;
178+ }
179+ .checkbox_container {
180+ margin: 0;
181+ }
182+ .checkbox_container label {
183+ display: block;
184+ background: #CCC;
185+ padding: 1em;
186+ border: 1px solid #FFF;
187+ }
188+ .top_margin { position: static; }
189+ #categories .hidden {
190+ position: static;
191+ display: block;
192+ }
193+}
194+
195+@media screen and (max-width: 900px) and (min-width: 501px) {
196+ #categories_container > div {
197+ width: 31%;
198+ margin-left: 2.333%;
199+ }
200+ #categories_container > div:nth-child(3n+1) { margin-left: 0; }
201+}
202+
203+@media screen and (max-width: 500px) {
204+ #categories_container > div {
205+ width: 48%;
206+ margin-left: 2%;
207+ font-size: 0.9em;
208+ }
209+ #categories_container > div:nth-child(2n+1) { margin-left: 0; }
210+ .title h1 {
211+ background: url(../img/searx-mobile.png) no-repeat;
212+ width: 200px;
213+ height: 39px;
214+ }
215+}
216+
217+#search_wrapper {
218+ position: relative;
219+}
220+
221+.q {
222+ padding: 0.5em 3em 0.5em 1em;
223+ width: 100%;
224+ font-size: 1.5em;
225+ border: 0;
226+ color: #666;
227+}
228+
229+#search_submit {
230+ position: absolute;
231+ top: 0;
232+ right: 0;
233+ border: 0;
234+ background:url("../img/search-icon.png") no-repeat scroll center center / 65% auto @color-main;
235+ text-indent: -9999px;
236+ width: 5em;
237+ height: 100%;
238+ cursor: pointer;
239+}
240+
241+#search_submit:hover,
242+#search_submit:focus {
243+ background-color: #0665A2;
244+}
245+
246+#sidebar {
247+ background: @color-main;
248+ position: fixed;
249+ top: 0;
250+ right: 0;
251+ width: 15em;
252+ height: 100%;
253+ padding: 1.5em;
254+ text-align: right;
255+}
256+
257+.right {
258+ position: fixed;
259+ bottom: 1.5em;
260+ width: 15em;
261+ right: 0;
262+ z-index: 1;
263+ padding: 0 1.5em;
264+ text-align: right;
265+}
266+
267+.right a {
268+ color: #FFF;
269+ display: block;
270+ text-decoration: none;
271+}
272+
273+.right a:hover,
274+.right a:focus {
275+ text-decoration: underline;
276+}
277+
278+#preferences {
279+ background: url(../img/preference-icon.png) no-repeat right 0 / 12% auto;
280+ padding-right: 1.8em;
281+}
282+
283+#preferences:hover,
284+#preferences:focus {
285+
286+}
287+
288+#search_url input {
289+ border: 0;
290+ padding: 0.5em;
291+}
292+
293+#sidebar > div {
294+ margin-bottom: 1em;
295+ color: #FFF;
296+}
297+
298+#sidebar form {
299+ display: inline-block;
300+}
301+
302+#sidebar input[type="submit"] {
303+ background: #CCC;
304+ border: 0;
305+ padding: 0.5em 1em;
306+ cursor: pointer;
307+ margin-top: 0.5em;
308+}
309+
310+#sidebar input[type="submit"]:hover,
311+#sidebar input[type="submit"]:focus {
312+ color: #FFF;
313+ background-color: #0665A2;
314+}
315+
316+#results {
317+ padding-right: 17em;
318+ padding-left: 2em;
319+ padding: 0 17em 0 2em;
320+}
321+
322+.result p {
323+ font-size: 0.9em;
324+}
325+
326+.result .content {
327+ margin: 0;
328+ color: #666;
329+}
330+
331+.result .url {
332+ margin-top: 0;
333+ color: #FF6530;
334+}
335+
336+.result .favicon {
337+ float: left;
338+ position: relative;
339+ top: 0.5em;
340+ margin-right: 0.5em;
341+}
342+
343+.definition_result {
344+ background: #CCC;
345+ padding: 1em;
346+}
347+
348+.definition_result .result_title,
349+.definition_result p {
350+ margin: 0;
351+}
352+
353+.result_title {
354+ margin-bottom: 0;
355+ font-weight: normal;
356+}
357+
358+.highlight {
359+ font-weight: bold;
360+}
361+
362+.result_title a {
363+ color: @color-main;
364+ text-decoration: none;
365+}
366+
367+.result_title a:hover,
368+.result_title a:focus {
369+ text-decoration: underline;
370+}
371+
372+.cache_link {
373+ color: #666;
374+ font-size: 0.9em;
375+ font-style: italic;
376+}
377+
378+.search.center {
379+ padding-right: 17em;
380+}
381+
382+#answers {
383+ border: 2px solid @color-main;
384+ padding: 20px;
385+ color:#666;
386+ text-align: center;
387+ max-width:@center-width;
388+ margin:0 auto 20px;
389+}
390+
391+#suggestions { margin-bottom: 1em; }
392+
393+#suggestions span { color: #666; }
394+
395+#suggestions form {
396+ display: inline-block;
397+ vertical-align: top;
398+ margin-bottom: 0.5em;
399+}
400+
401+#suggestions input[type="submit"] {
402+ color: @color-fonts;
403+ padding: 0.5em 1em;
404+ border: 0;
405+ background: #CCC;
406+ cursor:pointer;
407+}
408+
409+#suggestions input[type="submit"]:hover,
410+#suggestions input[type="submit"]:focus {
411+ background: @color-main;
412+ color: #FFF;
413+}
414+
415+#pagination {
416+ margin: 1.5em 0 2em;
417+}
418+
419+#pagination form + form {
420+ float: right;
421+ margin-top: -2em;
422+}
423+
424+input[type="submit"] {
425+ display: inline-block;
426+ background: @color-main;
427+ color: #FFF;
428+ border: 0;
429+ padding: 0.6em 1em;
430+ cursor: pointer;
431+}
432+
433+input[type="submit"]:hover,
434+input[type="submit"]:focus {
435+ background: #0665A2;
436+}
437+
438+.row {
439+ max-width: 60em;
440+ margin: auto;
441+}
442+
443+.row a {
444+ color: @color-main;
445+}
446+
447+.row form {
448+ letter-spacing: -5px;
449+}
450+
451+.row form > * { letter-spacing: normal; }
452+
453+.row p { margin: 0; }
454+
455+.row fieldset {
456+ display: inline-block;
457+ width: 48%;
458+ vertical-align: top;
459+}
460+
461+.row fieldset:last-of-type {
462+ display: block;
463+ width: auto;
464+ background: none;
465+ padding: 0;
466+}
467+
468+.row fieldset:nth-child(odd) {
469+ margin-right: 2%;
470+}
471+
472+.row fieldset:nth-child(2) {
473+ min-height: 10.5em;
474+}
475+
476+@media screen and (max-width: 900px) {
477+ .row {
478+ margin: 0 1em;
479+ }
480+
481+ .row fieldset { width: 49%; }
482+ .row fieldset,
483+ .row fieldset:nth-child(odd) {
484+ margin-right: 0;
485+ }
486+
487+ .row fieldset:first-child {
488+ width: 100%;
489+ margin-right: 0;
490+ }
491+
492+ .row fieldset:nth-child(even) {
493+ margin-right: 2%;
494+ }
495+}
496+
497+@media screen and (max-width: 800px) {
498+ .row fieldset { width: 100%; }
499+
500+ select { width: 100%; }
501+
502+ table { font-size: 0.8em; }
503+ .right {display: none;}
504+ #sidebar { display: none; }
505+ #results { padding: 0 2em; }
506+ .search.center {
507+ padding-right: 2em;
508+ }
509+}
510+
511+@media screen and (max-width: 400px) {
512+ .row #categories_container > div {
513+ width: 100%;
514+ margin-left: 0;
515+ }
516+}
517+
518+fieldset {
519+ border: 0;
520+ margin: 1em 0;
521+ background: #CCC;
522+ padding: 1.5em;
523+}
524+
525+table {
526+ width: 100%;
527+ text-align: left;
528+ border: 1px solid #CCC;
529+ border-collapse: collapse;
530+}
531+
532+table th {
533+ background: #999;
534+ color: #FFF;
535+}
536+
537+table tr:nth-child(odd) {
538+ background: #CCC;
539+}
540+
541+table th,
542+table td {
543+ padding: 0.5em 1em;
544+ border: 1px solid #FFF;
545+}
546+
547+.engine_checkbox label {
548+ padding: 0.5em;
549+ background: @color-main;
550+ color: #FFF;
551+ cursor: pointer;
552+}
553+
554+.engine_checkbox .deny {
555+ background: @color-main;
556+}
557+
558+.engine_checkbox .allow {
559+ display: none;
560+ background: #666;
561+}
562+
563+.engine_checkbox input {
564+ display: none;
565+}
566+
567+.engine_checkbox input:checked + .allow {
568+ display: inline;
569+}
570+
571+.engine_checkbox input:checked + .allow + .deny{
572+ display: none;
573+}
574+
575+.row input[type="submit"] {
576+ font-size: 1em;
577+ margin: 1em 0 2em;
578+}
579+
580+.row .right {
581+ position: static;
582+ display: inline-block;
583+
584+}
585+
586+.row .right a {
587+ color: @color-fonts;
588+ width: auto;
589+ text-align: left;
590+ padding: 0;
591+}
592+
593+.small_font {
594+ font-size: 0.8em;
595+}
596+
597+table th {
598+ padding: 1em;
599+}
600+
601+legend {
602+ background: #EEE;
603+ padding: 0 1em;
604+ position: relative;
605+}
606+
607+select {
608+ border: 1px solid #DDD;
609+ padding: 0.5em 0.8em;
610+ font-size: 1em;
611+}
612+
613+.highlight .hll { background-color: #ffffcc }
614+.highlight { background: #f8f8f8; }
615+.highlight .c { color: #408080; font-style: italic } /* Comment */
616+.highlight .err { border: 1px solid #FF0000 } /* Error */
617+.highlight .k { color: #008000; font-weight: bold } /* Keyword */
618+.highlight .o { color: #666666 } /* Operator */
619+.highlight .cm { color: #408080; font-style: italic } /* Comment.Multiline */
620+.highlight .cp { color: #BC7A00 } /* Comment.Preproc */
621+.highlight .c1 { color: #408080; font-style: italic } /* Comment.Single */
622+.highlight .cs { color: #408080; font-style: italic } /* Comment.Special */
623+.highlight .gd { color: #A00000 } /* Generic.Deleted */
624+.highlight .ge { font-style: italic } /* Generic.Emph */
625+.highlight .gr { color: #FF0000 } /* Generic.Error */
626+.highlight .gh { color: #000080; font-weight: bold } /* Generic.Heading */
627+.highlight .gi { color: #00A000 } /* Generic.Inserted */
628+.highlight .go { color: #888888 } /* Generic.Output */
629+.highlight .gp { color: #000080; font-weight: bold } /* Generic.Prompt */
630+.highlight .gs { font-weight: bold } /* Generic.Strong */
631+.highlight .gu { color: #800080; font-weight: bold } /* Generic.Subheading */
632+.highlight .gt { color: #0044DD } /* Generic.Traceback */
633+.highlight .kc { color: #008000; font-weight: bold } /* Keyword.Constant */
634+.highlight .kd { color: #008000; font-weight: bold } /* Keyword.Declaration */
635+.highlight .kn { color: #008000; font-weight: bold } /* Keyword.Namespace */
636+.highlight .kp { color: #008000 } /* Keyword.Pseudo */
637+.highlight .kr { color: #008000; font-weight: bold } /* Keyword.Reserved */
638+.highlight .kt { color: #B00040 } /* Keyword.Type */
639+.highlight .m { color: #666666 } /* Literal.Number */
640+.highlight .s { color: #BA2121 } /* Literal.String */
641+.highlight .na { color: #7D9029 } /* Name.Attribute */
642+.highlight .nb { color: #008000 } /* Name.Builtin */
643+.highlight .nc { color: #0000FF; font-weight: bold } /* Name.Class */
644+.highlight .no { color: #880000 } /* Name.Constant */
645+.highlight .nd { color: #AA22FF } /* Name.Decorator */
646+.highlight .ni { color: #999999; font-weight: bold } /* Name.Entity */
647+.highlight .ne { color: #D2413A; font-weight: bold } /* Name.Exception */
648+.highlight .nf { color: #0000FF } /* Name.Function */
649+.highlight .nl { color: #A0A000 } /* Name.Label */
650+.highlight .nn { color: #0000FF; font-weight: bold } /* Name.Namespace */
651+.highlight .nt { color: #008000; font-weight: bold } /* Name.Tag */
652+.highlight .nv { color: #19177C } /* Name.Variable */
653+.highlight .ow { color: #AA22FF; font-weight: bold } /* Operator.Word */
654+.highlight .w { color: #bbbbbb } /* Text.Whitespace */
655+.highlight .mf { color: #666666 } /* Literal.Number.Float */
656+.highlight .mh { color: #666666 } /* Literal.Number.Hex */
657+.highlight .mi { color: #666666 } /* Literal.Number.Integer */
658+.highlight .mo { color: #666666 } /* Literal.Number.Oct */
659+.highlight .sb { color: #BA2121 } /* Literal.String.Backtick */
660+.highlight .sc { color: #BA2121 } /* Literal.String.Char */
661+.highlight .sd { color: #BA2121; font-style: italic } /* Literal.String.Doc */
662+.highlight .s2 { color: #BA2121 } /* Literal.String.Double */
663+.highlight .se { color: #BB6622; font-weight: bold } /* Literal.String.Escape */
664+.highlight .sh { color: #BA2121 } /* Literal.String.Heredoc */
665+.highlight .si { color: #BB6688; font-weight: bold } /* Literal.String.Interpol */
666+.highlight .sx { color: #008000 } /* Literal.String.Other */
667+.highlight .sr { color: #BB6688 } /* Literal.String.Regex */
668+.highlight .s1 { color: #BA2121 } /* Literal.String.Single */
669+.highlight .ss { color: #19177C } /* Literal.String.Symbol */
670+.highlight .bp { color: #008000 } /* Name.Builtin.Pseudo */
671+.highlight .vc { color: #19177C } /* Name.Variable.Class */
672+.highlight .vg { color: #19177C } /* Name.Variable.Global */
673+.highlight .vi { color: #19177C } /* Name.Variable.Instance */
674+.highlight .il { color: #666666 } /* Literal.Number.Integer.Long */
675+
676+.highlight pre { overflow: auto; }
677+
678+.highlight .lineno {
679+ -webkit-touch-callout: none;
680+ -webkit-user-select: none;
681+ -khtml-user-select: none;
682+ -moz-user-select: none;
683+ -ms-user-select: none;
684+ user-select: none;
685+ cursor: default;
686+}
687+
688+.highlight .lineno::selection { background: transparent; } /* WebKit/Blink Browsers */
689+.highlight .lineno::-moz-selection { background: transparent; } /* Gecko Browsers */