Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 273.1
edited by Guillaume Lerouge
on 2009/03/20 16:53
Change comment: There is no comment for this version
To version 322.1
edited by Ecaterina Valica
on 2009/03/23 16:15
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="35" 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
... ... @@ -4,34 +4,34 @@
4 4  }
5 5  /* Search Bar*/
6 6  #searchBar{
7 - margin-top: 25px;
8 - margin-bottom: 25px;
7 + margin-bottom: 11px;
9 9   padding-left: 5px;
10 - text-align: center;
11 11   clear: both;
12 12  }
13 13  #searchBar select {
14 - border: 3px solid #CCCCCC;
12 + border: 2px solid #CCCCCC;
15 15   color: #4d4d4d;
16 - font-size:18px;
14 + font-size:15px;
17 17  }
18 18  .searchQuery{
19 19   background:transparent url($xwiki.getSkinFile("search.png")) center left no-repeat;
20 20   display:inline-block;
21 21   padding-left:18px;
22 - border: 3px solid #CCCCCC;
20 + border: 2px solid #CCCCCC;
23 23   color: #4d4d4d;
24 - font-size:18px;
22 + font-size:15px;
23 + width: 400px;
25 25  }
26 26  .searchButton{
27 27   background-color:#B3B3B3;
28 - border:3px solid #B3B3B3;
27 + border:2px solid #B3B3B3;
29 29   color:#FFFFFF;
30 30   font-family:Verdana;
31 - font-size:16px;
30 + font-size:11px;
31 + font-variant:small-caps;
32 32   font-weight:bold;
33 - height:26px;
34 - line-height:17px;
33 + height:23px;
34 + line-height:12px;
35 35  }
36 36  .searchHelp{
37 37   font-size: 80%;
... ... @@ -50,13 +50,19 @@
50 50  #sortFilter a.sortType{
51 51   color: #808080;
52 52  }
53 -#sortFilter a:hover{
53 +#sortFilter a.sortType:hover{
54 54   color: #4D4D4D;
55 55  }
56 +#sortFilter a.sortType:focus {
57 + outline: dotted 1px #000;
58 +}
56 56  #sortFilter a#currentSort{
57 57   color: #4D4D4D;
58 58   font-weight: bold;
59 59  }
63 +#sortFilter a#currentSort:focus {
64 + outline: dotted 1px #000;
65 +}
60 60  .paginationFilter {
61 61   color: #808080;
62 62   height: 100%;
... ... @@ -85,6 +85,9 @@
85 85   color: #4D4D4D;
86 86   font-weight: bold;
87 87  }
94 +.pagination a:focus {
95 + outline: dotted 1px #000;
96 +}
88 88  .controlPagination{
89 89   position:relative;
90 90   width:41px;
... ... @@ -165,6 +165,9 @@
165 165  .itemDescription a:hover{
166 166   color: #5599ff;
167 167  }
177 +.itemDescription a:focus {
178 + outline: dotted 1px #000;
179 +}
168 168  .itemTitle a{
169 169   color: #4d4d4d;
170 170   font-weight: bold;
... ... @@ -175,6 +175,12 @@
175 175   font-weight: bold;
176 176   font-size:130%;
177 177  }
190 +.itemTitle a:focus {
191 + outline: dotted 1px #000;
192 +}
193 +a.itemAuthor:focus{
194 + outline: dotted 1px #000;
195 +}
178 178  .itemLocation{
179 179   color: #808080;
180 180   font-size:90%;
... ... @@ -291,3 +291,67 @@
291 291   height: 1px;
292 292   margin: 0 211px;
293 293  }
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 + margin: 0;
324 + padding: 0;
325 + overflow: hidden;
326 + background-color: #fff;
327 + border: 2px solid #ccc;
328 + border-top: none;
329 +}
330 +div.suggestResults ul li{
331 + color: #ccc;
332 + padding: 0;
333 + margin: 0;
334 + text-align: left;
335 +}
336 +div.suggestResults ul li a{
337 + color: #4D4D4D;
338 + display: block;
339 + text-decoration: none;
340 + background-color: transparent;
341 + position: relative;
342 + padding: 0;
343 + width: 100%;
344 +}
345 +div.suggestResults ul li a:hover{
346 + background-color: #fff;
347 +}
348 +div.suggestResults ul li a span.suggestItem{
349 + display: block;
350 + padding: 3px 6px;
351 + margin: 0;
352 + font-weight: normal;
353 + clear: both;
354 +}
355 +div.suggestResults ul li a span.suggestItem span.suggestName{
356 + text-align: left;
357 + width: 60%;
358 + display:inline-block;
359 + font-weight: bold;
360 +}
361 +div.suggestResults ul li a:hover span.suggestItem span.suggestName{
362 + text-decoration: underline;
363 +}
364 +div.suggestResults ul li a span.suggestItem span.suggestLocation{
365 + text-align: right;
366 + color: #cccccc;
367 + width: 36%;
368 + vertical-align: top;
369 + display:inline-block;
370 + padding-right: 6px;
371 +}
372 +div.suggestResults ul em{
373 + font-style: normal;
374 + color: #5599FF;
375 +}