Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 415.1
edited by Ecaterina Valica
on 2009/03/25 13:01
Change comment: There is no comment for this version
To version 384.1
edited by Ecaterina Valica
on 2009/03/24 16:00
Change comment: There is no comment for this version

Summary

Details

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