Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 423.3
edited by Ecaterina Valica
on 2009/04/17 08:45
Change comment: Deleted object
To version 396.1
edited by Ecaterina Valica
on 2009/03/25 10:47
Change comment: There is no comment for this version

Summary

Details

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
... ... @@ -42,12 +42,12 @@
42 42   font-size: 90%;
43 43  }
44 44  #sortFilter{
45 - color: #888;
45 + color: #aaa;
46 46   padding: 5px;
47 47   line-height: 16px;
48 48  }
49 49  #sortFilter a.sortType{
50 - color: #888;
50 + color: #aaa;
51 51  }
52 52  #sortFilter a.sortType:hover{
53 53   color: #4D4D4D;
... ... @@ -63,7 +63,7 @@
63 63   outline: dotted 1px #000;
64 64  }
65 65  .paginationFilter {
66 - color: #888;
66 + color: #aaa;
67 67   height: 100%;
68 68   border-top: 1px solid #CCCCCC;
69 69   padding: 2px 0px 5px 5px;
... ... @@ -74,20 +74,14 @@
74 74   float: left;
75 75  }
76 76  .resultsNo .currentResultsNo, .resultsNo .totalResultsNo{
77 - color: #888;
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;
88 88  }
89 89  .pagination a{
90 - color: #888;
84 + color: #aaa;
91 91  }
92 92  .pagination a:hover{
93 93   color: #4D4D4D;
... ... @@ -101,45 +101,37 @@
101 101  }
102 102  .controlPagination{
103 103   position:relative;
104 - width:42px;
98 + width:41px;
105 105   height:22px;
106 106   overflow:hidden;
107 107   margin:0!important;
108 108   padding:0!important;
103 + list-style:none;
104 + background-image:url($xwiki.getSkinFile("navigation.png"));
109 109   float: right;
110 110  }
107 +.controlPagination li{
108 + display:inline;
109 +}
111 111  .controlPagination a{
112 112   position:absolute;
113 113   top:0;
114 114   left:0;
115 115   text-indent:-1000em;
115 + height:25px;
116 116   line-height:25px;
117 117   outline:none;
118 118   overflow:hidden;
119 119   border:none;
120 120  }
121 -.controlPagination a.prevPagination ,
122 -.controlPagination a.noPrevPagination,
123 -.controlPagination a.nextPagination,
124 -.controlPagination a.noNextPagination {
125 - background-image:url($xwiki.getSkinFile("navigation.png"));
126 - width: 21px;
127 - height: 22px;
121 +a.prevPagination {
122 + width: 50%;
123 + z-index: 2;
128 128  }
129 -.controlPagination a.prevPagination {
130 - background-position:left top;
125 +a.nextPagination {
126 + width: 100%;
127 + z-index: 1;
131 131  }
132 -.controlPagination a.noPrevPagination{
133 - background-position:left bottom;
134 -}
135 -.controlPagination a.nextPagination {
136 - background-position:right top;
137 - left: 21px;
138 -}
139 -.controlPagination a.noNextPagination {
140 - background-position:right bottom;
141 - left: 21px;
142 -}
143 143  /* Search Result*/
144 144  #searchResults{
145 145   clear: both;
... ... @@ -149,7 +149,7 @@
149 149  .resultItem{
150 150   display: block;
151 151  }
152 -.resultContainer{
138 +.resultItemContainer{
153 153   clear: both;
154 154   width: 100%;
155 155  }
... ... @@ -159,19 +159,19 @@
159 159   width: 3%;
160 160  }
161 161  .itemType .typeComment{
162 - background:transparent url($xwiki.getSkinFile("icons/silk/comment.gif")) center right no-repeat;
148 + background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat;
163 163   display:inline-block;
164 164   width:16px;
165 165   height:16px;
166 166  }
167 167  .itemType .typeAttachment{
168 - background:transparent url($xwiki.getSkinFile("icons/silk/attach.gif")) center right no-repeat;
154 + background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat;
169 169   display:inline-block;
170 170   width:16px;
171 171   height:16px;
172 172  }
173 173  .itemType .typePage{
174 - background:transparent url($xwiki.getSkinFile("icons/silk/page_white_text.gif")) center right no-repeat;
160 + background:transparent;
175 175   display:inline-block;
176 176   width:16px;
177 177   height:16px;
... ... @@ -207,16 +207,16 @@
207 207   outline: dotted 1px #000;
208 208  }
209 209  .itemLocation{
210 - color: #888;
196 + color: #aaa;
211 211   font-size:90%;
212 212  }
213 213  .itemLocation a.itemWiki , .itemLocation a.itemSpace, .itemLocation a.itemPage{}
214 214  .itemModifiers{
215 - color: #888;
201 + color: #aaa;
216 216   font-size:90%;
217 217  }
218 218  .itemContext em{
219 - background-color:lemonChiffon;
205 + background-color:#F7FF94;
220 220   padding:0;
221 221   margin: 0;
222 222   text-decoration: inherited;
... ... @@ -232,12 +232,12 @@
232 232   padding-right: 5px;
233 233  }
234 234  .itemOthers .itemComments a{
235 - background:transparent url($xwiki.getSkinFile("icons/silk/comment.gif")) center right no-repeat;
221 + background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat;
236 236   display:inline-block;
237 237   padding-right:16px;
238 238  }
239 239  .itemOthers .itemAttachments a{
240 - background:transparent url($xwiki.getSkinFile("icons/silk/attach.gif")) center right no-repeat;
226 + background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat;
241 241   display:inline-block;
242 242   padding-right:16px;
243 243  }
... ... @@ -309,11 +309,22 @@
309 309   margin-bottom: 15px;
310 310   height: 1px;
311 311  }
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 +}
312 312  html>body .suggestResults{
313 313   width: 422px;
314 314  }
315 315  .suggestResults{
316 - display:none;
317 317   width: 400px;
318 318   position: absolute;
319 319   padding: 11px 0px;
... ... @@ -350,9 +350,6 @@
350 350   margin: 0;
351 351   clear: both;
352 352  }
353 -.suggestResults ul li a:focus .suggestItem{
354 - outline: dotted 1px #000;
355 -}
356 356  .suggestResults ul li a .suggestItem .suggestTitle{
357 357   text-align: left;
358 358   width: 60%;
... ... @@ -369,7 +369,9 @@
369 369   margin: 0;
370 370   text-decoration: inherited;
371 371  }
372 -.suggestResults ul li a:hover .suggestItem .suggestTitle,
366 +.suggestResults ul li a:hover .suggestItem .suggestTitle{
367 + text-decoration: underline;
368 +}
373 373  .suggestResults ul li a:hover .suggestItem .suggestTitle em{
374 374   text-decoration: underline;
375 375  }
... ... @@ -380,7 +380,7 @@
380 380  }
381 381  .suggestResults ul li a .suggestItem .suggestLocation{
382 382   text-align: right;
383 - color: #888;
379 + color: #aaa;
384 384   font-size: 90%;
385 385   width: 36%;
386 386   vertical-align: top;