@@ -0,0 +1,68 @@
1+/*
2+ * searx, A privacy-respecting, hackable metasearch engine
3+ */
4+
5+.search {
6+ background: @color-result-search-background;
7+ padding: 0;
8+ margin: 0;
9+ .checkbox_container label {
10+ border-bottom: 4px solid @color-categories-item-border-unselected;
11+ }
12+
13+ .checkbox_container label:hover {
14+ border-bottom: 4px solid @color-categories-item-border-unselected-hover;
15+ }
16+
17+ .checkbox_container input[type="checkbox"]:checked + label {
18+ border-bottom: 4px solid @color-categories-item-border-selected;
19+ }
20+}
21+
22+#search_wrapper {
23+ position: relative;
24+ max-width: 600px;
25+ padding: 10px;
26+}
27+
28+.center #search_wrapper {
29+ margin-left: auto;
30+ margin-right: auto;
31+}
32+
33+.q {
34+ background: none repeat scroll 0 0 @color-search-background;
35+ border: 1px solid @color-search-border;
36+ color: @color-search-font;
37+ font-size: 16px;
38+ height: 28px;
39+ margin: 0;
40+ outline: medium none;
41+ padding: 2px;
42+ padding-left: 8px;
43+ padding-right: 0px !important;
44+ width: 100%;
45+ z-index: 2;
46+}
47+
48+#search_submit {
49+ position: absolute;
50+ top: 13px;
51+ right: 1px;
52+ padding: 0;
53+ border: 0;
54+ background: url('../img/search-icon.png') no-repeat;
55+ background-size: 24px 24px;
56+ opacity: 0.8;
57+ width: 24px;
58+ height: 30px;
59+ font-size: 0;
60+}
61+
62+@media screen and (max-width: 680px) {
63+ #search_wrapper {
64+ width: 90%;
65+ clear:both;
66+ overflow: hidden
67+ }
68+}