Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30

From version 417.1
edited by Ecaterina Valica
on 2009/03/25 13:58
Change comment: Deletion of attachment searchYellow.css
To version 399.1
edited by Ecaterina Valica
on 2009/03/25 11:12
Change comment: There is no comment for this version

Summary

Details

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
... ... @@ -101,49 +101,37 @@
101 101  }
102 102  .controlPagination{
103 103   position:relative;
104 - width:42px;
104 + width:41px;
105 105   height:22px;
106 106   overflow:hidden;
107 107   margin:0!important;
108 108   padding:0!important;
109 + list-style:none;
110 + background-image:url($xwiki.getSkinFile("navigation.png"));
109 109   float: right;
110 110  }
113 +.controlPagination li{
114 + display:inline;
115 +}
111 111  .controlPagination a{
112 112   position:absolute;
113 113   top:0;
114 114   left:0;
115 115   text-indent:-1000em;
121 + 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 - background-position:left top;
123 - background-image:url($xwiki.getSkinFile("navigation.png"));
124 - width: 21px;
125 - height: 22px;
127 +a.prevPagination {
128 + width: 50%;
129 + z-index: 2;
126 126  }
127 -.controlPagination a.noPrevPagination{
128 - background-position:left bottom;
129 - background-image:url($xwiki.getSkinFile("navigation.png"));
130 - width: 21px;
131 - height: 22px;
131 +a.nextPagination {
132 + width: 100%;
133 + z-index: 1;
132 132  }
133 -.controlPagination a.nextPagination {
134 - background-position:right top;
135 - background-image:url($xwiki.getSkinFile("navigation.png"));
136 - width: 21px;
137 - height: 22px;
138 - left: 21px;
139 -}
140 -.controlPagination a.noNextPagination {
141 - background-position:right bottom;
142 - background-image:url($xwiki.getSkinFile("navigation.png"));
143 - width: 21px;
144 - height: 22px;
145 - left: 21px;
146 -}
147 147  /* Search Result*/
148 148  #searchResults{
149 149   clear: both;
... ... @@ -153,7 +153,7 @@
153 153  .resultItem{
154 154   display: block;
155 155  }
156 -.resultContainer{
144 +.resultItemContainer{
157 157   clear: both;
158 158   width: 100%;
159 159  }
... ... @@ -317,7 +317,6 @@
317 317   width: 422px;
318 318  }
319 319  .suggestResults{
320 - display:none;
321 321   width: 400px;
322 322   position: absolute;
323 323   padding: 11px 0px;