Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 284.1
edited by Guillaume Lerouge
on 2009/03/20 17:55
Change comment: There is no comment for this version
To version 306.1
edited by Ecaterina Valica
on 2009/03/23 15:41
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="40" title="$msg.get('xe.search.bar.query.title')"/>
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')"/>
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
... ... @@ -9,27 +9,28 @@
9 9   clear: both;
10 10  }
11 11  #searchBar select {
12 - border: 3px solid #CCCCCC;
12 + border: 2px solid #CCCCCC;
13 13   color: #4d4d4d;
14 - font-size:16px;
14 + font-size:15px;
15 15  }
16 16  .searchQuery{
17 17   background:transparent url($xwiki.getSkinFile("search.png")) center left no-repeat;
18 18   display:inline-block;
19 19   padding-left:18px;
20 - border: 3px solid #CCCCCC;
20 + border: 2px solid #CCCCCC;
21 21   color: #4d4d4d;
22 - font-size:16px;
22 + font-size:15px;
23 23  }
24 24  .searchButton{
25 25   background-color:#B3B3B3;
26 - border:3px solid #B3B3B3;
26 + border:2px solid #B3B3B3;
27 27   color:#FFFFFF;
28 28   font-family:Verdana;
29 - font-size:14px;
29 + font-size:11px;
30 + font-variant:small-caps;
30 30   font-weight:bold;
31 - height:27px;
32 - line-height:15px;
32 + height:23px;
33 + line-height:12px;
33 33  }
34 34  .searchHelp{
35 35   font-size: 80%;
... ... @@ -48,13 +48,19 @@
48 48  #sortFilter a.sortType{
49 49   color: #808080;
50 50  }
51 -#sortFilter a:hover{
52 +#sortFilter a.sortType:hover{
52 52   color: #4D4D4D;
53 53  }
55 +#sortFilter a.sortType:focus {
56 + outline: dotted 1px #000;
57 +}
54 54  #sortFilter a#currentSort{
55 55   color: #4D4D4D;
56 56   font-weight: bold;
57 57  }
62 +#sortFilter a#currentSort:focus {
63 + outline: dotted 1px #000;
64 +}
58 58  .paginationFilter {
59 59   color: #808080;
60 60   height: 100%;
... ... @@ -83,6 +83,9 @@
83 83   color: #4D4D4D;
84 84   font-weight: bold;
85 85  }
93 +.pagination a:focus {
94 + outline: dotted 1px #000;
95 +}
86 86  .controlPagination{
87 87   position:relative;
88 88   width:41px;
... ... @@ -163,6 +163,9 @@
163 163  .itemDescription a:hover{
164 164   color: #5599ff;
165 165  }
176 +.itemDescription a:focus {
177 + outline: dotted 1px #000;
178 +}
166 166  .itemTitle a{
167 167   color: #4d4d4d;
168 168   font-weight: bold;
... ... @@ -173,6 +173,12 @@
173 173   font-weight: bold;
174 174   font-size:130%;
175 175  }
189 +.itemTitle a:focus {
190 + outline: dotted 1px #000;
191 +}
192 +a.itemAuthor:focus{
193 + outline: dotted 1px #000;
194 +}
176 176  .itemLocation{
177 177   color: #808080;
178 178   font-size:90%;
... ... @@ -289,3 +289,64 @@
289 289   height: 1px;
290 290   margin: 0 211px;
291 291  }
311 +div.suggestResults{
312 + position: absolute;
313 + padding: 10px 0 0 0;
314 + z-index: 100013;
315 + left: 5px;
316 + top: 14px;
317 + width: 400px;
318 +}
319 +div.suggestResults ul{
320 + list-style: none;
321 + margin: 0 0 -4px 0;
322 + padding: 0;
323 + overflow: hidden;
324 + background-color: #fff;
325 + border: 2px solid #ccc;
326 +}
327 +div.suggestResults ul li{
328 + color: #ccc;
329 + padding: 0;
330 + margin: 0 4px 4px;
331 + text-align: left;
332 +}
333 +div.suggestResults ul li a{
334 + color: #4D4D4D;
335 + display: block;
336 + text-decoration: none;
337 + background-color: transparent;
338 + position: relative;
339 + padding: 0;
340 + width: 100%;
341 +}
342 +div.suggestResults ul li a:hover{
343 + background-color: #fff;
344 +}
345 +div.suggestResults ul li a span.suggestItem{
346 + display: block;
347 + padding: 3px 6px;
348 + font-weight: normal;
349 + width: 100%;
350 + clear: both;
351 +}
352 +div.suggestResults ul li a span.suggestItem span.suggestName{
353 + text-align: left;
354 + width: 60%;
355 + display:inline-block;
356 +}
357 +div.suggestResults ul li a:hover span.suggestItem span.suggestName{
358 + text-decoration: underline;
359 +}
360 +div.suggestResults ul li a span.suggestItem span.suggestlocation{
361 + text-align: right;
362 + color: #cccccc;
363 + width: 36%;
364 + vertical-align: top;
365 + display:inline-block;
366 + padding-right: 6px;
367 +}
368 +div.suggestResults ul em{
369 + font-style: normal;
370 + color: #5599FF;
371 +}