Changes for page ListWebSearch

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