Skip to Content

Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 384.1
edited by Ecaterina Valica
on 2009/03/24 16:00
Change comment: There is no comment for this version
To version 406.1
edited by Ecaterina Valica
on 2009/03/25 12:29
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 +}
XWiki.StyleSheetExtension[0]
Code
... ... @@ -26,7 +26,6 @@
26 26   background-color:#B3B3B3;
27 27   border:2px solid #B3B3B3;
28 28   color:#FFFFFF;
29 - font-family:Verdana;
30 30   font-size:11px;
31 31   font-variant:small-caps;
32 32   font-weight:bold;
... ... @@ -54,7 +54,7 @@
54 54   color: #4D4D4D;
55 55  }
56 56  #sortFilter a.sortType:focus {
57 - outline: dotted 1px #000;
56 + outline: dotted 1px #000;
58 58  }
59 59  #sortFilter a#currentSort{
60 60   color: #4D4D4D;
... ... @@ -61,7 +61,7 @@
61 61   font-weight: bold;
62 62  }
63 63  #sortFilter a#currentSort:focus {
64 - outline: dotted 1px #000;
63 + outline: dotted 1px #000;
65 65  }
66 66  .paginationFilter {
67 67   color: #aaa;
... ... @@ -77,6 +77,12 @@
77 77  .resultsNo .currentResultsNo, .resultsNo .totalResultsNo{
78 78   color: #aaa;
79 79  }
79 +.paginationFooter{
80 + display: block;
81 + clear: both;
82 + text-align: right;
83 + font-size: 90%;
84 +}
80 80  .pagination{
81 81   float: right;
82 82   margin-right: 10px;
... ... @@ -92,7 +92,7 @@
92 92   font-weight: bold;
93 93  }
94 94  .pagination a:focus {
95 - outline: dotted 1px #000;
100 + outline: dotted 1px #000;
96 96  }
97 97  .controlPagination{
98 98   position:relative;
... ... @@ -102,11 +102,10 @@
102 102   margin:0!important;
103 103   padding:0!important;
104 104   list-style:none;
105 - background-image:url($xwiki.getSkinFile("navigation.png"));
106 106   float: right;
107 107  }
108 -.controlPagination li{
109 - display:inline;
112 +.controlPagination ul li{
113 + float: left;
110 110  }
111 111  .controlPagination a{
112 112   position:absolute;
... ... @@ -119,16 +119,32 @@
119 119   overflow:hidden;
120 120   border:none;
121 121  }
122 -a.prevPagination {
123 - width: 50%;
124 - z-index: 2;
126 +.controlPagination a.prevPagination {
127 + background-position:left top;
128 + background-image:url($xwiki.getSkinFile("navigat.png"));
129 + width: 21px;
130 + height: 22px;
125 125  }
126 -a.nextPagination {
127 - width: 100%;
128 - z-index: 1;
132 +.controlPagination a.noPrevPagination{
133 + background-position:left bottom;
134 + background-image:url($xwiki.getSkinFile("navigat.png"));
135 + width: 21px;
136 + height: 22px;
129 129  }
130 -/* Search Result List*/
131 -#searchResultsList{
138 +.controlPagination a.nextPagination {
139 + background-position:right top;
140 + background-image:url($xwiki.getSkinFile("navigat.png"));
141 + width: 21px;
142 + height: 22px;
143 +}
144 +.controlPagination a.noNextPagination {
145 + background-position:right bottom;
146 + background-image:url($xwiki.getSkinFile("navigat.png"));
147 + width: 21px;
148 + height: 22px;
149 +}
150 +/* Search Result*/
151 +#searchResults{
132 132   clear: both;
133 133   display: table;
134 134   padding-top: 15px;
... ... @@ -136,7 +136,7 @@
136 136  .resultItem{
137 137   display: block;
138 138  }
139 -.resultItemContainer{
159 +.resultContainer{
140 140   clear: both;
141 141   width: 100%;
142 142  }
... ... @@ -175,7 +175,7 @@
175 175   color: #39397F;
176 176  }
177 177  .itemDescription a:focus {
178 - outline: dotted 1px #000;
198 + outline: dotted 1px #000;
179 179  }
180 180  .itemTitle a{
181 181   color: #4d4d4d;
... ... @@ -188,10 +188,10 @@
188 188   font-size:130%;
189 189  }
190 190  .itemTitle a:focus {
191 - outline: dotted 1px #000;
211 + outline: dotted 1px #000;
192 192  }
193 193  a.itemAuthor:focus{
194 - outline: dotted 1px #000;
214 + outline: dotted 1px #000;
195 195  }
196 196  .itemLocation{
197 197   color: #aaa;
... ... @@ -202,10 +202,11 @@
202 202   color: #aaa;
203 203   font-size:90%;
204 204  }
205 -.itemModifiers a.itemAuthor, .itemModifiers a.itemDate{}
206 -.itemContext .highlight{
207 - background-color: #f7ff94;
208 - padding: 0px 5px 0px 5px;
225 +.itemContext em{
226 + background-color:#F7FF94;
227 + padding:0;
228 + margin: 0;
229 + text-decoration: inherited;
209 209  }
210 210  .itemOthers{
211 211   font-size:80%;
... ... @@ -295,22 +295,11 @@
295 295   margin-bottom: 15px;
296 296   height: 1px;
297 297  }
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 -}
310 310  html>body .suggestResults{
311 311   width: 422px;
312 312  }
313 313  .suggestResults{
323 + display:none;
314 314   width: 400px;
315 315   position: absolute;
316 316   padding: 11px 0px;
... ... @@ -324,7 +324,7 @@
324 324   list-style-position: outside;
325 325   margin: 0;
326 326   padding: 0;
327 - background: #FFFFFF url($xwiki.getSkinFile('greyback2.png')) repeat-x scroll 0 0;
337 + background: #FFFFFF url($xwiki.getSkinFile('suggestBg.png')) repeat-x scroll 0 0;
328 328   border: 2px solid #ccc;
329 329   border-top: none;
330 330  }
... ... @@ -347,7 +347,10 @@
347 347   margin: 0;
348 348   clear: both;
349 349  }
350 -.suggestResults ul li a .suggestItem .suggestName{
360 +.suggestResults ul li a:focus .suggestItem{
361 + outline: dotted 1px #000;
362 +}
363 +.suggestResults ul li a .suggestItem .suggestTitle{
351 351   text-align: left;
352 352   width: 60%;
353 353   color: #4D4D4D;
... ... @@ -357,13 +357,18 @@
357 357   padding-left: 6px;
358 358   margin: 0px;
359 359  }
360 -.suggestResults ul li a:hover .suggestItem .suggestName{
361 - text-decoration: underline;
373 +.suggestResults em{
374 + background-color:#F7FF94;
375 + padding:0;
376 + margin: 0;
377 + text-decoration: inherited;
362 362  }
363 -.suggestResults ul li a:hover .suggestItem .suggestName em{
379 +.suggestResults ul li a:hover .suggestItem .suggestTitle,
380 +.suggestResults ul li a:hover .suggestItem .suggestTitle em{
364 364   text-decoration: underline;
365 365  }
366 -.suggestResults ul li a:hover .suggestItem .suggestLocation{
383 +.suggestResults ul li a:hover .suggestItem .suggestLocation .suggestWiki,
384 +.suggestResults ul li a:hover .suggestItem .suggestLocation .suggestSpace{
367 367   color: #39397F;
368 368   text-decoration: none;
369 369  }
... ... @@ -377,9 +377,3 @@
377 377   padding-right: 6px;
378 378   margin: 0px;
379 379  }
380 -em{
381 - color:orange;
382 - padding:0;
383 - margin: 0;
384 - text-decoration: inherited;
385 -}