Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 289.1
edited by Ecaterina Valica
on 2009/03/22 11:53
Change comment: There is no comment for this version
To version 330.1
edited by Ecaterina Valica
on 2009/03/23 16:49
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
... ... @@ -2,9 +2,6 @@
2 2   width: 100%;
3 3   background-color: #fff;
4 4  }
5 -#search a:focus {
6 - outline: dotted 1px #000;
7 -}
8 8  /* Search Bar*/
9 9  #searchBar{
10 10   margin-bottom: 11px;
... ... @@ -23,6 +23,7 @@
23 23   border: 2px solid #CCCCCC;
24 24   color: #4d4d4d;
25 25   font-size:15px;
23 + width: 400px;
26 26  }
27 27  .searchButton{
28 28   background-color:#B3B3B3;
... ... @@ -52,13 +52,19 @@
52 52  #sortFilter a.sortType{
53 53   color: #808080;
54 54  }
55 -#sortFilter a:hover{
53 +#sortFilter a.sortType:hover{
56 56   color: #4D4D4D;
57 57  }
56 +#sortFilter a.sortType:focus {
57 + outline: dotted 1px #000;
58 +}
58 58  #sortFilter a#currentSort{
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 63   color: #808080;
64 64   height: 100%;
... ... @@ -87,6 +87,9 @@
87 87   color: #4D4D4D;
88 88   font-weight: bold;
89 89  }
94 +.pagination a:focus {
95 + outline: dotted 1px #000;
96 +}
90 90  .controlPagination{
91 91   position:relative;
92 92   width:41px;
... ... @@ -167,6 +167,9 @@
167 167  .itemDescription a:hover{
168 168   color: #5599ff;
169 169  }
177 +.itemDescription a:focus {
178 + outline: dotted 1px #000;
179 +}
170 170  .itemTitle a{
171 171   color: #4d4d4d;
172 172   font-weight: bold;
... ... @@ -177,6 +177,12 @@
177 177   font-weight: bold;
178 178   font-size:130%;
179 179  }
190 +.itemTitle a:focus {
191 + outline: dotted 1px #000;
192 +}
193 +a.itemAuthor:focus{
194 + outline: dotted 1px #000;
195 +}
180 180  .itemLocation{
181 181   color: #808080;
182 182   font-size:90%;
... ... @@ -293,3 +293,78 @@
293 293   height: 1px;
294 294   margin: 0 211px;
295 295  }
312 +div.suggestResults{
313 + width: 400px;
314 +}
315 +html>body div.suggestResults{
316 + position: absolute;
317 + padding: 11px 0px;
318 + margin: 0px;
319 + z-index: 100013;
320 + left: 5px;
321 + top: 27px;
322 + width: 422px;
323 + opacity: 100;
324 +}
325 +div.suggestResults ul{
326 + list-style: none;
327 + list-style-position: outside;
328 + margin: 0;
329 + padding: 0;
330 + overflow: hidden;
331 + background-color: #fff;
332 + border: 2px solid #ccc;
333 + border-top: none;
334 +}
335 +div.suggestResults ul li{
336 + color: #ccc;
337 + padding: 0;
338 + margin: 0;
339 + text-align: left;
340 +}
341 +div.suggestResults ul li a{
342 + color: #4D4D4D;
343 + display: block;
344 + text-decoration: none;
345 + overflow: hidden;
346 + background-color: transparent;
347 + position: relative;
348 + padding: 0;
349 + width: 100%;
350 +}
351 +div.suggestResults ul li a:hover{
352 + background-color: #fff;
353 +}
354 +div.suggestResults ul li a span.suggestItem{
355 + display: block;
356 + padding: 0;
357 + margin: 0;
358 + font-weight: normal;
359 + clear: both;
360 + overflow:hidden;
361 +}
362 +div.suggestResults ul li a span.suggestItem span.suggestName{
363 + text-align: left;
364 + width: 60%;
365 + display:inline-block;
366 + font-weight: bold;
367 + padding-left: 6px;
368 + margin: 0px;
369 +}
370 +div.suggestResults ul li a:hover span.suggestItem span.suggestName{
371 + text-decoration: underline;
372 +}
373 +div.suggestResults ul li a span.suggestItem span.suggestLocation{
374 + text-align: right;
375 + color: #cccccc;
376 + font-size: 90%;
377 + width: 36%;
378 + vertical-align: top;
379 + display:inline-block;
380 + padding-right: 6px;
381 + margin: 0px;
382 +}
383 +div.suggestResults ul em{
384 + font-style: normal;
385 + color: #5599FF;
386 +}