Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 306.1
edited by Ecaterina Valica
on 2009/03/23 15:41
Change comment: There is no comment for this version
To version 369.1
edited by Ecaterina Valica
on 2009/03/24 15:06
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>
XWiki.StyleSheetExtension[0]
Code
... ... @@ -1,8 +1,4 @@
1 -#search{
2 - width: 100%;
3 - background-color: #fff;
4 -}
5 -/* Search Bar*/
1 +39397F Bar*/
6 6  #searchBar{
7 7   margin-bottom: 11px;
8 8   padding-left: 5px;
... ... @@ -20,6 +20,7 @@
20 20   border: 2px solid #CCCCCC;
21 21   color: #4d4d4d;
22 22   font-size:15px;
19 + width: 400px;
23 23  }
24 24  .searchButton{
25 25   background-color:#B3B3B3;
... ... @@ -42,12 +42,12 @@
42 42   font-size: 90%;
43 43  }
44 44  #sortFilter{
45 - color: #808080;
42 + color: #aaa;
46 46   padding: 5px;
47 47   line-height: 16px;
48 48  }
49 49  #sortFilter a.sortType{
50 - color: #808080;
47 + color: #aaa;
51 51  }
52 52  #sortFilter a.sortType:hover{
53 53   color: #4D4D4D;
... ... @@ -63,7 +63,7 @@
63 63   outline: dotted 1px #000;
64 64  }
65 65  .paginationFilter {
66 - color: #808080;
63 + color: #aaa;
67 67   height: 100%;
68 68   border-top: 1px solid #CCCCCC;
69 69   padding: 2px 0px 5px 5px;
... ... @@ -74,7 +74,7 @@
74 74   float: left;
75 75  }
76 76  .resultsNo .currentResultsNo, .resultsNo .totalResultsNo{
77 - color: #808080;
74 + color: #aaa;
78 78  }
79 79  .pagination{
80 80   float: right;
... ... @@ -81,7 +81,7 @@
81 81   margin-right: 10px;
82 82  }
83 83  .pagination a{
84 - color: #808080;
81 + color: #aaa;
85 85  }
86 86  .pagination a:hover{
87 87   color: #4D4D4D;
... ... @@ -168,10 +168,10 @@
168 168   width: 82%;
169 169  }
170 170  .itemDescription a{
171 - color: #5599ff;
168 + color: #39397F;
172 172  }
173 173  .itemDescription a:hover{
174 - color: #5599ff;
171 + color: #39397F;
175 175  }
176 176  .itemDescription a:focus {
177 177   outline: dotted 1px #000;
... ... @@ -193,12 +193,12 @@
193 193   outline: dotted 1px #000;
194 194  }
195 195  .itemLocation{
196 - color: #808080;
193 + color: #aaa;
197 197   font-size:90%;
198 198  }
199 199  .itemLocation a.itemWiki , .itemLocation a.itemSpace, .itemLocation a.itemPage{}
200 200  .itemModifiers{
201 - color: #808080;
198 + color: #aaa;
202 202   font-size:90%;
203 203  }
204 204  .itemModifiers a.itemAuthor, .itemModifiers a.itemDate{}
... ... @@ -207,7 +207,6 @@
207 207   padding: 0px 5px 0px 5px;
208 208  }
209 209  .itemOthers{
210 - color: #808080;
211 211   font-size:80%;
212 212  }
213 213  .itemOthers .itemComments, .itemOthers .itemAttachments, .itemOthers .itemRating{
... ... @@ -284,7 +284,6 @@
284 284  .relevanceText{
285 285   float: right;
286 286   margin-right: 5px;
287 - color: #808080;
288 288   font-size:80%;
289 289  }
290 290  .resultSeparator{
... ... @@ -308,30 +308,33 @@
308 308   height: 1px;
309 309   margin: 0 211px;
310 310  }
306 +html>body div.suggestResults{
307 + width: 422px;
308 +}
311 311  div.suggestResults{
310 + width: 400px;
312 312   position: absolute;
313 - padding: 10px 0 0 0;
314 - z-index: 100013;
312 + padding: 11px 0px;
313 + margin: 0px;
314 + z-index: 1000;
315 315   left: 5px;
316 - top: 14px;
317 - width: 400px;
316 + top: 27px;
318 318  }
319 319  div.suggestResults ul{
320 320   list-style: none;
321 - margin: 0 0 -4px 0;
320 + list-style-position: outside;
321 + margin: 0;
322 322   padding: 0;
323 - overflow: hidden;
324 - background-color: #fff;
323 + background: #FFFFFF url($xwiki.getSkinFile("greyback2.png")) repeat-x scroll right bottom;
325 325   border: 2px solid #ccc;
325 + border-top: none;
326 326  }
327 327  div.suggestResults ul li{
328 - color: #ccc;
329 - padding: 0;
330 - margin: 0 4px 4px;
328 + padding: 5px 0 0;
329 + margin: 0;
331 331   text-align: left;
332 332  }
333 333  div.suggestResults ul li a{
334 - color: #4D4D4D;
335 335   display: block;
336 336   text-decoration: none;
337 337   background-color: transparent;
... ... @@ -339,33 +339,44 @@
339 339   padding: 0;
340 340   width: 100%;
341 341  }
342 -div.suggestResults ul li a:hover{
343 - background-color: #fff;
344 -}
345 345  div.suggestResults ul li a span.suggestItem{
346 346   display: block;
347 - padding: 3px 6px;
348 - font-weight: normal;
349 - width: 100%;
342 + padding: 0;
343 + margin: 0;
350 350   clear: both;
351 351  }
352 352  div.suggestResults ul li a span.suggestItem span.suggestName{
353 353   text-align: left;
354 354   width: 60%;
349 + color: #4D4D4D;
355 355   display:inline-block;
351 + font-size: 90%;
352 + padding-left: 6px;
353 + margin: 0px;
356 356  }
357 357  div.suggestResults ul li a:hover span.suggestItem span.suggestName{
358 358   text-decoration: underline;
359 359  }
360 -div.suggestResults ul li a span.suggestItem span.suggestlocation{
358 +div.suggestResults ul li a:hover span.suggestItem span.suggestName em{
359 + text-decoration: underline;
360 +}
361 +div.suggestResults ul li a:hover span.suggestItem span.suggestLocation{
362 + color: #39397F;
363 + text-decoration: none;
364 +}
365 +div.suggestResults ul li a span.suggestItem span.suggestLocation{
361 361   text-align: right;
362 362   color: #cccccc;
368 + font-size: 90%;
363 363   width: 36%;
364 364   vertical-align: top;
365 365   display:inline-block;
366 366   padding-right: 6px;
373 + margin: 0px;
367 367  }
368 -div.suggestResults ul em{
369 - font-style: normal;
370 - color: #5599FF;
375 +em{
376 + color:#5599FF;
377 + padding:0;
378 + margin: 0;
379 + text-decoration: inherited;
371 371  }