@@ -61,27 +61,18 @@ input[type="checkbox"] { visibility: hidden; }
6161 user-select: none;
6262}
6363
64−.checkbox_container input[type="checkbox"]:checked + label {
65− background: #b8c1d9;
66−}
67−
68−.search .checkbox_container label {
69− border-bottom: 4px solid #e8e7e6;
70−}
64+.checkbox_container input[type="checkbox"]:checked + label { background: #b8c1d9; }
65+.search .checkbox_container label { border-bottom: 4px solid #e8e7e6; }
66+.search .checkbox_container input[type="checkbox"]:checked + label { border-bottom: 4px solid #1a11be; }
7167
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; }
7770
78−.result { margin-bottom: 16px; clear: both; }
71+.result { margin: 19px 0 18px 0; padding: 0; max-width: 55em; }
7972.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; }
82−.result { max-width: 70em; }
83−
84−.url { font-weight: bold; word-wrap:break-word; }
73+.result h3 { font-size: 1em; word-wrap:break-word; margin: 5px 0 1px 0; padding: 0 }
74+.result .content { font-size: 0.8em; margin: 0; padding: 0; max-width: 54em; word-wrap:break-word; line-height: 1.24; }
75+.result .url { font-size: 0.8em; margin: 3px 0 0 0; padding: 0; max-width: 54em; word-wrap:break-word; color: #2e1c0b; }
8576
8677.q { width: 30em; }
8778
@@ -142,10 +133,13 @@ tr:hover td { background: #DDDDDD; }
142133 height: 30px;
143134}
144135
145−#results { margin-left: 10px; margin-top: 10px; margin-right: 10px; }
136+#results { margin: 10px; padding: 0; }
146137
147−#suggestions { max-width: 50em;}
148−#suggestions form { display: inline; }
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; }
142+#suggestions form { display: block; }
149143#suggestions input { padding: 2px 6px; margin: 2px 4px; font-size: 0.8em; display: inline-block; background: #E4E4E4; border-radius: 4px; border: 0; cursor: pointer; }
150144
151145#preferences {
@@ -168,8 +162,18 @@ tr:hover td { background: #DDDDDD; }
168162 clear: both;
169163}
170164
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+
171174@media screen and (max-width: 680px) {
172− #search_wrapper { width: 90%; clear:both; }
175+
176+ #search_wrapper { width: 90%; clear:both; overflow: hidden }
173177
174178 .right { display: none; postion: fixed !important; top: 100px; right: 0px; }
175179
@@ -177,5 +181,7 @@ tr:hover td { background: #DDDDDD; }
177181
178182 #categories .checkbox_container { margin-top: 2px; margin: 0 2px; }
179183
184+ .result { border-top: 1px solid #e8e7e6; margin: 7px 0 6px 0; }
185+
180186 .result img { max-width: 90%; width: auto; height: auto }
181187}