Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 311.1
edited by Ecaterina Valica
on 2009/03/23 15:49
Change comment: There is no comment for this version
To version 418.1
edited by Ecaterina Valica
on 2009/03/25 13:58
Change comment: Deletion of attachment searchBlue.css

Summary

Details

Page properties
Content
... ... @@ -33,15 +33,13 @@
33 33   #set($url = $xwiki.getURL("Main.WebSearchRss", "view", "xpage=rdf&space=$space&text=${utext}"))
34 34  #end
35 35  <div id="search">
36 -<form action="">
37 - <div id="searchBar">
36 +<form action="" id="searchBar">
38 38   {pre}
39 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 - <input type="submit" class="searchButton" value="Search" title="$msg.get('xe.search.bar.go.title')"/>
40 + <input type="submit" class="searchButton" value="$msg.get('xe.search.bar.go')" title="$msg.get('xe.search.bar.go.title')"/>
42 42   <div class="searchHelp">$msg.get("xe.search.bar.help")</div>
43 43   {/pre}
44 - </div>
45 45  </form>
46 46  #includeInContext("XWiki.WebSearchCode")
47 47  #includeInContext("XWiki.ListSuggestions")
variants.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.evalica
Size
... ... @@ -1,0 +1,1 @@
1 +179.5 KB
Content
XWiki.StyleSheetExtension[0]
Code
... ... @@ -21,13 +21,11 @@
21 21   color: #4d4d4d;
22 22   font-size:15px;
23 23   width: 400px;
24 - height: 26px;
25 25  }
26 26  .searchButton{
27 27   background-color:#B3B3B3;
28 28   border:2px solid #B3B3B3;
29 29   color:#FFFFFF;
30 - font-family:Verdana;
31 31   font-size:11px;
32 32   font-variant:small-caps;
33 33   font-weight:bold;
... ... @@ -44,18 +44,18 @@
44 44   font-size: 90%;
45 45  }
46 46  #sortFilter{
47 - color: #808080;
45 + color: #aaa;
48 48   padding: 5px;
49 49   line-height: 16px;
50 50  }
51 51  #sortFilter a.sortType{
52 - color: #808080;
50 + color: #aaa;
53 53  }
54 54  #sortFilter a.sortType:hover{
55 55   color: #4D4D4D;
56 56  }
57 57  #sortFilter a.sortType:focus {
58 - outline: dotted 1px #000;
56 + outline: dotted 1px #000;
59 59  }
60 60  #sortFilter a#currentSort{
61 61   color: #4D4D4D;
... ... @@ -62,10 +62,10 @@
62 62   font-weight: bold;
63 63  }
64 64  #sortFilter a#currentSort:focus {
65 - outline: dotted 1px #000;
63 + outline: dotted 1px #000;
66 66  }
67 67  .paginationFilter {
68 - color: #808080;
66 + color: #aaa;
69 69   height: 100%;
70 70   border-top: 1px solid #CCCCCC;
71 71   padding: 2px 0px 5px 5px;
... ... @@ -76,14 +76,20 @@
76 76   float: left;
77 77  }
78 78  .resultsNo .currentResultsNo, .resultsNo .totalResultsNo{
79 - color: #808080;
77 + color: #aaa;
80 80  }
79 +.paginationFooter{
80 + display: block;
81 + clear: both;
82 + text-align: right;
83 + font-size: 90%;
84 +}
81 81  .pagination{
82 82   float: right;
83 83   margin-right: 10px;
84 84  }
85 85  .pagination a{
86 - color: #808080;
90 + color: #aaa;
87 87  }
88 88  .pagination a:hover{
89 89   color: #4D4D4D;
... ... @@ -93,43 +93,55 @@
93 93   font-weight: bold;
94 94  }
95 95  .pagination a:focus {
96 - outline: dotted 1px #000;
100 + outline: dotted 1px #000;
97 97  }
98 98  .controlPagination{
99 99   position:relative;
100 - width:41px;
104 + width:42px;
101 101   height:22px;
102 102   overflow:hidden;
103 103   margin:0!important;
104 104   padding:0!important;
105 - list-style:none;
106 - background-image:url($xwiki.getSkinFile("navigation.png"));
107 107   float: right;
108 108  }
109 -.controlPagination li{
110 - display:inline;
111 -}
112 112  .controlPagination a{
113 113   position:absolute;
114 114   top:0;
115 115   left:0;
116 116   text-indent:-1000em;
117 - height:25px;
118 118   line-height:25px;
119 119   outline:none;
120 120   overflow:hidden;
121 121   border:none;
122 122  }
123 -a.prevPagination {
124 - width: 50%;
125 - z-index: 2;
121 +.controlPagination a.prevPagination {
122 + background-position:left top;
123 + background-image:url($xwiki.getSkinFile("navigation.png"));
124 + width: 21px;
125 + height: 22px;
126 126  }
127 -a.nextPagination {
128 - width: 100%;
129 - z-index: 1;
127 +.controlPagination a.noPrevPagination{
128 + background-position:left bottom;
129 + background-image:url($xwiki.getSkinFile("navigation.png"));
130 + width: 21px;
131 + height: 22px;
130 130  }
131 -/* Search Result List*/
132 -#searchResultsList{
133 +.controlPagination a.nextPagination {
134 + background-position:right top;
135 + background-image:url($xwiki.getSkinFile("navigation.png"));
136 + width: 21px;
137 + height: 22px;
138 + left: 21px;
139 +}
140 +.controlPagination a.noNextPagination {
141 + background-position:right bottom;
142 + background-image:url($xwiki.getSkinFile("navigation.png"));
143 + width: 21px;
144 + height: 22px;
145 + left: 21px;
146 +}
147 +/* Search Result*/
148 +#searchResults{
133 133   clear: both;
134 134   display: table;
135 135   padding-top: 15px;
... ... @@ -137,7 +137,7 @@
137 137  .resultItem{
138 138   display: block;
139 139  }
140 -.resultItemContainer{
156 +.resultContainer{
141 141   clear: both;
142 142   width: 100%;
143 143  }
... ... @@ -170,13 +170,13 @@
170 170   width: 82%;
171 171  }
172 172  .itemDescription a{
173 - color: #5599ff;
189 + color: #39397F;
174 174  }
175 175  .itemDescription a:hover{
176 - color: #5599ff;
192 + color: #39397F;
177 177  }
178 178  .itemDescription a:focus {
179 - outline: dotted 1px #000;
195 + outline: dotted 1px #000;
180 180  }
181 181  .itemTitle a{
182 182   color: #4d4d4d;
... ... @@ -189,27 +189,27 @@
189 189   font-size:130%;
190 190  }
191 191  .itemTitle a:focus {
192 - outline: dotted 1px #000;
208 + outline: dotted 1px #000;
193 193  }
194 194  a.itemAuthor:focus{
195 - outline: dotted 1px #000;
211 + outline: dotted 1px #000;
196 196  }
197 197  .itemLocation{
198 - color: #808080;
214 + color: #aaa;
199 199   font-size:90%;
200 200  }
201 201  .itemLocation a.itemWiki , .itemLocation a.itemSpace, .itemLocation a.itemPage{}
202 202  .itemModifiers{
203 - color: #808080;
219 + color: #aaa;
204 204   font-size:90%;
205 205  }
206 -.itemModifiers a.itemAuthor, .itemModifiers a.itemDate{}
207 -.itemContext .highlight{
208 - background-color: #f7ff94;
209 - padding: 0px 5px 0px 5px;
222 +.itemContext em{
223 + background-color:#F7FF94;
224 + padding:0;
225 + margin: 0;
226 + text-decoration: inherited;
210 210  }
211 211  .itemOthers{
212 - color: #808080;
213 213   font-size:80%;
214 214  }
215 215  .itemOthers .itemComments, .itemOthers .itemAttachments, .itemOthers .itemRating{
... ... @@ -286,7 +286,6 @@
286 286  .relevanceText{
287 287   float: right;
288 288   margin-right: 5px;
289 - color: #808080;
290 290   font-size:80%;
291 291  }
292 292  .resultSeparator{
... ... @@ -298,42 +298,34 @@
298 298   margin-bottom: 15px;
299 299   height: 1px;
300 300  }
301 -.searchFooter{
302 - display: block;
303 - clear: both;
304 - text-align: right;
305 - font-size: 90%;
316 +html>body .suggestResults{
317 + width: 422px;
306 306  }
307 -.divClosure {
308 - background-color: transparent;
309 - clear: both;
310 - height: 1px;
311 - margin: 0 211px;
312 -}
313 -div.suggestResults{
319 +.suggestResults{
320 + display:none;
321 + width: 400px;
314 314   position: absolute;
315 - padding: 10px 0 0 0;
316 - z-index: 100013;
323 + padding: 11px 0px;
324 + margin: 0px;
325 + z-index: 1000;
317 317   left: 5px;
318 - top: 34px;
319 - width: 400px;
327 + top: 27px;
320 320  }
321 -div.suggestResults ul{
329 +.suggestResults ul{
322 322   list-style: none;
323 - margin: 0 0 -4px 0;
331 + list-style-position: outside;
332 + margin: 0;
324 324   padding: 0;
325 - overflow: hidden;
326 - background-color: #fff;
334 + background: #FFFFFF url($xwiki.getSkinFile('suggestBg.png')) repeat-x scroll 0 0;
327 327   border: 2px solid #ccc;
336 + border-top: none;
328 328  }
329 -div.suggestResults ul li{
330 - color: #ccc;
331 - padding: 0;
332 - margin: 0 4px 4px;
338 +.suggestResults ul li{
339 + padding: 5px 0 0;
340 + margin: 0;
333 333   text-align: left;
334 334  }
335 -div.suggestResults ul li a{
336 - color: #4D4D4D;
343 +.suggestResults ul li a{
337 337   display: block;
338 338   text-decoration: none;
339 339   background-color: transparent;
... ... @@ -341,33 +341,47 @@
341 341   padding: 0;
342 342   width: 100%;
343 343  }
344 -div.suggestResults ul li a:hover{
345 - background-color: #fff;
346 -}
347 -div.suggestResults ul li a span.suggestItem{
351 +.suggestResults ul li a .suggestItem{
348 348   display: block;
349 - padding: 3px 6px;
350 - font-weight: normal;
351 - width: 100%;
353 + padding: 0;
354 + margin: 0;
352 352   clear: both;
353 353  }
354 -div.suggestResults ul li a span.suggestItem span.suggestName{
357 +.suggestResults ul li a:focus .suggestItem{
358 + outline: dotted 1px #000;
359 +}
360 +.suggestResults ul li a .suggestItem .suggestTitle{
355 355   text-align: left;
356 356   width: 60%;
363 + color: #4D4D4D;
357 357   display:inline-block;
365 + font-weight: bold;
366 + font-size: 90%;
367 + padding-left: 6px;
368 + margin: 0px;
358 358  }
359 -div.suggestResults ul li a:hover span.suggestItem span.suggestName{
370 +.suggestResults em{
371 + background-color:#F7FF94;
372 + padding:0;
373 + margin: 0;
374 + text-decoration: inherited;
375 +}
376 +.suggestResults ul li a:hover .suggestItem .suggestTitle,
377 +.suggestResults ul li a:hover .suggestItem .suggestTitle em{
360 360   text-decoration: underline;
361 361  }
362 -div.suggestResults ul li a span.suggestItem span.suggestLocation{
380 +.suggestResults ul li a:hover .suggestItem .suggestLocation .suggestWiki,
381 +.suggestResults ul li a:hover .suggestItem .suggestLocation .suggestSpace{
382 + color: #39397F;
383 + text-decoration: none;
384 +}
385 +.suggestResults ul li a .suggestItem .suggestLocation{
363 363   text-align: right;
364 - color: #cccccc;
387 + color: #aaa;
388 + font-size: 90%;
365 365   width: 36%;
366 366   vertical-align: top;
367 367   display:inline-block;
368 368   padding-right: 6px;
393 + margin: 0px;
369 369  }
370 -div.suggestResults ul em{
371 - font-style: normal;
372 - color: #5599FF;
373 -}