Skip to Content

Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 387.1
edited by Ecaterina Valica
on 2009/03/24 16:52
Change comment: Upload new attachment <a href="/xwiki/bin/downloadrev/Main/ListWebSearch/searchYellow.css?rev=1.1">searchYellow.css</a>
To version 425.1
edited by Ecaterina Valica
on 2009/09/03 12:16
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -37,7 +37,7 @@
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="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')"/>
41 41   <div class="searchHelp">$msg.get("xe.search.bar.help")</div>
42 42   {/pre}
43 43  </form>
searchYellow.css
Author
... ... @@ -1,1 +1,0 @@
1 -XWiki.evalica
Size
... ... @@ -1,1 +1,0 @@
1 -7.4 KB
Content
... ... @@ -1,386 +1,0 @@
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,18 +42,18 @@
42 42   font-size: 90%;
43 43  }
44 44  #sortFilter{
45 - color: #aaa;
45 + color: #888;
46 46   padding: 5px;
47 47   line-height: 16px;
48 48  }
49 49  #sortFilter a.sortType{
50 - color: #aaa;
50 + color: #888;
51 51  }
52 52  #sortFilter a.sortType:hover{
53 53   color: #4D4D4D;
54 54  }
55 55  #sortFilter a.sortType:focus {
56 - outline: dotted 1px #000;
56 + outline: dotted 1px #000;
57 57  }
58 58  #sortFilter a#currentSort{
59 59   color: #4D4D4D;
... ... @@ -60,10 +60,10 @@
60 60   font-weight: bold;
61 61  }
62 62  #sortFilter a#currentSort:focus {
63 - outline: dotted 1px #000;
63 + outline: dotted 1px #000;
64 64  }
65 65  .paginationFilter {
66 - color: #aaa;
66 + color: #888;
67 67   height: 100%;
68 68   border-top: 1px solid #CCCCCC;
69 69   padding: 2px 0px 5px 5px;
... ... @@ -74,14 +74,20 @@
74 74   float: left;
75 75  }
76 76  .resultsNo .currentResultsNo, .resultsNo .totalResultsNo{
77 - color: #aaa;
77 + color: #888;
78 78  }
79 +.paginationFooter{
80 + display: block;
81 + clear: both;
82 + text-align: right;
83 + font-size: 90%;
84 +}
79 79  .pagination{
80 80   float: right;
81 81   margin-right: 10px;
82 82  }
83 83  .pagination a{
84 - color: #aaa;
90 + color: #888;
85 85  }
86 86  .pagination a:hover{
87 87   color: #4D4D4D;
... ... @@ -91,43 +91,51 @@
91 91   font-weight: bold;
92 92  }
93 93  .pagination a:focus {
94 - outline: dotted 1px #000;
100 + outline: dotted 1px #000;
95 95  }
96 96  .controlPagination{
97 97   position:relative;
98 - width:41px;
104 + width:42px;
99 99   height:22px;
100 100   overflow:hidden;
101 101   margin:0!important;
102 102   padding:0!important;
103 - list-style:none;
104 - background-image:url($xwiki.getSkinFile("navigation.png"));
105 105   float: right;
106 106  }
107 -.controlPagination li{
108 - display:inline;
109 -}
110 110  .controlPagination a{
111 111   position:absolute;
112 112   top:0;
113 113   left:0;
114 114   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 -a.prevPagination {
122 - width: 50%;
123 - z-index: 2;
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;
124 124  }
125 -a.nextPagination {
126 - width: 100%;
127 - z-index: 1;
129 +.controlPagination a.prevPagination {
130 + background-position:left top;
128 128  }
129 -/* Search Result List*/
130 -#searchResultsList{
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 +/* Search Result*/
144 +#searchResults{
131 131   clear: both;
132 132   display: table;
133 133   padding-top: 15px;
... ... @@ -135,7 +135,7 @@
135 135  .resultItem{
136 136   display: block;
137 137  }
138 -.resultItemContainer{
152 +.resultContainer{
139 139   clear: both;
140 140   width: 100%;
141 141  }
... ... @@ -145,19 +145,19 @@
145 145   width: 3%;
146 146  }
147 147  .itemType .typeComment{
148 - background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat;
162 + background:transparent url($xwiki.getSkinFile("icons/silk/comment.gif")) center right no-repeat;
149 149   display:inline-block;
150 150   width:16px;
151 151   height:16px;
152 152  }
153 153  .itemType .typeAttachment{
154 - background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat;
168 + background:transparent url($xwiki.getSkinFile("icons/silk/attach.gif")) center right no-repeat;
155 155   display:inline-block;
156 156   width:16px;
157 157   height:16px;
158 158  }
159 159  .itemType .typePage{
160 - background:transparent;
174 + background:transparent url($xwiki.getSkinFile("icons/silk/page_white_text.gif")) center right no-repeat;
161 161   display:inline-block;
162 162   width:16px;
163 163   height:16px;
... ... @@ -174,7 +174,7 @@
174 174   color: #39397F;
175 175  }
176 176  .itemDescription a:focus {
177 - outline: dotted 1px #000;
191 + outline: dotted 1px #000;
178 178  }
179 179  .itemTitle a{
180 180   color: #4d4d4d;
... ... @@ -187,24 +187,25 @@
187 187   font-size:130%;
188 188  }
189 189  .itemTitle a:focus {
190 - outline: dotted 1px #000;
204 + outline: dotted 1px #000;
191 191  }
192 192  a.itemAuthor:focus{
193 - outline: dotted 1px #000;
207 + outline: dotted 1px #000;
194 194  }
195 195  .itemLocation{
196 - color: #aaa;
210 + color: #888;
197 197   font-size:90%;
198 198  }
199 199  .itemLocation a.itemWiki , .itemLocation a.itemSpace, .itemLocation a.itemPage{}
200 200  .itemModifiers{
201 - color: #aaa;
215 + color: #888;
202 202   font-size:90%;
203 203  }
204 -.itemModifiers a.itemAuthor, .itemModifiers a.itemDate{}
205 -.itemContext .highlight{
206 - background-color: #f7ff94;
207 - padding: 0px 5px 0px 5px;
218 +.itemContext em{
219 + background-color:lemonChiffon;
220 + padding:0;
221 + margin: 0;
222 + text-decoration: inherited;
208 208  }
209 209  .itemOthers{
210 210   font-size:80%;
... ... @@ -217,12 +217,12 @@
217 217   padding-right: 5px;
218 218  }
219 219  .itemOthers .itemComments a{
220 - background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat;
235 + background:transparent url($xwiki.getSkinFile("icons/silk/comment.gif")) center right no-repeat;
221 221   display:inline-block;
222 222   padding-right:16px;
223 223  }
224 224  .itemOthers .itemAttachments a{
225 - background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat;
240 + background:transparent url($xwiki.getSkinFile("icons/silk/attach.gif")) center right no-repeat;
226 226   display:inline-block;
227 227   padding-right:16px;
228 228  }
... ... @@ -294,22 +294,11 @@
294 294   margin-bottom: 15px;
295 295   height: 1px;
296 296  }
297 -.searchFooter{
298 - display: block;
299 - clear: both;
300 - text-align: right;
301 - font-size: 90%;
302 -}
303 -.divClosure {
304 - background-color: transparent;
305 - clear: both;
306 - height: 1px;
307 - margin: 0 211px;
308 -}
309 309  html>body .suggestResults{
310 310   width: 422px;
311 311  }
312 312  .suggestResults{
316 + display:none;
313 313   width: 400px;
314 314   position: absolute;
315 315   padding: 11px 0px;
... ... @@ -323,7 +323,7 @@
323 323   list-style-position: outside;
324 324   margin: 0;
325 325   padding: 0;
326 - background: #FFFFFF url($xwiki.getSkinFile('greyback2.png')) repeat-x scroll 0 0;
330 + background: #FFFFFF url($xwiki.getSkinFile('suggestBg.png')) repeat-x scroll 0 0;
327 327   border: 2px solid #ccc;
328 328   border-top: none;
329 329  }
... ... @@ -346,7 +346,10 @@
346 346   margin: 0;
347 347   clear: both;
348 348  }
349 -.suggestResults ul li a .suggestItem .suggestName{
353 +.suggestResults ul li a:focus .suggestItem{
354 + outline: dotted 1px #000;
355 +}
356 +.suggestResults ul li a .suggestItem .suggestTitle{
350 350   text-align: left;
351 351   width: 60%;
352 352   color: #4D4D4D;
... ... @@ -356,19 +356,24 @@
356 356   padding-left: 6px;
357 357   margin: 0px;
358 358  }
359 -.suggestResults ul li a:hover .suggestItem .suggestName{
360 - text-decoration: underline;
366 +.suggestResults em{
367 + background-color:lemonChiffon;
368 + padding:0;
369 + margin: 0;
370 + text-decoration: inherited;
361 361  }
362 -.suggestResults ul li a:hover .suggestItem .suggestName em{
372 +.suggestResults ul li a:hover .suggestItem .suggestTitle,
373 +.suggestResults ul li a:hover .suggestItem .suggestTitle em{
363 363   text-decoration: underline;
364 364  }
365 -.suggestResults ul li a:hover .suggestItem .suggestLocation{
376 +.suggestResults ul li a:hover .suggestItem .suggestLocation .suggestWiki,
377 +.suggestResults ul li a:hover .suggestItem .suggestLocation .suggestSpace{
366 366   color: #39397F;
367 367   text-decoration: none;
368 368  }
369 369  .suggestResults ul li a .suggestItem .suggestLocation{
370 370   text-align: right;
371 - color: #aaa;
383 + color: #888;
372 372   font-size: 90%;
373 373   width: 36%;
374 374   vertical-align: top;
... ... @@ -376,9 +376,3 @@
376 376   padding-right: 6px;
377 377   margin: 0px;
378 378  }
379 -em{
380 - color:orange;
381 - padding:0;
382 - margin: 0;
383 - text-decoration: inherited;
384 -}