Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 300.1
edited by Ecaterina Valica
on 2009/03/22 12:18
Change comment: There is no comment for this version
To version 371.1
edited by Ecaterina Valica
on 2009/03/24 15:07
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -36,7 +36,7 @@
36 36  <form action="">
37 37   <div id="searchBar">
38 38   {pre}
39 - <input type="text" name="text" class="searchQuery" value="$msg.get("xe.search.bar.query")" size="50" title="$msg.get('xe.search.bar.query.title')"/>
39 + <input type="text" name="text" class="searchQuery" value="$msg.get("xe.search.bar.query")" title="$msg.get('xe.search.bar.query.title')"/>
40 40   #spaceselect($space $spaces $spacesText)
41 41   <input type="submit" class="searchButton" value="Search" title="$msg.get('xe.search.bar.go.title')"/>
42 42   <div class="searchHelp">$msg.get("xe.search.bar.help")</div>
... ... @@ -44,5 +44,6 @@
44 44   </div>
45 45  </form>
46 46  #includeInContext("XWiki.WebSearchCode")
47 +#includeInContext("XWiki.ListSuggestions")
47 47  #includeInContext("XWiki.ListResults")
48 48  </div>
XWiki.StyleSheetExtension[0]
Code
... ... @@ -1,9 +1,4 @@
1 -
2 -#search{
3 - width: 100%;
4 - background-color: #fff;
5 -}
6 -/* Search Bar*/
1 +39397F Bar*/
7 7  #searchBar{
8 8   margin-bottom: 11px;
9 9   padding-left: 5px;
... ... @@ -21,6 +21,7 @@
21 21   border: 2px solid #CCCCCC;
22 22   color: #4d4d4d;
23 23   font-size:15px;
19 + width: 400px;
24 24  }
25 25  .searchButton{
26 26   background-color:#B3B3B3;
... ... @@ -43,12 +43,12 @@
43 43   font-size: 90%;
44 44  }
45 45  #sortFilter{
46 - color: #808080;
42 + color: #aaa;
47 47   padding: 5px;
48 48   line-height: 16px;
49 49  }
50 50  #sortFilter a.sortType{
51 - color: #808080;
47 + color: #aaa;
52 52  }
53 53  #sortFilter a.sortType:hover{
54 54   color: #4D4D4D;
... ... @@ -60,8 +60,11 @@
60 60   color: #4D4D4D;
61 61   font-weight: bold;
62 62  }
59 +#sortFilter a#currentSort:focus {
60 + outline: dotted 1px #000;
61 +}
63 63  .paginationFilter {
64 - color: #808080;
63 + color: #aaa;
65 65   height: 100%;
66 66   border-top: 1px solid #CCCCCC;
67 67   padding: 2px 0px 5px 5px;
... ... @@ -72,7 +72,7 @@
72 72   float: left;
73 73  }
74 74  .resultsNo .currentResultsNo, .resultsNo .totalResultsNo{
75 - color: #808080;
74 + color: #aaa;
76 76  }
77 77  .pagination{
78 78   float: right;
... ... @@ -79,7 +79,7 @@
79 79   margin-right: 10px;
80 80  }
81 81  .pagination a{
82 - color: #808080;
81 + color: #aaa;
83 83  }
84 84  .pagination a:hover{
85 85   color: #4D4D4D;
... ... @@ -166,10 +166,10 @@
166 166   width: 82%;
167 167  }
168 168  .itemDescription a{
169 - color: #5599ff;
168 + color: #39397F;
170 170  }
171 171  .itemDescription a:hover{
172 - color: #5599ff;
171 + color: #39397F;
173 173  }
174 174  .itemDescription a:focus {
175 175   outline: dotted 1px #000;
... ... @@ -191,12 +191,12 @@
191 191   outline: dotted 1px #000;
192 192  }
193 193  .itemLocation{
194 - color: #808080;
193 + color: #aaa;
195 195   font-size:90%;
196 196  }
197 197  .itemLocation a.itemWiki , .itemLocation a.itemSpace, .itemLocation a.itemPage{}
198 198  .itemModifiers{
199 - color: #808080;
198 + color: #aaa;
200 200   font-size:90%;
201 201  }
202 202  .itemModifiers a.itemAuthor, .itemModifiers a.itemDate{}
... ... @@ -205,7 +205,6 @@
205 205   padding: 0px 5px 0px 5px;
206 206  }
207 207  .itemOthers{
208 - color: #808080;
209 209   font-size:80%;
210 210  }
211 211  .itemOthers .itemComments, .itemOthers .itemAttachments, .itemOthers .itemRating{
... ... @@ -282,7 +282,6 @@
282 282  .relevanceText{
283 283   float: right;
284 284   margin-right: 5px;
285 - color: #808080;
286 286   font-size:80%;
287 287  }
288 288  .resultSeparator{
... ... @@ -306,3 +306,79 @@
306 306   height: 1px;
307 307   margin: 0 211px;
308 308  }
306 +html>body div.suggestResults{
307 + width: 422px;
308 +}
309 +div.suggestResults{
310 + width: 400px;
311 + position: absolute;
312 + padding: 11px 0px;
313 + margin: 0px;
314 + z-index: 1000;
315 + left: 5px;
316 + top: 27px;
317 + display:none;
318 +}
319 +div.suggestResults ul{
320 + list-style: none;
321 + list-style-position: outside;
322 + margin: 0;
323 + padding: 0;
324 + background: #FFFFFF url($xwiki.getSkinFile("greyback2.png")) repeat-x scroll right bottom;
325 + border: 2px solid #ccc;
326 + border-top: none;
327 +}
328 +div.suggestResults ul li{
329 + padding: 5px 0 0;
330 + margin: 0;
331 + text-align: left;
332 +}
333 +div.suggestResults ul li a{
334 + display: block;
335 + text-decoration: none;
336 + background-color: transparent;
337 + position: relative;
338 + padding: 0;
339 + width: 100%;
340 +}
341 +div.suggestResults ul li a span.suggestItem{
342 + display: block;
343 + padding: 0;
344 + margin: 0;
345 + clear: both;
346 +}
347 +div.suggestResults ul li a span.suggestItem span.suggestName{
348 + text-align: left;
349 + width: 60%;
350 + color: #4D4D4D;
351 + display:inline-block;
352 + font-size: 90%;
353 + padding-left: 6px;
354 + margin: 0px;
355 +}
356 +div.suggestResults ul li a:hover span.suggestItem span.suggestName{
357 + text-decoration: underline;
358 +}
359 +div.suggestResults ul li a:hover span.suggestItem span.suggestName em{
360 + text-decoration: underline;
361 +}
362 +div.suggestResults ul li a:hover span.suggestItem span.suggestLocation{
363 + color: #39397F;
364 + text-decoration: none;
365 +}
366 +div.suggestResults ul li a span.suggestItem span.suggestLocation{
367 + text-align: right;
368 + color: #cccccc;
369 + font-size: 90%;
370 + width: 36%;
371 + vertical-align: top;
372 + display:inline-block;
373 + padding-right: 6px;
374 + margin: 0px;
375 +}
376 +em{
377 + color:#5599FF;
378 + padding:0;
379 + margin: 0;
380 + text-decoration: inherited;
381 +}