Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 297.1
edited by Ecaterina Valica
on 2009/03/22 12:13
Change comment: There is no comment for this version
To version 381.1
edited by Ecaterina Valica
on 2009/03/24 15:52
Change comment: Deletion of image orange.png

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>
variants.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.evalica
Size
... ... @@ -1,0 +1,1 @@
1 +179.5 KB
Content
XWiki.StyleSheetExtension[0]
Code
... ... @@ -20,6 +20,7 @@
20 20   border: 2px solid #CCCCCC;
21 21   color: #4d4d4d;
22 22   font-size:15px;
23 + width: 400px;
23 23  }
24 24  .searchButton{
25 25   background-color:#B3B3B3;
... ... @@ -42,12 +42,12 @@
42 42   font-size: 90%;
43 43  }
44 44  #sortFilter{
45 - color: #808080;
46 + color: #aaa;
46 46   padding: 5px;
47 47   line-height: 16px;
48 48  }
49 49  #sortFilter a.sortType{
50 - color: #808080;
51 + color: #aaa;
51 51  }
52 52  #sortFilter a.sortType:hover{
53 53   color: #4D4D4D;
... ... @@ -59,8 +59,11 @@
59 59   color: #4D4D4D;
60 60   font-weight: bold;
61 61  }
63 +#sortFilter a#currentSort:focus {
64 + outline: dotted 1px #000;
65 +}
62 62  .paginationFilter {
63 - color: #808080;
67 + color: #aaa;
64 64   height: 100%;
65 65   border-top: 1px solid #CCCCCC;
66 66   padding: 2px 0px 5px 5px;
... ... @@ -71,7 +71,7 @@
71 71   float: left;
72 72  }
73 73  .resultsNo .currentResultsNo, .resultsNo .totalResultsNo{
74 - color: #808080;
78 + color: #aaa;
75 75  }
76 76  .pagination{
77 77   float: right;
... ... @@ -78,7 +78,7 @@
78 78   margin-right: 10px;
79 79  }
80 80  .pagination a{
81 - color: #808080;
85 + color: #aaa;
82 82  }
83 83  .pagination a:hover{
84 84   color: #4D4D4D;
... ... @@ -88,7 +88,6 @@
88 88   font-weight: bold;
89 89  }
90 90  .pagination a:focus {
91 -color: red;
92 92   outline: dotted 1px #000;
93 93  }
94 94  .controlPagination{
... ... @@ -166,10 +166,10 @@
166 166   width: 82%;
167 167  }
168 168  .itemDescription a{
169 - color: #5599ff;
172 + color: #39397F;
170 170  }
171 171  .itemDescription a:hover{
172 - color: #5599ff;
175 + color: #39397F;
173 173  }
174 174  .itemDescription a:focus {
175 175   outline: dotted 1px #000;
... ... @@ -187,13 +187,16 @@
187 187  .itemTitle a:focus {
188 188   outline: dotted 1px #000;
189 189  }
193 +a.itemAuthor:focus{
194 + outline: dotted 1px #000;
195 +}
190 190  .itemLocation{
191 - color: #808080;
197 + color: #aaa;
192 192   font-size:90%;
193 193  }
194 194  .itemLocation a.itemWiki , .itemLocation a.itemSpace, .itemLocation a.itemPage{}
195 195  .itemModifiers{
196 - color: #808080;
202 + color: #aaa;
197 197   font-size:90%;
198 198  }
199 199  .itemModifiers a.itemAuthor, .itemModifiers a.itemDate{}
... ... @@ -202,7 +202,6 @@
202 202   padding: 0px 5px 0px 5px;
203 203  }
204 204  .itemOthers{
205 - color: #808080;
206 206   font-size:80%;
207 207  }
208 208  .itemOthers .itemComments, .itemOthers .itemAttachments, .itemOthers .itemRating{
... ... @@ -279,7 +279,6 @@
279 279  .relevanceText{
280 280   float: right;
281 281   margin-right: 5px;
282 - color: #808080;
283 283   font-size:80%;
284 284  }
285 285  .resultSeparator{
... ... @@ -303,6 +303,78 @@
303 303   height: 1px;
304 304   margin: 0 211px;
305 305  }
306 -* a:focus {
307 - outline: dotted 1px #000;
310 +html>body .suggestResults{
311 + width: 422px;
308 308  }
313 +.suggestResults{
314 + width: 400px;
315 + position: absolute;
316 + padding: 11px 0px;
317 + margin: 0px;
318 + z-index: 1000;
319 + left: 5px;
320 + top: 27px;
321 +}
322 +.suggestResults ul{
323 + list-style: none;
324 + list-style-position: outside;
325 + margin: 0;
326 + padding: 0;
327 + background: #FFFFFF url($xwiki.getSkinFile("greyback2.png")) repeat-x scroll right bottom;
328 + border: 2px solid #ccc;
329 + border-top: none;
330 +}
331 +.suggestResults ul li{
332 + padding: 5px 0 0;
333 + margin: 0;
334 + text-align: left;
335 +}
336 +.suggestResults ul li a{
337 + display: block;
338 + text-decoration: none;
339 + background-color: transparent;
340 + position: relative;
341 + padding: 0;
342 + width: 100%;
343 +}
344 +.suggestResults ul li a .suggestItem{
345 + display: block;
346 + padding: 0;
347 + margin: 0;
348 + clear: both;
349 +}
350 +.suggestResults ul li a .suggestItem .suggestName{
351 + text-align: left;
352 + width: 60%;
353 + color: #4D4D4D;
354 + display:inline-block;
355 + font-size: 90%;
356 + padding-left: 6px;
357 + margin: 0px;
358 +}
359 +.suggestResults ul li a:hover .suggestItem .suggestName{
360 + text-decoration: underline;
361 +}
362 +.suggestResults ul li a:hover .suggestItem .suggestName em{
363 + text-decoration: underline;
364 +}
365 +.suggestResults ul li a:hover .suggestItem .suggestLocation{
366 + color: #39397F;
367 + text-decoration: none;
368 +}
369 +.suggestResults ul li a .suggestItem .suggestLocation{
370 + text-align: right;
371 + color: #aaa;
372 + font-size: 90%;
373 + width: 36%;
374 + vertical-align: top;
375 + display:inline-block;
376 + padding-right: 6px;
377 + margin: 0px;
378 +}
379 +em{
380 + color:orange;
381 + padding:0;
382 + margin: 0;
383 + text-decoration: inherited;
384 +}