Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 297.1
edited by Ecaterina Valica
on 2009/03/22 12:13
Change comment: There is no comment for this version
To version 328.1
edited by Ecaterina Valica
on 2009/03/23 16:34
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;
... ... @@ -59,6 +59,9 @@
59 59   color: #4D4D4D;
60 60   font-weight: bold;
61 61  }
63 +#sortFilter a#currentSort:focus {
64 + outline: dotted 1px #000;
65 +}
62 62  .paginationFilter {
63 63   color: #808080;
64 64   height: 100%;
... ... @@ -88,7 +88,6 @@
88 88   font-weight: bold;
89 89  }
90 90  .pagination a:focus {
91 -color: red;
92 92   outline: dotted 1px #000;
93 93  }
94 94  .controlPagination{
... ... @@ -187,6 +187,9 @@
187 187  .itemTitle a:focus {
188 188   outline: dotted 1px #000;
189 189  }
193 +a.itemAuthor:focus{
194 + outline: dotted 1px #000;
195 +}
190 190  .itemLocation{
191 191   color: #808080;
192 192   font-size:90%;
... ... @@ -303,6 +303,75 @@
303 303   height: 1px;
304 304   margin: 0 211px;
305 305  }
306 -* a:focus {
307 - outline: dotted 1px #000;
312 +div.suggestResults{
313 + position: absolute;
314 + padding: 11px 0px;
315 + margin: 0px;
316 + z-index: 100013;
317 + left: 5px;
318 + top: 27px;
319 + width: 422px;
320 + opacity: 100;
308 308  }
322 +div.suggestResults ul{
323 + list-style: none;
324 + list-style-position: outside;
325 + margin: 0;
326 + padding: 0;
327 + overflow: hidden;
328 + background-color: #fff;
329 + border: 2px solid #ccc;
330 + border-top: none;
331 +}
332 +div.suggestResults ul li{
333 + color: #ccc;
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:hover{
349 + background-color: #fff;
350 +}
351 +div.suggestResults ul li a span.suggestItem{
352 + display: block;
353 + padding: 0;
354 + margin: 0;
355 + font-weight: normal;
356 + clear: both;
357 + overflow:hidden;
358 +}
359 +div.suggestResults ul li a span.suggestItem span.suggestName{
360 + text-align: left;
361 + width: 60%;
362 + display:inline-block;
363 + font-weight: bold;
364 + padding-left: 6px;
365 + margin: 0px;
366 +}
367 +div.suggestResults ul li a:hover span.suggestItem span.suggestName{
368 + text-decoration: underline;
369 +}
370 +div.suggestResults ul li a span.suggestItem span.suggestLocation{
371 + text-align: right;
372 + color: #cccccc;
373 + font-size: 90%;
374 + width: 36%;
375 + vertical-align: top;
376 + display:inline-block;
377 + padding-right: 6px;
378 + margin: 0px;
379 +}
380 +div.suggestResults ul em{
381 + font-style: normal;
382 + color: #5599FF;
383 +}