Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 298.1
edited by Ecaterina Valica
on 2009/03/22 12:16
Change comment: There is no comment for this version
To version 366.1
edited by Ecaterina Valica
on 2009/03/24 14:49
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,11 +1,4 @@
1 -a:focus {
2 - outline: dotted 1px #000;
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;
... ... @@ -23,6 +23,7 @@
23 23   border: 2px solid #CCCCCC;
24 24   color: #4d4d4d;
25 25   font-size:15px;
19 + width: 400px;
26 26  }
27 27  .searchButton{
28 28   background-color:#B3B3B3;
... ... @@ -62,6 +62,9 @@
62 62   color: #4D4D4D;
63 63   font-weight: bold;
64 64  }
59 +#sortFilter a#currentSort:focus {
60 + outline: dotted 1px #000;
61 +}
65 65  .paginationFilter {
66 66   color: #808080;
67 67   height: 100%;
... ... @@ -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;
... ... @@ -189,6 +189,9 @@
189 189  .itemTitle a:focus {
190 190   outline: dotted 1px #000;
191 191  }
189 +a.itemAuthor:focus{
190 + outline: dotted 1px #000;
191 +}
192 192  .itemLocation{
193 193   color: #808080;
194 194   font-size:90%;
... ... @@ -305,3 +305,79 @@
305 305   height: 1px;
306 306   margin: 0 211px;
307 307  }
308 +html>body div.suggestResults{
309 + width: 422px;
310 +}
311 +div.suggestResults{
312 + width: 400px;
313 + position: absolute;
314 + padding: 11px 0px;
315 + margin: 0px;
316 + z-index: 1000;
317 + left: 5px;
318 + top: 27px;
319 +}
320 +div.suggestResults ul{
321 + list-style: none;
322 + list-style-position: outside;
323 + margin: 0;
324 + padding: 0;
325 + background: #FFFFFF url($xwiki.getSkinFile("greyback2.png")) repeat-x scroll 0 0;
326 + border: 2px solid #ccc;
327 + border-top: none;
328 +}
329 +div.suggestResults ul li{
330 + padding: 0;
331 + margin: 0;
332 + text-align: left;
333 +}
334 +div.suggestResults ul li a{
335 + display: block;
336 + text-decoration: none;
337 + background-color: transparent;
338 + position: relative;
339 + padding: 0;
340 + width: 100%;
341 +}
342 +div.suggestResults ul li a span.suggestItem{
343 + display: block;
344 + padding: 0;
345 + margin: 0;
346 + clear: both;
347 +}
348 +div.suggestResults ul li a span.suggestItem span.suggestName{
349 + text-align: left;
350 + width: 60%;
351 + color: #4D4D4D;
352 + display:inline-block;
353 + font-weight: bold;
354 + font-size: 90%;
355 + padding-left: 6px;
356 + margin: 0px;
357 +}
358 +div.suggestResults ul li a:hover span.suggestItem span.suggestName{
359 + text-decoration: underline;
360 +}
361 +div.suggestResults ul li a:hover span.suggestItem span.suggestName em{
362 + text-decoration: underline;
363 +}
364 +div.suggestResults ul li a:hover span.suggestItem span.suggestLocation{
365 + color: #39397F;
366 + text-decoration: none;
367 +}
368 +div.suggestResults ul li a span.suggestItem span.suggestLocation{
369 + text-align: right;
370 + color: #cccccc;
371 + font-size: 90%;
372 + width: 36%;
373 + vertical-align: top;
374 + display:inline-block;
375 + padding-right: 6px;
376 + margin: 0px;
377 +}
378 +em{
379 + color:#5599FF;
380 + padding:0;
381 + margin: 0;
382 + text-decoration: inherited;
383 +}