Skip to Content

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 417.1
edited by Ecaterina Valica
on 2009/03/25 13:58
Change comment: Deletion of attachment searchYellow.css

Summary

Details

searchBlue.css
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.evalica
Size
... ... @@ -1,0 +1,1 @@
1 +7.3 KB
Content
... ... @@ -1,0 +1,381 @@
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 +}
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,7 +74,7 @@
74 74   float: left;
75 75  }
76 76  .resultsNo .currentResultsNo, .resultsNo .totalResultsNo{
77 - color: #888;
77 + color: #aaa;
78 78  }
79 79  .paginationFooter{
80 80   display: block;
... ... @@ -87,7 +87,7 @@
87 87   margin-right: 10px;
88 88  }
89 89  .pagination a{
90 - color: #888;
90 + color: #aaa;
91 91  }
92 92  .pagination a:hover{
93 93   color: #4D4D4D;
... ... @@ -118,26 +118,30 @@
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 {
121 +.controlPagination a.prevPagination {
122 + background-position:left top;
125 125   background-image:url($xwiki.getSkinFile("navigation.png"));
126 126   width: 21px;
127 127   height: 22px;
128 128  }
129 -.controlPagination a.prevPagination {
130 - background-position:left top;
131 -}
132 132  .controlPagination a.noPrevPagination{
133 133   background-position:left bottom;
129 + background-image:url($xwiki.getSkinFile("navigation.png"));
130 + width: 21px;
131 + height: 22px;
134 134  }
135 135  .controlPagination a.nextPagination {
136 136   background-position:right top;
135 + background-image:url($xwiki.getSkinFile("navigation.png"));
136 + width: 21px;
137 + height: 22px;
137 137   left: 21px;
138 138  }
139 139  .controlPagination a.noNextPagination {
140 140   background-position:right bottom;
142 + background-image:url($xwiki.getSkinFile("navigation.png"));
143 + width: 21px;
144 + height: 22px;
141 141   left: 21px;
142 142  }
143 143  /* Search Result*/
... ... @@ -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;
166 + 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;
172 + 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;
178 + 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;
214 + 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;
219 + color: #aaa;
216 216   font-size:90%;
217 217  }
218 218  .itemContext em{
219 - background-color:lemonChiffon;
223 + 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;
239 + 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;
244 + background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat;
241 241   display:inline-block;
242 242   padding-right:16px;
243 243  }
... ... @@ -380,7 +380,7 @@
380 380  }
381 381  .suggestResults ul li a .suggestItem .suggestLocation{
382 382   text-align: right;
383 - color: #888;
387 + color: #aaa;
384 384   font-size: 90%;
385 385   width: 36%;
386 386   vertical-align: top;