Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 366.1
edited by Ecaterina Valica
on 2009/03/24 14:49
Change comment: There is no comment for this version
To version 391.1
edited by Ecaterina Valica
on 2009/03/25 10:19
Change comment: There is no comment for this version

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")
searchBlue.css
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.evalica
Size
... ... @@ -1,0 +1,1 @@
1 +7.3 KB
Content
searchYellow.css
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.evalica
Size
... ... @@ -1,0 +1,1 @@
1 +7.4 KB
Content
... ... @@ -1,0 +1,386 @@
1 +#search{
2 + width: 100%;
3 + background-color: #fff;
4 +}
5 +/* Search Bar*/
6 +#searchBar{
7 + margin-bottom: 11px;
8 + padding-left: 5px;
9 + clear: both;
10 +}
11 +#searchBar select {
12 + border: 2px solid #CCCCCC;
13 + color: #4d4d4d;
14 + font-size:15px;
15 +}
16 +.searchQuery{
17 + background:transparent url($xwiki.getSkinFile("search.png")) center left no-repeat;
18 + display:inline-block;
19 + padding-left:18px;
20 + border: 2px solid #CCCCCC;
21 + color: #4d4d4d;
22 + font-size:15px;
23 + width: 400px;
24 +}
25 +.searchButton{
26 + background-color:#B3B3B3;
27 + border:2px solid #B3B3B3;
28 + color:#FFFFFF;
29 + font-family:Verdana;
30 + font-size:11px;
31 + font-variant:small-caps;
32 + font-weight:bold;
33 + height:23px;
34 + line-height:12px;
35 +}
36 +.searchHelp{
37 + font-size: 80%;
38 + color: #808080;
39 +}
40 +/* Search Filters*/
41 +.searchFilters{
42 + clear: both;
43 + font-size: 90%;
44 +}
45 +#sortFilter{
46 + color: #808080;
47 + padding: 5px;
48 + line-height: 16px;
49 +}
50 +#sortFilter a.sortType{
51 + color: #808080;
52 +}
53 +#sortFilter a.sortType:hover{
54 + color: #4D4D4D;
55 +}
56 +#sortFilter a.sortType:focus {
57 + outline: dotted 1px #000;
58 +}
59 +#sortFilter a#currentSort{
60 + color: #4D4D4D;
61 + font-weight: bold;
62 +}
63 +#sortFilter a#currentSort:focus {
64 + outline: dotted 1px #000;
65 +}
66 +.paginationFilter {
67 + color: #808080;
68 + height: 100%;
69 + border-top: 1px solid #CCCCCC;
70 + padding: 2px 0px 5px 5px;
71 + display: block;
72 + line-height: 22px;
73 +}
74 +.resultsNo{
75 + float: left;
76 +}
77 +.resultsNo .currentResultsNo, .resultsNo .totalResultsNo{
78 + color: #808080;
79 +}
80 +.pagination{
81 + float: right;
82 + margin-right: 10px;
83 +}
84 +.pagination a{
85 + color: #808080;
86 +}
87 +.pagination a:hover{
88 + color: #4D4D4D;
89 +}
90 +.pagination a.currentPagination{
91 + color: #4D4D4D;
92 + font-weight: bold;
93 +}
94 +.pagination a:focus {
95 + outline: dotted 1px #000;
96 +}
97 +.controlPagination{
98 + position:relative;
99 + width:41px;
100 + height:22px;
101 + overflow:hidden;
102 + margin:0!important;
103 + padding:0!important;
104 + list-style:none;
105 + background-image:url($xwiki.getSkinFile("navigation.png"));
106 + float: right;
107 +}
108 +.controlPagination li{
109 + display:inline;
110 +}
111 +.controlPagination a{
112 + position:absolute;
113 + top:0;
114 + left:0;
115 + text-indent:-1000em;
116 + height:25px;
117 + line-height:25px;
118 + outline:none;
119 + overflow:hidden;
120 + border:none;
121 +}
122 +a.prevPagination {
123 + width: 50%;
124 + z-index: 2;
125 +}
126 +a.nextPagination {
127 + width: 100%;
128 + z-index: 1;
129 +}
130 +/* Search Result List*/
131 +#searchResultsList{
132 + clear: both;
133 + display: table;
134 + padding-top: 15px;
135 +}
136 +.resultItem{
137 + display: block;
138 +}
139 +.resultItemContainer{
140 + clear: both;
141 + width: 100%;
142 +}
143 +.itemType{
144 + float: left;
145 + display: inline-block;
146 + width: 3%;
147 +}
148 +.itemType .typeComment{
149 + background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat;
150 + display:inline-block;
151 + width:16px;
152 + height:16px;
153 +}
154 +.itemType .typeAttachment{
155 + background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat;
156 + display:inline-block;
157 + width:16px;
158 + height:16px;
159 +}
160 +.itemType .typePage{
161 + background:transparent;
162 + display:inline-block;
163 + width:16px;
164 + height:16px;
165 +}
166 +.itemDescription{
167 + float: left;
168 + display: inline-block;
169 + width: 82%;
170 +}
171 +.itemDescription a{
172 + color: #5599ff;
173 +}
174 +.itemDescription a:hover{
175 + color: #5599ff;
176 +}
177 +.itemDescription a:focus {
178 + outline: dotted 1px #000;
179 +}
180 +.itemTitle a{
181 + color: #4d4d4d;
182 + font-weight: bold;
183 + font-size:130%;
184 +}
185 +.itemTitle a:hover{
186 + color: #4d4d4d;
187 + font-weight: bold;
188 + font-size:130%;
189 +}
190 +.itemTitle a:focus {
191 + outline: dotted 1px #000;
192 +}
193 +a.itemAuthor:focus{
194 + outline: dotted 1px #000;
195 +}
196 +.itemLocation{
197 + color: #808080;
198 + font-size:90%;
199 +}
200 +.itemLocation a.itemWiki , .itemLocation a.itemSpace, .itemLocation a.itemPage{}
201 +.itemModifiers{
202 + color: #808080;
203 + font-size:90%;
204 +}
205 +.itemModifiers a.itemAuthor, .itemModifiers a.itemDate{}
206 +.itemContext .highlight{
207 + background-color: #f7ff94;
208 + padding: 0px 5px 0px 5px;
209 +}
210 +.itemOthers{
211 + color: #808080;
212 + font-size:80%;
213 +}
214 +.itemOthers .itemComments, .itemOthers .itemAttachments, .itemOthers .itemRating{
215 + font-size:80%;
216 + display:inline;
217 + clear:none;
218 + float:left;
219 + padding-right: 5px;
220 +}
221 +.itemOthers .itemComments a{
222 + background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat;
223 + display:inline-block;
224 + padding-right:16px;
225 +}
226 +.itemOthers .itemAttachments a{
227 + background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat;
228 + display:inline-block;
229 + padding-right:16px;
230 +}
231 +.itemRating{
232 + position:relative;
233 + width:55px;
234 + height:11px;
235 + overflow:hidden;
236 + margin:1px 0 0 0!important;
237 + padding:0!important;
238 + background-position:left top;
239 + background-image:url($xwiki.getSkinFile("rating.png"));
240 +}
241 +.itemRating .currentRating{
242 + position:absolute;
243 + top:0;left:0;
244 + text-indent:-1000em;
245 + height:11px;
246 + line-height:11px;
247 + outline:none;
248 + overflow:hidden;
249 + border:none;
250 + background-image:url($xwiki.getSkinFile("rating.png"));
251 + z-index:1;
252 + background-position:left center;
253 +}
254 +.itemRelevance{
255 + float: left;
256 + display: inline-block;
257 + width: 15%;
258 + text-align: right;
259 +}
260 +.relevance{
261 + position:relative;
262 + width:48px;
263 + height:8px;
264 + overflow:hidden;
265 + list-style:none;
266 + margin:5px 0 0 0!important;
267 + padding:0!important;
268 + background-position:left bottom;
269 + background-image:url($xwiki.getSkinFile("relevance.png"));
270 + float:right;
271 +}
272 +.relevance .currentRelevance{
273 + position:absolute;
274 + top:0;left:0;
275 + text-indent:-1000em;
276 + height:8px;
277 + line-height:8px;
278 + outline:none;
279 + overflow:hidden;
280 + border:none;
281 + background-image:url($xwiki.getSkinFile("relevance.png"));
282 + z-index:1;
283 + background-position:left top;
284 +}
285 +.relevanceText{
286 + float: right;
287 + margin-right: 5px;
288 + color: #808080;
289 + font-size:80%;
290 +}
291 +.resultSeparator{
292 + display:block;
293 + width:100%;
294 + clear:both;
295 + padding: 0;
296 + margin: 0;
297 + margin-bottom: 15px;
298 + height: 1px;
299 +}
300 +.searchFooter{
301 + display: block;
302 + clear: both;
303 + text-align: right;
304 + font-size: 90%;
305 +}
306 +.divClosure {
307 + background-color: transparent;
308 + clear: both;
309 + height: 1px;
310 + margin: 0 211px;
311 +}
312 +html>body div.suggestResults{
313 + width: 422px;
314 +}
315 +div.suggestResults{
316 + width: 400px;
317 + position: absolute;
318 + padding: 11px 0px;
319 + margin: 0px;
320 + z-index: 1000;
321 + left: 5px;
322 + top: 27px;
323 +}
324 +div.suggestResults ul{
325 + list-style: none;
326 + list-style-position: outside;
327 + margin: 0;
328 + padding: 0;
329 + background: #FFFFFF url($xwiki.getSkinFile("greyback2.png")) repeat-x scroll 0 0;
330 + border: 2px solid #ccc;
331 + border-top: none;
332 +}
333 +div.suggestResults ul li{
334 + padding: 5px 0 0;
335 + margin: 0;
336 + text-align: left;
337 +}
338 +div.suggestResults ul li a{
339 + display: block;
340 + text-decoration: none;
341 + background-color: transparent;
342 + position: relative;
343 + padding: 0;
344 + width: 100%;
345 +}
346 +div.suggestResults ul li a span.suggestItem{
347 + display: block;
348 + padding: 0;
349 + margin: 0;
350 + clear: both;
351 +}
352 +div.suggestResults ul li a span.suggestItem span.suggestName{
353 + text-align: left;
354 + width: 60%;
355 + color: #4D4D4D;
356 + display:inline-block;
357 + font-size: 90%;
358 + padding-left: 6px;
359 + margin: 0px;
360 +}
361 +div.suggestResults ul li a:hover span.suggestItem span.suggestName{
362 + text-decoration: underline;
363 +}
364 +div.suggestResults ul li a:hover span.suggestItem span.suggestName em{
365 + text-decoration: underline;
366 +}
367 +div.suggestResults ul li a:hover span.suggestItem span.suggestLocation{
368 + color: #5599FF;
369 + text-decoration: none;
370 +}
371 +div.suggestResults ul li a span.suggestItem span.suggestLocation{
372 + text-align: right;
373 + color: #bbb;
374 + font-size: 90%;
375 + width: 36%;
376 + vertical-align: top;
377 + display:inline-block;
378 + padding-right: 6px;
379 + margin: 0px;
380 +}
381 +em{
382 + background-color:#F7FF94;
383 + padding:0;
384 + margin: 0;
385 + text-decoration: inherited;
386 +}
variants.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.evalica
Size
... ... @@ -1,0 +1,1 @@
1 +179.5 KB
Content
XWiki.StyleSheetExtension[0]
Code
... ... @@ -1,4 +1,8 @@
1 -39397F Bar*/
1 +#search{
2 + width: 100%;
3 + background-color: #fff;
4 +}
5 +/* Search Bar*/
2 2  #searchBar{
3 3   margin-bottom: 11px;
4 4   padding-left: 5px;
... ... @@ -22,7 +22,6 @@
22 22   background-color:#B3B3B3;
23 23   border:2px solid #B3B3B3;
24 24   color:#FFFFFF;
25 - font-family:Verdana;
26 26   font-size:11px;
27 27   font-variant:small-caps;
28 28   font-weight:bold;
... ... @@ -39,18 +39,18 @@
39 39   font-size: 90%;
40 40  }
41 41  #sortFilter{
42 - color: #808080;
45 + color: #aaa;
43 43   padding: 5px;
44 44   line-height: 16px;
45 45  }
46 46  #sortFilter a.sortType{
47 - color: #808080;
50 + color: #aaa;
48 48  }
49 49  #sortFilter a.sortType:hover{
50 50   color: #4D4D4D;
51 51  }
52 52  #sortFilter a.sortType:focus {
53 - outline: dotted 1px #000;
56 + outline: dotted 1px #000;
54 54  }
55 55  #sortFilter a#currentSort{
56 56   color: #4D4D4D;
... ... @@ -57,10 +57,10 @@
57 57   font-weight: bold;
58 58  }
59 59  #sortFilter a#currentSort:focus {
60 - outline: dotted 1px #000;
63 + outline: dotted 1px #000;
61 61  }
62 62  .paginationFilter {
63 - color: #808080;
66 + color: #aaa;
64 64   height: 100%;
65 65   border-top: 1px solid #CCCCCC;
66 66   padding: 2px 0px 5px 5px;
... ... @@ -71,7 +71,7 @@
71 71   float: left;
72 72  }
73 73  .resultsNo .currentResultsNo, .resultsNo .totalResultsNo{
74 - color: #808080;
77 + color: #aaa;
75 75  }
76 76  .pagination{
77 77   float: right;
... ... @@ -78,7 +78,7 @@
78 78   margin-right: 10px;
79 79  }
80 80  .pagination a{
81 - color: #808080;
84 + color: #aaa;
82 82  }
83 83  .pagination a:hover{
84 84   color: #4D4D4D;
... ... @@ -88,7 +88,7 @@
88 88   font-weight: bold;
89 89  }
90 90  .pagination a:focus {
91 - outline: dotted 1px #000;
94 + outline: dotted 1px #000;
92 92  }
93 93  .controlPagination{
94 94   position:relative;
... ... @@ -171,7 +171,7 @@
171 171   color: #39397F;
172 172  }
173 173  .itemDescription a:focus {
174 - outline: dotted 1px #000;
177 + outline: dotted 1px #000;
175 175  }
176 176  .itemTitle a{
177 177   color: #4d4d4d;
... ... @@ -184,27 +184,27 @@
184 184   font-size:130%;
185 185  }
186 186  .itemTitle a:focus {
187 - outline: dotted 1px #000;
190 + outline: dotted 1px #000;
188 188  }
189 189  a.itemAuthor:focus{
190 - outline: dotted 1px #000;
193 + outline: dotted 1px #000;
191 191  }
192 192  .itemLocation{
193 - color: #808080;
196 + color: #aaa;
194 194   font-size:90%;
195 195  }
196 196  .itemLocation a.itemWiki , .itemLocation a.itemSpace, .itemLocation a.itemPage{}
197 197  .itemModifiers{
198 - color: #808080;
201 + color: #aaa;
199 199   font-size:90%;
200 200  }
201 -.itemModifiers a.itemAuthor, .itemModifiers a.itemDate{}
202 -.itemContext .highlight{
203 - background-color: #f7ff94;
204 - padding: 0px 5px 0px 5px;
204 +.itemContext em{
205 + background-color:#F7FF94;
206 + padding:0;
207 + margin: 0;
208 + text-decoration: inherited;
205 205  }
206 206  .itemOthers{
207 - color: #808080;
208 208   font-size:80%;
209 209  }
210 210  .itemOthers .itemComments, .itemOthers .itemAttachments, .itemOthers .itemRating{
... ... @@ -281,7 +281,6 @@
281 281  .relevanceText{
282 282   float: right;
283 283   margin-right: 5px;
284 - color: #808080;
285 285   font-size:80%;
286 286  }
287 287  .resultSeparator{
... ... @@ -305,10 +305,10 @@
305 305   height: 1px;
306 306   margin: 0 211px;
307 307  }
308 -html>body div.suggestResults{
310 +html>body .suggestResults{
309 309   width: 422px;
310 310  }
311 -div.suggestResults{
313 +.suggestResults{
312 312   width: 400px;
313 313   position: absolute;
314 314   padding: 11px 0px;
... ... @@ -317,21 +317,21 @@
317 317   left: 5px;
318 318   top: 27px;
319 319  }
320 -div.suggestResults ul{
322 +.suggestResults ul{
321 321   list-style: none;
322 322   list-style-position: outside;
323 323   margin: 0;
324 324   padding: 0;
325 - background: #FFFFFF url($xwiki.getSkinFile("greyback2.png")) repeat-x scroll 0 0;
327 + background: #FFFFFF url($xwiki.getSkinFile('greyback2.png')) repeat-x scroll 0 0;
326 326   border: 2px solid #ccc;
327 327   border-top: none;
328 328  }
329 -div.suggestResults ul li{
330 - padding: 0;
331 +.suggestResults ul li{
332 + padding: 5px 0 0;
331 331   margin: 0;
332 332   text-align: left;
333 333  }
334 -div.suggestResults ul li a{
336 +.suggestResults ul li a{
335 335   display: block;
336 336   text-decoration: none;
337 337   background-color: transparent;
... ... @@ -339,13 +339,13 @@
339 339   padding: 0;
340 340   width: 100%;
341 341  }
342 -div.suggestResults ul li a span.suggestItem{
344 +.suggestResults ul li a .suggestItem{
343 343   display: block;
344 344   padding: 0;
345 345   margin: 0;
346 346   clear: both;
347 347  }
348 -div.suggestResults ul li a span.suggestItem span.suggestName{
350 +.suggestResults ul li a .suggestItem .suggestName{
349 349   text-align: left;
350 350   width: 60%;
351 351   color: #4D4D4D;
... ... @@ -355,19 +355,19 @@
355 355   padding-left: 6px;
356 356   margin: 0px;
357 357  }
358 -div.suggestResults ul li a:hover span.suggestItem span.suggestName{
360 +.suggestResults ul li a:hover .suggestItem .suggestName{
359 359   text-decoration: underline;
360 360  }
361 -div.suggestResults ul li a:hover span.suggestItem span.suggestName em{
363 +.suggestResults ul li a:hover .suggestItem .suggestName em{
362 362   text-decoration: underline;
363 363  }
364 -div.suggestResults ul li a:hover span.suggestItem span.suggestLocation{
366 +.suggestResults ul li a:hover .suggestItem .suggestLocation{
365 365   color: #39397F;
366 366   text-decoration: none;
367 367  }
368 -div.suggestResults ul li a span.suggestItem span.suggestLocation{
370 +.suggestResults ul li a .suggestItem .suggestLocation{
369 369   text-align: right;
370 - color: #cccccc;
372 + color: #aaa;
371 371   font-size: 90%;
372 372   width: 36%;
373 373   vertical-align: top;
... ... @@ -375,8 +375,8 @@
375 375   padding-right: 6px;
376 376   margin: 0px;
377 377  }
378 -em{
379 - color:#5599FF;
380 +.suggestResults em{
381 + background-color:#F7FF94;
380 380   padding:0;
381 381   margin: 0;
382 382   text-decoration: inherited;