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 411.1
edited by Ecaterina Valica
on 2009/03/25 12:44
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>
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
... ... @@ -53,7 +53,7 @@
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,7 +60,7 @@
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 66   color: #aaa;
... ... @@ -76,6 +76,12 @@
76 76  .resultsNo .currentResultsNo, .resultsNo .totalResultsNo{
77 77   color: #aaa;
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;
... ... @@ -91,22 +91,18 @@
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 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;
... ... @@ -118,16 +118,41 @@
118 118   overflow:hidden;
119 119   border:none;
120 120  }
121 -a.prevPagination {
122 - width: 50%;
123 - z-index: 2;
123 +.controlPagination a.prevPagination {
124 + background-position:left top;
125 + background-image:url($xwiki.getSkinFile("navigat.png"));
126 + width: 21px;
127 + height: 22px;
124 124  }
125 -a.nextPagination {
126 - width: 100%;
127 - z-index: 1;
129 +.controlPagination a.noPrevPagination{
130 + background-position:left bottom;
131 + background-image:url($xwiki.getSkinFile("navigat.png"));
132 + width: 21px;
133 + height: 22px;
128 128  }
129 -/* Search Result List*/
130 -#searchResultsList{
135 +.controlPagination a.nextPagination {
136 + background-position:right top;
137 + background-image:url($xwiki.getSkinFile("navigat.png"));
138 + width: 21px;
139 + height: 22px;
140 + left: 21px;
141 + margin: 0;
142 + padding:0;
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 +.controlPagination a.prevPagination:focus,
151 +.controlPagination a.noPrevPagination:focus,
152 +.controlPagination a.nextPagination:focus,
153 +.controlPagination a.noNextPagination:focus{
154 + outline: dotted 1px #000;
155 +}
156 +/* Search Result*/
157 +#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{
165 +.resultContainer{
139 139   clear: both;
140 140   width: 100%;
141 141  }
... ... @@ -174,7 +174,7 @@
174 174   color: #39397F;
175 175  }
176 176  .itemDescription a:focus {
177 - outline: dotted 1px #000;
204 + outline: dotted 1px #000;
178 178  }
179 179  .itemTitle a{
180 180   color: #4d4d4d;
... ... @@ -187,10 +187,10 @@
187 187   font-size:130%;
188 188  }
189 189  .itemTitle a:focus {
190 - outline: dotted 1px #000;
217 + outline: dotted 1px #000;
191 191  }
192 192  a.itemAuthor:focus{
193 - outline: dotted 1px #000;
220 + outline: dotted 1px #000;
194 194  }
195 195  .itemLocation{
196 196   color: #aaa;
... ... @@ -201,10 +201,11 @@
201 201   color: #aaa;
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;
231 +.itemContext em{
232 + background-color:#F7FF94;
233 + padding:0;
234 + margin: 0;
235 + text-decoration: inherited;
208 208  }
209 209  .itemOthers{
210 210   font-size:80%;
... ... @@ -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{
329 + 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;
343 + 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{
366 +.suggestResults ul li a:focus .suggestItem{
367 + outline: dotted 1px #000;
368 +}
369 +.suggestResults ul li a .suggestItem .suggestTitle{
350 350   text-align: left;
351 351   width: 60%;
352 352   color: #4D4D4D;
... ... @@ -356,13 +356,18 @@
356 356   padding-left: 6px;
357 357   margin: 0px;
358 358  }
359 -.suggestResults ul li a:hover .suggestItem .suggestName{
360 - text-decoration: underline;
379 +.suggestResults em{
380 + background-color:#F7FF94;
381 + padding:0;
382 + margin: 0;
383 + text-decoration: inherited;
361 361  }
362 -.suggestResults ul li a:hover .suggestItem .suggestName em{
385 +.suggestResults ul li a:hover .suggestItem .suggestTitle,
386 +.suggestResults ul li a:hover .suggestItem .suggestTitle em{
363 363   text-decoration: underline;
364 364  }
365 -.suggestResults ul li a:hover .suggestItem .suggestLocation{
389 +.suggestResults ul li a:hover .suggestItem .suggestLocation .suggestWiki,
390 +.suggestResults ul li a:hover .suggestItem .suggestLocation .suggestSpace{
366 366   color: #39397F;
367 367   text-decoration: none;
368 368  }
... ... @@ -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 -}