Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 287.1
edited by Guillaume Lerouge
on 2009/03/20 17:58
Change comment: Rollback to version 278.1
To version 369.1
edited by Ecaterina Valica
on 2009/03/24 15:06
Change comment: There is no comment for this version

Summary

Details

Page properties
Author
... ... @@ -1,1 +1,1 @@
1 -xwiki:XWiki.GuillaumeLerouge
1 +XWiki.evalica
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,8 +1,4 @@
1 -#search{
2 - width: 100%;
3 - background-color: #fff;
4 -}
5 -/* Search Bar*/
1 +39397F Bar*/
6 6  #searchBar{
7 7   margin-bottom: 11px;
8 8   padding-left: 5px;
... ... @@ -20,6 +20,7 @@
20 20   border: 2px solid #CCCCCC;
21 21   color: #4d4d4d;
22 22   font-size:15px;
19 + width: 400px;
23 23  }
24 24  .searchButton{
25 25   background-color:#B3B3B3;
... ... @@ -42,22 +42,28 @@
42 42   font-size: 90%;
43 43  }
44 44  #sortFilter{
45 - color: #808080;
42 + color: #aaa;
46 46   padding: 5px;
47 47   line-height: 16px;
48 48  }
49 49  #sortFilter a.sortType{
50 - color: #808080;
47 + color: #aaa;
51 51  }
52 -#sortFilter a:hover{
49 +#sortFilter a.sortType:hover{
53 53   color: #4D4D4D;
54 54  }
52 +#sortFilter a.sortType:focus {
53 + outline: dotted 1px #000;
54 +}
55 55  #sortFilter a#currentSort{
56 56   color: #4D4D4D;
57 57   font-weight: bold;
58 58  }
59 +#sortFilter a#currentSort:focus {
60 + outline: dotted 1px #000;
61 +}
59 59  .paginationFilter {
60 - color: #808080;
63 + color: #aaa;
61 61   height: 100%;
62 62   border-top: 1px solid #CCCCCC;
63 63   padding: 2px 0px 5px 5px;
... ... @@ -68,7 +68,7 @@
68 68   float: left;
69 69  }
70 70  .resultsNo .currentResultsNo, .resultsNo .totalResultsNo{
71 - color: #808080;
74 + color: #aaa;
72 72  }
73 73  .pagination{
74 74   float: right;
... ... @@ -75,7 +75,7 @@
75 75   margin-right: 10px;
76 76  }
77 77  .pagination a{
78 - color: #808080;
81 + color: #aaa;
79 79  }
80 80  .pagination a:hover{
81 81   color: #4D4D4D;
... ... @@ -84,6 +84,9 @@
84 84   color: #4D4D4D;
85 85   font-weight: bold;
86 86  }
90 +.pagination a:focus {
91 + outline: dotted 1px #000;
92 +}
87 87  .controlPagination{
88 88   position:relative;
89 89   width:41px;
... ... @@ -159,11 +159,14 @@
159 159   width: 82%;
160 160  }
161 161  .itemDescription a{
162 - color: #5599ff;
168 + color: #39397F;
163 163  }
164 164  .itemDescription a:hover{
165 - color: #5599ff;
171 + color: #39397F;
166 166  }
173 +.itemDescription a:focus {
174 + outline: dotted 1px #000;
175 +}
167 167  .itemTitle a{
168 168   color: #4d4d4d;
169 169   font-weight: bold;
... ... @@ -174,13 +174,19 @@
174 174   font-weight: bold;
175 175   font-size:130%;
176 176  }
186 +.itemTitle a:focus {
187 + outline: dotted 1px #000;
188 +}
189 +a.itemAuthor:focus{
190 + outline: dotted 1px #000;
191 +}
177 177  .itemLocation{
178 - color: #808080;
193 + color: #aaa;
179 179   font-size:90%;
180 180  }
181 181  .itemLocation a.itemWiki , .itemLocation a.itemSpace, .itemLocation a.itemPage{}
182 182  .itemModifiers{
183 - color: #808080;
198 + color: #aaa;
184 184   font-size:90%;
185 185  }
186 186  .itemModifiers a.itemAuthor, .itemModifiers a.itemDate{}
... ... @@ -189,7 +189,6 @@
189 189   padding: 0px 5px 0px 5px;
190 190  }
191 191  .itemOthers{
192 - color: #808080;
193 193   font-size:80%;
194 194  }
195 195  .itemOthers .itemComments, .itemOthers .itemAttachments, .itemOthers .itemRating{
... ... @@ -266,7 +266,6 @@
266 266  .relevanceText{
267 267   float: right;
268 268   margin-right: 5px;
269 - color: #808080;
270 270   font-size:80%;
271 271  }
272 272  .resultSeparator{
... ... @@ -290,3 +290,78 @@
290 290   height: 1px;
291 291   margin: 0 211px;
292 292  }
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 +}
318 +div.suggestResults ul{
319 + list-style: none;
320 + list-style-position: outside;
321 + margin: 0;
322 + padding: 0;
323 + background: #FFFFFF url($xwiki.getSkinFile("greyback2.png")) repeat-x scroll right bottom;
324 + border: 2px solid #ccc;
325 + border-top: none;
326 +}
327 +div.suggestResults ul li{
328 + padding: 5px 0 0;
329 + margin: 0;
330 + text-align: left;
331 +}
332 +div.suggestResults ul li a{
333 + display: block;
334 + text-decoration: none;
335 + background-color: transparent;
336 + position: relative;
337 + padding: 0;
338 + width: 100%;
339 +}
340 +div.suggestResults ul li a span.suggestItem{
341 + display: block;
342 + padding: 0;
343 + margin: 0;
344 + clear: both;
345 +}
346 +div.suggestResults ul li a span.suggestItem span.suggestName{
347 + text-align: left;
348 + width: 60%;
349 + color: #4D4D4D;
350 + display:inline-block;
351 + font-size: 90%;
352 + padding-left: 6px;
353 + margin: 0px;
354 +}
355 +div.suggestResults ul li a:hover span.suggestItem span.suggestName{
356 + text-decoration: underline;
357 +}
358 +div.suggestResults ul li a:hover span.suggestItem span.suggestName em{
359 + text-decoration: underline;
360 +}
361 +div.suggestResults ul li a:hover span.suggestItem span.suggestLocation{
362 + color: #39397F;
363 + text-decoration: none;
364 +}
365 +div.suggestResults ul li a span.suggestItem span.suggestLocation{
366 + text-align: right;
367 + color: #cccccc;
368 + font-size: 90%;
369 + width: 36%;
370 + vertical-align: top;
371 + display:inline-block;
372 + padding-right: 6px;
373 + margin: 0px;
374 +}
375 +em{
376 + color:#5599FF;
377 + padding:0;
378 + margin: 0;
379 + text-decoration: inherited;
380 +}