Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 377.1
edited by Ecaterina Valica
on 2009/03/24 15:40
Change comment: There is no comment for this version
To version 421.1
edited by Ecaterina Valica
on 2009/04/17 08:24
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -33,15 +33,13 @@
33 33   #set($url = $xwiki.getURL("Main.WebSearchRss", "view", "xpage=rdf&space=$space&text=${utext}"))
34 34  #end
35 35  <div id="search">
36 -<form action="">
37 - <div id="searchBar">
36 +<form action="" id="searchBar">
38 38   {pre}
39 39   <input type="text" name="text" class="searchQuery" value="$msg.get("xe.search.bar.query")" title="$msg.get('xe.search.bar.query.title')"/>
40 40   #spaceselect($space $spaces $spacesText)
41 - <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')"/>
42 42   <div class="searchHelp">$msg.get("xe.search.bar.help")</div>
43 43   {/pre}
44 - </div>
45 45  </form>
46 46  #includeInContext("XWiki.WebSearchCode")
47 47  #includeInContext("XWiki.ListSuggestions")
XWiki.StyleSheetExtension[0]
Code
... ... @@ -26,7 +26,6 @@
26 26   background-color:#B3B3B3;
27 27   border:2px solid #B3B3B3;
28 28   color:#FFFFFF;
29 - font-family:Verdana;
30 30   font-size:11px;
31 31   font-variant:small-caps;
32 32   font-weight:bold;
... ... @@ -43,18 +43,18 @@
43 43   font-size: 90%;
44 44  }
45 45  #sortFilter{
46 - color: #808080;
45 + color: #888;
47 47   padding: 5px;
48 48   line-height: 16px;
49 49  }
50 50  #sortFilter a.sortType{
51 - color: #808080;
50 + color: #888;
52 52  }
53 53  #sortFilter a.sortType:hover{
54 54   color: #4D4D4D;
55 55  }
56 56  #sortFilter a.sortType:focus {
57 - outline: dotted 1px #000;
56 + outline: dotted 1px #000;
58 58  }
59 59  #sortFilter a#currentSort{
60 60   color: #4D4D4D;
... ... @@ -61,10 +61,10 @@
61 61   font-weight: bold;
62 62  }
63 63  #sortFilter a#currentSort:focus {
64 - outline: dotted 1px #000;
63 + outline: dotted 1px #000;
65 65  }
66 66  .paginationFilter {
67 - color: #808080;
66 + color: #888;
68 68   height: 100%;
69 69   border-top: 1px solid #CCCCCC;
70 70   padding: 2px 0px 5px 5px;
... ... @@ -75,14 +75,20 @@
75 75   float: left;
76 76  }
77 77  .resultsNo .currentResultsNo, .resultsNo .totalResultsNo{
78 - color: #808080;
77 + color: #888;
79 79  }
79 +.paginationFooter{
80 + display: block;
81 + clear: both;
82 + text-align: right;
83 + font-size: 90%;
84 +}
80 80  .pagination{
81 81   float: right;
82 82   margin-right: 10px;
83 83  }
84 84  .pagination a{
85 - color: #808080;
90 + color: #888;
86 86  }
87 87  .pagination a:hover{
88 88   color: #4D4D4D;
... ... @@ -92,43 +92,55 @@
92 92   font-weight: bold;
93 93  }
94 94  .pagination a:focus {
95 - outline: dotted 1px #000;
100 + outline: dotted 1px #000;
96 96  }
97 97  .controlPagination{
98 98   position:relative;
99 - width:41px;
104 + width:42px;
100 100   height:22px;
101 101   overflow:hidden;
102 102   margin:0!important;
103 103   padding:0!important;
104 - list-style:none;
105 - background-image:url($xwiki.getSkinFile("navigation.png"));
106 106   float: right;
107 107  }
108 -.controlPagination li{
109 - display:inline;
110 -}
111 111  .controlPagination a{
112 112   position:absolute;
113 113   top:0;
114 114   left:0;
115 115   text-indent:-1000em;
116 - height:25px;
117 117   line-height:25px;
118 118   outline:none;
119 119   overflow:hidden;
120 120   border:none;
121 121  }
122 -a.prevPagination {
123 - width: 50%;
124 - z-index: 2;
121 +.controlPagination a.prevPagination {
122 + background-position:left top;
123 + background-image:url($xwiki.getSkinFile("navigation.png"));
124 + width: 21px;
125 + height: 22px;
125 125  }
126 -a.nextPagination {
127 - width: 100%;
128 - z-index: 1;
127 +.controlPagination a.noPrevPagination{
128 + background-position:left bottom;
129 + background-image:url($xwiki.getSkinFile("navigation.png"));
130 + width: 21px;
131 + height: 22px;
129 129  }
130 -/* Search Result List*/
131 -#searchResultsList{
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 +/* Search Result*/
148 +#searchResults{
132 132   clear: both;
133 133   display: table;
134 134   padding-top: 15px;
... ... @@ -136,7 +136,7 @@
136 136  .resultItem{
137 137   display: block;
138 138  }
139 -.resultItemContainer{
156 +.resultContainer{
140 140   clear: both;
141 141   width: 100%;
142 142  }
... ... @@ -146,19 +146,19 @@
146 146   width: 3%;
147 147  }
148 148  .itemType .typeComment{
149 - background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat;
166 + background:transparent url($xwiki.getSkinFile("icons/silk/comment.gif")) center right no-repeat;
150 150   display:inline-block;
151 151   width:16px;
152 152   height:16px;
153 153  }
154 154  .itemType .typeAttachment{
155 - background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat;
172 + background:transparent url($xwiki.getSkinFile("icons/silk/attach.gif")) center right no-repeat;
156 156   display:inline-block;
157 157   width:16px;
158 158   height:16px;
159 159  }
160 160  .itemType .typePage{
161 - background:transparent;
178 + background:transparent url($xwiki.getSkinFile("icons/silk/page_white_text.gif")) center right no-repeat;
162 162   display:inline-block;
163 163   width:16px;
164 164   height:16px;
... ... @@ -169,13 +169,13 @@
169 169   width: 82%;
170 170  }
171 171  .itemDescription a{
172 - color: #5599ff;
189 + color: #39397F;
173 173  }
174 174  .itemDescription a:hover{
175 - color: #5599ff;
192 + color: #39397F;
176 176  }
177 177  .itemDescription a:focus {
178 - outline: dotted 1px #000;
195 + outline: dotted 1px #000;
179 179  }
180 180  .itemTitle a{
181 181   color: #4d4d4d;
... ... @@ -188,27 +188,27 @@
188 188   font-size:130%;
189 189  }
190 190  .itemTitle a:focus {
191 - outline: dotted 1px #000;
208 + outline: dotted 1px #000;
192 192  }
193 193  a.itemAuthor:focus{
194 - outline: dotted 1px #000;
211 + outline: dotted 1px #000;
195 195  }
196 196  .itemLocation{
197 - color: #808080;
214 + color: #888;
198 198   font-size:90%;
199 199  }
200 200  .itemLocation a.itemWiki , .itemLocation a.itemSpace, .itemLocation a.itemPage{}
201 201  .itemModifiers{
202 - color: #808080;
219 + color: #888;
203 203   font-size:90%;
204 204  }
205 -.itemModifiers a.itemAuthor, .itemModifiers a.itemDate{}
206 -.itemContext .highlight{
207 - background-color: #f7ff94;
208 - padding: 0px 5px 0px 5px;
222 +.itemContext em{
223 + background-color:#F7FF94;
224 + padding:0;
225 + margin: 0;
226 + text-decoration: inherited;
209 209  }
210 210  .itemOthers{
211 - color: #808080;
212 212   font-size:80%;
213 213  }
214 214  .itemOthers .itemComments, .itemOthers .itemAttachments, .itemOthers .itemRating{
... ... @@ -285,7 +285,6 @@
285 285  .relevanceText{
286 286   float: right;
287 287   margin-right: 5px;
288 - color: #808080;
289 289   font-size:80%;
290 290  }
291 291  .resultSeparator{
... ... @@ -297,22 +297,11 @@
297 297   margin-bottom: 15px;
298 298   height: 1px;
299 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{
316 +html>body .suggestResults{
313 313   width: 422px;
314 314  }
315 -div.suggestResults{
319 +.suggestResults{
320 + display:none;
316 316   width: 400px;
317 317   position: absolute;
318 318   padding: 11px 0px;
... ... @@ -321,21 +321,21 @@
321 321   left: 5px;
322 322   top: 27px;
323 323  }
324 -div.suggestResults ul{
329 +.suggestResults ul{
325 325   list-style: none;
326 326   list-style-position: outside;
327 327   margin: 0;
328 328   padding: 0;
329 - background: #FFFFFF url($xwiki.getSkinFile("greyback2.png")) repeat-x scroll 0 0;
334 + background: #FFFFFF url($xwiki.getSkinFile('suggestBg.png')) repeat-x scroll 0 0;
330 330   border: 2px solid #ccc;
331 331   border-top: none;
332 332  }
333 -div.suggestResults ul li{
334 - padding: 0;
338 +.suggestResults ul li{
339 + padding: 5px 0 0;
335 335   margin: 0;
336 336   text-align: left;
337 337  }
338 -div.suggestResults ul li a{
343 +.suggestResults ul li a{
339 339   display: block;
340 340   text-decoration: none;
341 341   background-color: transparent;
... ... @@ -343,34 +343,43 @@
343 343   padding: 0;
344 344   width: 100%;
345 345  }
346 -div.suggestResults ul li a span.suggestItem{
351 +.suggestResults ul li a .suggestItem{
347 347   display: block;
348 348   padding: 0;
349 349   margin: 0;
350 350   clear: both;
351 351  }
352 -div.suggestResults ul li a span.suggestItem span.suggestName{
357 +.suggestResults ul li a:focus .suggestItem{
358 + outline: dotted 1px #000;
359 +}
360 +.suggestResults ul li a .suggestItem .suggestTitle{
353 353   text-align: left;
354 354   width: 60%;
355 355   color: #4D4D4D;
356 356   display:inline-block;
365 + font-weight: bold;
357 357   font-size: 90%;
358 358   padding-left: 6px;
359 359   margin: 0px;
360 360  }
361 -div.suggestResults ul li a:hover span.suggestItem span.suggestName{
362 - text-decoration: underline;
370 +.suggestResults em{
371 + background-color:#F7FF94;
372 + padding:0;
373 + margin: 0;
374 + text-decoration: inherited;
363 363  }
364 -div.suggestResults ul li a:hover span.suggestItem span.suggestName em{
376 +.suggestResults ul li a:hover .suggestItem .suggestTitle,
377 +.suggestResults ul li a:hover .suggestItem .suggestTitle em{
365 365   text-decoration: underline;
366 366  }
367 -div.suggestResults ul li a:hover span.suggestItem span.suggestLocation{
368 - color: #5599FF;
380 +.suggestResults ul li a:hover .suggestItem .suggestLocation .suggestWiki,
381 +.suggestResults ul li a:hover .suggestItem .suggestLocation .suggestSpace{
382 + color: #39397F;
369 369   text-decoration: none;
370 370  }
371 -div.suggestResults ul li a span.suggestItem span.suggestLocation{
385 +.suggestResults ul li a .suggestItem .suggestLocation{
372 372   text-align: right;
373 - color: #cccccc;
387 + color: #888;
374 374   font-size: 90%;
375 375   width: 36%;
376 376   vertical-align: top;
... ... @@ -378,9 +378,3 @@
378 378   padding-right: 6px;
379 379   margin: 0px;
380 380  }
381 -em{
382 - background-color:#F7FF94;
383 - padding:0;
384 - margin: 0;
385 - text-decoration: inherited;
386 -}