Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 292.1
edited by Ecaterina Valica
on 2009/03/22 11:56
Change comment: There is no comment for this version
To version 308.1
edited by Ecaterina Valica
on 2009/03/23 15:43
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -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,3 +1,6 @@
1 +body{
2 + position:relative;
3 + }
1 1  #search{
2 2   width: 100%;
3 3   background-color: #fff;
... ... @@ -20,6 +20,8 @@
20 20   border: 2px solid #CCCCCC;
21 21   color: #4d4d4d;
22 22   font-size:15px;
26 + width: 400px;
27 + height: 26px;
23 23  }
24 24  .searchButton{
25 25   background-color:#B3B3B3;
... ... @@ -49,10 +49,10 @@
49 49  #sortFilter a.sortType{
50 50   color: #808080;
51 51  }
52 -#sortFilter a:hover{
57 +#sortFilter a.sortType:hover{
53 53   color: #4D4D4D;
54 54  }
55 -#sortFilter a:focus {
60 +#sortFilter a.sortType:focus {
56 56   outline: dotted 1px #000;
57 57  }
58 58  #sortFilter a#currentSort{
... ... @@ -59,6 +59,9 @@
59 59   color: #4D4D4D;
60 60   font-weight: bold;
61 61  }
67 +#sortFilter a#currentSort:focus {
68 + outline: dotted 1px #000;
69 +}
62 62  .paginationFilter {
63 63   color: #808080;
64 64   height: 100%;
... ... @@ -87,6 +87,9 @@
87 87   color: #4D4D4D;
88 88   font-weight: bold;
89 89  }
98 +.pagination a:focus {
99 + outline: dotted 1px #000;
100 +}
90 90  .controlPagination{
91 91   position:relative;
92 92   width:41px;
... ... @@ -167,6 +167,9 @@
167 167  .itemDescription a:hover{
168 168   color: #5599ff;
169 169  }
181 +.itemDescription a:focus {
182 + outline: dotted 1px #000;
183 +}
170 170  .itemTitle a{
171 171   color: #4d4d4d;
172 172   font-weight: bold;
... ... @@ -177,6 +177,12 @@
177 177   font-weight: bold;
178 178   font-size:130%;
179 179  }
194 +.itemTitle a:focus {
195 + outline: dotted 1px #000;
196 +}
197 +a.itemAuthor:focus{
198 + outline: dotted 1px #000;
199 +}
180 180  .itemLocation{
181 181   color: #808080;
182 182   font-size:90%;
... ... @@ -293,4 +293,64 @@
293 293   height: 1px;
294 294   margin: 0 211px;
295 295  }
296 -
316 +div.suggestResults{
317 + position: absolute;
318 + padding: 10px 0 0 0;
319 + z-index: 100013;
320 + left: 5px;
321 + top: 14px;
322 + width: 400px;
323 +}
324 +div.suggestResults ul{
325 + list-style: none;
326 + margin: 0 0 -4px 0;
327 + padding: 0;
328 + overflow: hidden;
329 + background-color: #fff;
330 + border: 2px solid #ccc;
331 +}
332 +div.suggestResults ul li{
333 + color: #ccc;
334 + padding: 0;
335 + margin: 0 4px 4px;
336 + text-align: left;
337 +}
338 +div.suggestResults ul li a{
339 + color: #4D4D4D;
340 + display: block;
341 + text-decoration: none;
342 + background-color: transparent;
343 + position: relative;
344 + padding: 0;
345 + width: 100%;
346 +}
347 +div.suggestResults ul li a:hover{
348 + background-color: #fff;
349 +}
350 +div.suggestResults ul li a span.suggestItem{
351 + display: block;
352 + padding: 3px 6px;
353 + font-weight: normal;
354 + width: 100%;
355 + clear: both;
356 +}
357 +div.suggestResults ul li a span.suggestItem span.suggestName{
358 + text-align: left;
359 + width: 60%;
360 + display:inline-block;
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 +}