Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 300.1
edited by Ecaterina Valica
on 2009/03/22 12:18
Change comment: There is no comment for this version
To version 361.1
edited by Ecaterina Valica
on 2009/03/24 13:55
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>
... ... @@ -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
... ... @@ -1,4 +2,3 @@
1 -
2 2  #search{
3 3   width: 100%;
4 4   background-color: #fff;
... ... @@ -21,6 +21,7 @@
21 21   border: 2px solid #CCCCCC;
22 22   color: #4d4d4d;
23 23   font-size:15px;
23 + width: 400px;
24 24  }
25 25  .searchButton{
26 26   background-color:#B3B3B3;
... ... @@ -60,6 +60,9 @@
60 60   color: #4D4D4D;
61 61   font-weight: bold;
62 62  }
63 +#sortFilter a#currentSort:focus {
64 + outline: dotted 1px #000;
65 +}
63 63  .paginationFilter {
64 64   color: #808080;
65 65   height: 100%;
... ... @@ -306,3 +306,83 @@
306 306   height: 1px;
307 307   margin: 0 211px;
308 308  }
312 +html>body div.suggestResults{
313 + width: 422px;
314 +}
315 +div.suggestResults{
316 + width: 400px;
317 + position: absolute;
318 + padding: 11px 0px;
319 + margin: 0px;
320 + z-index: 1000;
321 + left: 5px;
322 + top: 27px;
323 +}
324 +div.suggestResults ul{
325 + list-style: none;
326 + list-style-position: outside;
327 + margin: 0;
328 + padding: 0;
329 + background-color: #fff;
330 + border: 2px solid #ccc;
331 + border-top: none;
332 +}
333 +div.suggestResults ul li{
334 + padding: 0;
335 + margin: 0;
336 + text-align: left;
337 +}
338 +div.suggestResults ul li a{
339 + color: #4D4D4D;
340 + display: block;
341 + text-decoration: none;
342 + overflow: hidden;
343 + background-color: transparent;
344 + position: relative;
345 + padding: 0;
346 + width: 100%;
347 +}
348 +div.suggestResults ul li a span.suggestItem{
349 + display: block;
350 + padding: 0;
351 + margin: 0;
352 + font-weight: normal;
353 + clear: both;
354 + overflow:hidden;
355 +}
356 +div.suggestResults ul li a span.suggestItem span.suggestName{
357 + text-align: left;
358 + width: 60%;
359 + color: #4D4D4D;
360 + display:inline-block;
361 + font-weight: bold;
362 + font-size: 90%;
363 + padding-left: 6px;
364 + margin: 0px;
365 +}
366 +div.suggestResults ul li a:hover span.suggestItem span.suggestName{
367 + text-decoration: underline;
368 +}
369 +div.suggestResults ul li a:hover span.suggestItem span.suggestName em{
370 + text-decoration: underline;
371 +}
372 +div.suggestResults ul li a:hover span.suggestItem span.suggestLocation{
373 + color: #5599FF;
374 + text-decoration: none;
375 +}
376 +div.suggestResults ul li a span.suggestItem span.suggestLocation{
377 + text-align: right;
378 + color: #cccccc;
379 + font-size: 90%;
380 + width: 36%;
381 + vertical-align: top;
382 + display:inline-block;
383 + padding-right: 6px;
384 + margin: 0px;
385 +}
386 +em{
387 + background-color:#F7FF94;
388 + padding:0;
389 + margin: 0;
390 + text-decoration: inherited;
391 +}