Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 291.1
edited by Ecaterina Valica
on 2009/03/22 11:54
Change comment: There is no comment for this version
To version 307.1
edited by Ecaterina Valica
on 2009/03/23 15:42
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
... ... @@ -20,6 +20,8 @@
20 20   border: 2px solid #CCCCCC;
21 21   color: #4d4d4d;
22 22   font-size:15px;
23 + width: 400px;
24 + height: 26px;
23 23  }
24 24  .searchButton{
25 25   background-color:#B3B3B3;
... ... @@ -49,13 +49,19 @@
49 49  #sortFilter a.sortType{
50 50   color: #808080;
51 51  }
52 -#sortFilter a:hover{
54 +#sortFilter a.sortType:hover{
53 53   color: #4D4D4D;
54 54  }
57 +#sortFilter a.sortType:focus {
58 + outline: dotted 1px #000;
59 +}
55 55  #sortFilter a#currentSort{
56 56   color: #4D4D4D;
57 57   font-weight: bold;
58 58  }
64 +#sortFilter a#currentSort:focus {
65 + outline: dotted 1px #000;
66 +}
59 59  .paginationFilter {
60 60   color: #808080;
61 61   height: 100%;
... ... @@ -84,6 +84,9 @@
84 84   color: #4D4D4D;
85 85   font-weight: bold;
86 86  }
95 +.pagination a:focus {
96 + outline: dotted 1px #000;
97 +}
87 87  .controlPagination{
88 88   position:relative;
89 89   width:41px;
... ... @@ -164,6 +164,9 @@
164 164  .itemDescription a:hover{
165 165   color: #5599ff;
166 166  }
178 +.itemDescription a:focus {
179 + outline: dotted 1px #000;
180 +}
167 167  .itemTitle a{
168 168   color: #4d4d4d;
169 169   font-weight: bold;
... ... @@ -174,6 +174,12 @@
174 174   font-weight: bold;
175 175   font-size:130%;
176 176  }
191 +.itemTitle a:focus {
192 + outline: dotted 1px #000;
193 +}
194 +a.itemAuthor:focus{
195 + outline: dotted 1px #000;
196 +}
177 177  .itemLocation{
178 178   color: #808080;
179 179   font-size:90%;
... ... @@ -290,6 +290,64 @@
290 290   height: 1px;
291 291   margin: 0 211px;
292 292  }
293 -a:focus {
294 - outline: dotted 1px #000;
313 +div.suggestResults{
314 + position: absolute;
315 + padding: 10px 0 0 0;
316 + z-index: 100013;
317 + left: 5px;
318 + top: 14px;
319 + width: 400px;
295 295  }
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 +}
329 +div.suggestResults ul li{
330 + color: #ccc;
331 + padding: 0;
332 + margin: 0 4px 4px;
333 + text-align: left;
334 +}
335 +div.suggestResults ul li a{
336 + color: #4D4D4D;
337 + display: block;
338 + text-decoration: none;
339 + background-color: transparent;
340 + position: relative;
341 + padding: 0;
342 + width: 100%;
343 +}
344 +div.suggestResults ul li a:hover{
345 + background-color: #fff;
346 +}
347 +div.suggestResults ul li a span.suggestItem{
348 + display: block;
349 + padding: 3px 6px;
350 + font-weight: normal;
351 + width: 100%;
352 + clear: both;
353 +}
354 +div.suggestResults ul li a span.suggestItem span.suggestName{
355 + text-align: left;
356 + width: 60%;
357 + display:inline-block;
358 +}
359 +div.suggestResults ul li a:hover span.suggestItem span.suggestName{
360 + text-decoration: underline;
361 +}
362 +div.suggestResults ul li a span.suggestItem span.suggestlocation{
363 + text-align: right;
364 + color: #cccccc;
365 + width: 36%;
366 + vertical-align: top;
367 + display:inline-block;
368 + padding-right: 6px;
369 +}
370 +div.suggestResults ul em{
371 + font-style: normal;
372 + color: #5599FF;
373 +}