Changes for page ListWebSearch

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