Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 252.1
edited by Ecaterina Valica
on 2009/03/20 16:19
Change comment: There is no comment for this version
To version 325.1
edited by Ecaterina Valica
on 2009/03/23 16:22
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -1,7 +1,5 @@
1 1  $xwiki.ssx.use("Main.ListWebSearch")
2 2  
3 -1 Search
4 -
5 5  #if(!$request.space)
6 6   #set($space = "All")
7 7  #else
... ... @@ -38,7 +38,7 @@
38 38  <form action="">
39 39   <div id="searchBar">
40 40   {pre}
41 - <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')"/>
42 42   #spaceselect($space $spaces $spacesText)
43 43   <input type="submit" class="searchButton" value="Search" title="$msg.get('xe.search.bar.go.title')"/>
44 44   <div class="searchHelp">$msg.get("xe.search.bar.help")</div>
... ... @@ -46,5 +46,6 @@
46 46   </div>
47 47  </form>
48 48  #includeInContext("XWiki.WebSearchCode")
47 +#includeInContext("XWiki.ListSuggestions")
49 49  #includeInContext("XWiki.ListResults")
50 50  </div>
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;
... ... @@ -26,10 +26,10 @@
26 26   border:2px solid #B3B3B3;
27 27   color:#FFFFFF;
28 28   font-family:Verdana;
29 - font-size:12px;
30 + font-size:11px;
30 30   font-variant:small-caps;
31 31   font-weight:bold;
32 - height:24px;
33 + height:23px;
33 33   line-height:12px;
34 34  }
35 35  .searchHelp{
... ... @@ -49,13 +49,19 @@
49 49  #sortFilter a.sortType{
50 50   color: #808080;
51 51  }
52 -#sortFilter a:hover{
53 +#sortFilter a.sortType:hover{
53 53   color: #4D4D4D;
54 54  }
56 +#sortFilter a.sortType:focus {
57 + outline: dotted 1px #000;
58 +}
55 55  #sortFilter a#currentSort{
56 56   color: #4D4D4D;
57 57   font-weight: bold;
58 58  }
63 +#sortFilter a#currentSort:focus {
64 + outline: dotted 1px #000;
65 +}
59 59  .paginationFilter {
60 60   color: #808080;
61 61   height: 100%;
... ... @@ -84,6 +84,9 @@
84 84   color: #4D4D4D;
85 85   font-weight: bold;
86 86  }
94 +.pagination a:focus {
95 + outline: dotted 1px #000;
96 +}
87 87  .controlPagination{
88 88   position:relative;
89 89   width:41px;
... ... @@ -164,6 +164,9 @@
164 164  .itemDescription a:hover{
165 165   color: #5599ff;
166 166  }
177 +.itemDescription a:focus {
178 + outline: dotted 1px #000;
179 +}
167 167  .itemTitle a{
168 168   color: #4d4d4d;
169 169   font-weight: bold;
... ... @@ -174,6 +174,12 @@
174 174   font-weight: bold;
175 175   font-size:130%;
176 176  }
190 +.itemTitle a:focus {
191 + outline: dotted 1px #000;
192 +}
193 +a.itemAuthor:focus{
194 + outline: dotted 1px #000;
195 +}
177 177  .itemLocation{
178 178   color: #808080;
179 179   font-size:90%;
... ... @@ -290,3 +290,71 @@
290 290   height: 1px;
291 291   margin: 0 211px;
292 292  }
312 +div.suggestResults{
313 + position: absolute;
314 + padding: 11px 0px;
315 + margin: 0px;
316 + z-index: 100013;
317 + left: 5px;
318 + top: 27px;
319 + width: 422px;
320 +}
321 +div.suggestResults ul{
322 + list-style: none;
323 + list-style-position: outside;
324 + margin: 0;
325 + padding: 0;
326 + overflow: hidden;
327 + background-color: #fff;
328 + border: 2px solid #ccc;
329 + border-top: none;
330 +}
331 +div.suggestResults ul li{
332 + color: #ccc;
333 + padding: 0;
334 + margin: 0;
335 + text-align: left;
336 +}
337 +div.suggestResults ul li a{
338 + color: #4D4D4D;
339 + display: block;
340 + text-decoration: none;
341 + background-color: transparent;
342 + position: relative;
343 + padding: 0;
344 + width: 100%;
345 +}
346 +div.suggestResults ul li a:hover{
347 + background-color: #fff;
348 +}
349 +div.suggestResults ul li a span.suggestItem{
350 + display: block;
351 + padding: 0;
352 + margin: 0;
353 + font-weight: normal;
354 + clear: both;
355 +}
356 +div.suggestResults ul li a span.suggestItem span.suggestName{
357 + text-align: left;
358 + width: 60%;
359 + display:inline-block;
360 + font-weight: bold;
361 + padding-left: 6px;
362 + margin: 0px;
363 +}
364 +div.suggestResults ul li a:hover span.suggestItem span.suggestName{
365 + text-decoration: underline;
366 +}
367 +div.suggestResults ul li a span.suggestItem span.suggestLocation{
368 + text-align: right;
369 + color: #cccccc;
370 + width: 36%;
371 + vertical-align: top;
372 + display:inline-block;
373 + padding-right: 6px;
374 + margin: 0px;
375 +}
376 +div.suggestResults ul em{
377 + font-style: normal;
378 + color: #5599FF;
379 +}