Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 286.1
edited by Guillaume Lerouge
on 2009/03/20 17:57
Change comment: There is no comment for this version
To version 373.1
edited by Ecaterina Valica
on 2009/03/24 15:12
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")" 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
... ... @@ -11,7 +11,7 @@
11 11  #searchBar select {
12 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;
... ... @@ -19,7 +19,8 @@
19 19   padding-left:18px;
20 20   border: 2px solid #CCCCCC;
21 21   color: #4d4d4d;
22 - font-size:16px;
22 + font-size:15px;
23 + width: 400px;
23 23  }
24 24  .searchButton{
25 25   background-color:#B3B3B3;
... ... @@ -26,10 +26,11 @@
26 26   border:2px solid #B3B3B3;
27 27   color:#FFFFFF;
28 28   font-family:Verdana;
29 - font-size:14px;
30 + font-size:11px;
31 + font-variant:small-caps;
30 30   font-weight:bold;
31 - height:26px;
32 - line-height:15px;
33 + height:23px;
34 + line-height:12px;
33 33  }
34 34  .searchHelp{
35 35   font-size: 80%;
... ... @@ -41,22 +41,28 @@
41 41   font-size: 90%;
42 42  }
43 43  #sortFilter{
44 - color: #808080;
46 + color: #aaa;
45 45   padding: 5px;
46 46   line-height: 16px;
47 47  }
48 48  #sortFilter a.sortType{
49 - color: #808080;
51 + color: #aaa;
50 50  }
51 -#sortFilter a:hover{
53 +#sortFilter a.sortType:hover{
52 52   color: #4D4D4D;
53 53  }
56 +#sortFilter a.sortType:focus {
57 + outline: dotted 1px #000;
58 +}
54 54  #sortFilter a#currentSort{
55 55   color: #4D4D4D;
56 56   font-weight: bold;
57 57  }
63 +#sortFilter a#currentSort:focus {
64 + outline: dotted 1px #000;
65 +}
58 58  .paginationFilter {
59 - color: #808080;
67 + color: #aaa;
60 60   height: 100%;
61 61   border-top: 1px solid #CCCCCC;
62 62   padding: 2px 0px 5px 5px;
... ... @@ -67,7 +67,7 @@
67 67   float: left;
68 68  }
69 69  .resultsNo .currentResultsNo, .resultsNo .totalResultsNo{
70 - color: #808080;
78 + color: #aaa;
71 71  }
72 72  .pagination{
73 73   float: right;
... ... @@ -74,7 +74,7 @@
74 74   margin-right: 10px;
75 75  }
76 76  .pagination a{
77 - color: #808080;
85 + color: #aaa;
78 78  }
79 79  .pagination a:hover{
80 80   color: #4D4D4D;
... ... @@ -83,6 +83,9 @@
83 83   color: #4D4D4D;
84 84   font-weight: bold;
85 85  }
94 +.pagination a:focus {
95 + outline: dotted 1px #000;
96 +}
86 86  .controlPagination{
87 87   position:relative;
88 88   width:41px;
... ... @@ -158,11 +158,14 @@
158 158   width: 82%;
159 159  }
160 160  .itemDescription a{
161 - color: #5599ff;
172 + color: #39397F;
162 162  }
163 163  .itemDescription a:hover{
164 - color: #5599ff;
175 + color: #39397F;
165 165  }
177 +.itemDescription a:focus {
178 + outline: dotted 1px #000;
179 +}
166 166  .itemTitle a{
167 167   color: #4d4d4d;
168 168   font-weight: bold;
... ... @@ -173,13 +173,19 @@
173 173   font-weight: bold;
174 174   font-size:130%;
175 175  }
190 +.itemTitle a:focus {
191 + outline: dotted 1px #000;
192 +}
193 +a.itemAuthor:focus{
194 + outline: dotted 1px #000;
195 +}
176 176  .itemLocation{
177 - color: #808080;
197 + color: #aaa;
178 178   font-size:90%;
179 179  }
180 180  .itemLocation a.itemWiki , .itemLocation a.itemSpace, .itemLocation a.itemPage{}
181 181  .itemModifiers{
182 - color: #808080;
202 + color: #aaa;
183 183   font-size:90%;
184 184  }
185 185  .itemModifiers a.itemAuthor, .itemModifiers a.itemDate{}
... ... @@ -188,7 +188,6 @@
188 188   padding: 0px 5px 0px 5px;
189 189  }
190 190  .itemOthers{
191 - color: #808080;
192 192   font-size:80%;
193 193  }
194 194  .itemOthers .itemComments, .itemOthers .itemAttachments, .itemOthers .itemRating{
... ... @@ -265,7 +265,6 @@
265 265  .relevanceText{
266 266   float: right;
267 267   margin-right: 5px;
268 - color: #808080;
269 269   font-size:80%;
270 270  }
271 271  .resultSeparator{
... ... @@ -289,3 +289,78 @@
289 289   height: 1px;
290 290   margin: 0 211px;
291 291  }
310 +html>body div.suggestResults{
311 + width: 422px;
312 +}
313 +div.suggestResults{
314 + width: 400px;
315 + position: absolute;
316 + padding: 11px 0px;
317 + margin: 0px;
318 + z-index: 1000;
319 + left: 5px;
320 + top: 27px;
321 +}
322 +div.suggestResults ul{
323 + list-style: none;
324 + list-style-position: outside;
325 + margin: 0;
326 + padding: 0;
327 + background: #FFFFFF url($xwiki.getSkinFile("greyback2.png")) repeat-x scroll right bottom;
328 + border: 2px solid #ccc;
329 + border-top: none;
330 +}
331 +div.suggestResults ul li{
332 + padding: 5px 0 0;
333 + margin: 0;
334 + text-align: left;
335 +}
336 +div.suggestResults ul li a{
337 + display: block;
338 + text-decoration: none;
339 + background-color: transparent;
340 + position: relative;
341 + padding: 0;
342 + width: 100%;
343 +}
344 +div.suggestResults ul li a span.suggestItem{
345 + display: block;
346 + padding: 0;
347 + margin: 0;
348 + clear: both;
349 +}
350 +div.suggestResults ul li a span.suggestItem span.suggestName{
351 + text-align: left;
352 + width: 60%;
353 + color: #4D4D4D;
354 + display:inline-block;
355 + font-size: 90%;
356 + padding-left: 6px;
357 + margin: 0px;
358 +}
359 +div.suggestResults ul li a:hover span.suggestItem span.suggestName{
360 + text-decoration: underline;
361 +}
362 +div.suggestResults ul li a:hover span.suggestItem span.suggestName em{
363 + text-decoration: underline;
364 +}
365 +div.suggestResults ul li a:hover span.suggestItem span.suggestLocation{
366 + color: #39397F;
367 + text-decoration: none;
368 +}
369 +div.suggestResults ul li a span.suggestItem span.suggestLocation{
370 + text-align: right;
371 + color: #cccccc;
372 + font-size: 90%;
373 + width: 36%;
374 + vertical-align: top;
375 + display:inline-block;
376 + padding-right: 6px;
377 + margin: 0px;
378 +}
379 +em{
380 + color:#5599FF;
381 + padding:0;
382 + margin: 0;
383 + text-decoration: inherited;
384 +}