Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 303.1
edited by Ecaterina Valica
on 2009/03/22 12:30
Change comment: There is no comment for this version
To version 318.1
edited by Ecaterina Valica
on 2009/03/23 16:04
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
... ... @@ -20,6 +20,7 @@
20 20   border: 2px solid #CCCCCC;
21 21   color: #4d4d4d;
22 22   font-size:15px;
23 + width: 400px;
23 23  }
24 24  .searchButton{
25 25   background-color:#B3B3B3;
... ... @@ -118,9 +118,6 @@
118 118   overflow:hidden;
119 119   border:none;
120 120  }
121 -.controlPagination a:focus {
122 - outline: dotted 1px #000;
123 -}
124 124  a.prevPagination {
125 125   width: 50%;
126 126   z-index: 2;
... ... @@ -311,3 +311,68 @@
311 311   height: 1px;
312 312   margin: 0 211px;
313 313  }
312 +div.suggestResults{
313 + position: absolute;
314 + padding: 10px 0px;
315 + margin: 0px;
316 + z-index: 100013;
317 + left: 5px;
318 + top: 27px;
319 + width: 422px;
320 +}
321 +div.suggestResults ul{
322 + list-style: none;
323 + margin: 0 0 -4px 0;
324 + padding: 0;
325 + overflow: hidden;
326 + background-color: #fff;
327 + border: 2px solid #ccc;
328 + border-top: none;
329 +}
330 +div.suggestResults ul li{
331 + color: #ccc;
332 + padding: 0;
333 + margin: 0 4px 4px;
334 + text-align: left;
335 +}
336 +div.suggestResults ul li a{
337 + color: #4D4D4D;
338 + display: block;
339 + text-decoration: none;
340 + background-color: transparent;
341 + position: relative;
342 + padding: 0;
343 + width: 100%;
344 +}
345 +div.suggestResults ul li a:hover{
346 + background-color: #fff;
347 +}
348 +div.suggestResults ul li a span.suggestItem{
349 + display: block;
350 + padding: 3px 6px;
351 + margin: 0;
352 + font-weight: normal;
353 + width: 100%;
354 + clear: both;
355 +}
356 +div.suggestResults ul li a span.suggestItem span.suggestName{
357 + text-align: left;
358 + width: 60%;
359 + display:inline-block;
360 + font-weight: bold;
361 +}
362 +div.suggestResults ul li a:hover span.suggestItem span.suggestName{
363 + text-decoration: underline;
364 +}
365 +div.suggestResults ul li a span.suggestItem span.suggestLocation{
366 + text-align: right;
367 + color: #cccccc;
368 + width: 36%;
369 + vertical-align: top;
370 + display:inline-block;
371 + padding-right: 6px;
372 +}
373 +div.suggestResults ul em{
374 + font-style: normal;
375 + color: #5599FF;
376 +}