Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 308.1
edited by Ecaterina Valica
on 2009/03/23 15:43
Change comment: There is no comment for this version
To version 418.1
edited by Ecaterina Valica
on 2009/03/25 13:58
Change comment: Deletion of attachment searchBlue.css

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 - <input type="text" name="text" class="searchQuery" value="$msg.get("xe.search.bar.query")" size="50" title="$msg.get('xe.search.bar.query.title')"/>
38 + <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")
variants.png
Author
... ... @@ -1,0 +1,1 @@
1 +XWiki.evalica
Size
... ... @@ -1,0 +1,1 @@
1 +179.5 KB
Content
XWiki.StyleSheetExtension[0]
Code
... ... @@ -1,6 +4,3 @@
1 -body{
2 - position:relative;
3 - }
4 4  #search{
5 5   width: 100%;
6 6   background-color: #fff;
... ... @@ -24,13 +24,11 @@
24 24   color: #4d4d4d;
25 25   font-size:15px;
26 26   width: 400px;
27 - height: 26px;
28 28  }
29 29  .searchButton{
30 30   background-color:#B3B3B3;
31 31   border:2px solid #B3B3B3;
32 32   color:#FFFFFF;
33 - font-family:Verdana;
34 34   font-size:11px;
35 35   font-variant:small-caps;
36 36   font-weight:bold;
... ... @@ -47,18 +47,18 @@
47 47   font-size: 90%;
48 48  }
49 49  #sortFilter{
50 - color: #808080;
45 + color: #aaa;
51 51   padding: 5px;
52 52   line-height: 16px;
53 53  }
54 54  #sortFilter a.sortType{
55 - color: #808080;
50 + color: #aaa;
56 56  }
57 57  #sortFilter a.sortType:hover{
58 58   color: #4D4D4D;
59 59  }
60 60  #sortFilter a.sortType:focus {
61 - outline: dotted 1px #000;
56 + outline: dotted 1px #000;
62 62  }
63 63  #sortFilter a#currentSort{
64 64   color: #4D4D4D;
... ... @@ -65,10 +65,10 @@
65 65   font-weight: bold;
66 66  }
67 67  #sortFilter a#currentSort:focus {
68 - outline: dotted 1px #000;
63 + outline: dotted 1px #000;
69 69  }
70 70  .paginationFilter {
71 - color: #808080;
66 + color: #aaa;
72 72   height: 100%;
73 73   border-top: 1px solid #CCCCCC;
74 74   padding: 2px 0px 5px 5px;
... ... @@ -79,14 +79,20 @@
79 79   float: left;
80 80  }
81 81  .resultsNo .currentResultsNo, .resultsNo .totalResultsNo{
82 - color: #808080;
77 + color: #aaa;
83 83  }
79 +.paginationFooter{
80 + display: block;
81 + clear: both;
82 + text-align: right;
83 + font-size: 90%;
84 +}
84 84  .pagination{
85 85   float: right;
86 86   margin-right: 10px;
87 87  }
88 88  .pagination a{
89 - color: #808080;
90 + color: #aaa;
90 90  }
91 91  .pagination a:hover{
92 92   color: #4D4D4D;
... ... @@ -96,43 +96,55 @@
96 96   font-weight: bold;
97 97  }
98 98  .pagination a:focus {
99 - outline: dotted 1px #000;
100 + outline: dotted 1px #000;
100 100  }
101 101  .controlPagination{
102 102   position:relative;
103 - width:41px;
104 + width:42px;
104 104   height:22px;
105 105   overflow:hidden;
106 106   margin:0!important;
107 107   padding:0!important;
108 - list-style:none;
109 - background-image:url($xwiki.getSkinFile("navigation.png"));
110 110   float: right;
111 111  }
112 -.controlPagination li{
113 - display:inline;
114 -}
115 115  .controlPagination a{
116 116   position:absolute;
117 117   top:0;
118 118   left:0;
119 119   text-indent:-1000em;
120 - height:25px;
121 121   line-height:25px;
122 122   outline:none;
123 123   overflow:hidden;
124 124   border:none;
125 125  }
126 -a.prevPagination {
127 - width: 50%;
128 - 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;
129 129  }
130 -a.nextPagination {
131 - width: 100%;
132 - 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;
133 133  }
134 -/* Search Result List*/
135 -#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{
136 136   clear: both;
137 137   display: table;
138 138   padding-top: 15px;
... ... @@ -140,7 +140,7 @@
140 140  .resultItem{
141 141   display: block;
142 142  }
143 -.resultItemContainer{
156 +.resultContainer{
144 144   clear: both;
145 145   width: 100%;
146 146  }
... ... @@ -173,13 +173,13 @@
173 173   width: 82%;
174 174  }
175 175  .itemDescription a{
176 - color: #5599ff;
189 + color: #39397F;
177 177  }
178 178  .itemDescription a:hover{
179 - color: #5599ff;
192 + color: #39397F;
180 180  }
181 181  .itemDescription a:focus {
182 - outline: dotted 1px #000;
195 + outline: dotted 1px #000;
183 183  }
184 184  .itemTitle a{
185 185   color: #4d4d4d;
... ... @@ -192,27 +192,27 @@
192 192   font-size:130%;
193 193  }
194 194  .itemTitle a:focus {
195 - outline: dotted 1px #000;
208 + outline: dotted 1px #000;
196 196  }
197 197  a.itemAuthor:focus{
198 - outline: dotted 1px #000;
211 + outline: dotted 1px #000;
199 199  }
200 200  .itemLocation{
201 - color: #808080;
214 + color: #aaa;
202 202   font-size:90%;
203 203  }
204 204  .itemLocation a.itemWiki , .itemLocation a.itemSpace, .itemLocation a.itemPage{}
205 205  .itemModifiers{
206 - color: #808080;
219 + color: #aaa;
207 207   font-size:90%;
208 208  }
209 -.itemModifiers a.itemAuthor, .itemModifiers a.itemDate{}
210 -.itemContext .highlight{
211 - background-color: #f7ff94;
212 - padding: 0px 5px 0px 5px;
222 +.itemContext em{
223 + background-color:#F7FF94;
224 + padding:0;
225 + margin: 0;
226 + text-decoration: inherited;
213 213  }
214 214  .itemOthers{
215 - color: #808080;
216 216   font-size:80%;
217 217  }
218 218  .itemOthers .itemComments, .itemOthers .itemAttachments, .itemOthers .itemRating{
... ... @@ -289,7 +289,6 @@
289 289  .relevanceText{
290 290   float: right;
291 291   margin-right: 5px;
292 - color: #808080;
293 293   font-size:80%;
294 294  }
295 295  .resultSeparator{
... ... @@ -301,42 +301,34 @@
301 301   margin-bottom: 15px;
302 302   height: 1px;
303 303  }
304 -.searchFooter{
305 - display: block;
306 - clear: both;
307 - text-align: right;
308 - font-size: 90%;
316 +html>body .suggestResults{
317 + width: 422px;
309 309  }
310 -.divClosure {
311 - background-color: transparent;
312 - clear: both;
313 - height: 1px;
314 - margin: 0 211px;
315 -}
316 -div.suggestResults{
319 +.suggestResults{
320 + display:none;
321 + width: 400px;
317 317   position: absolute;
318 - padding: 10px 0 0 0;
319 - z-index: 100013;
323 + padding: 11px 0px;
324 + margin: 0px;
325 + z-index: 1000;
320 320   left: 5px;
321 - top: 14px;
322 - width: 400px;
327 + top: 27px;
323 323  }
324 -div.suggestResults ul{
329 +.suggestResults ul{
325 325   list-style: none;
326 - margin: 0 0 -4px 0;
331 + list-style-position: outside;
332 + margin: 0;
327 327   padding: 0;
328 - overflow: hidden;
329 - background-color: #fff;
334 + background: #FFFFFF url($xwiki.getSkinFile('suggestBg.png')) repeat-x scroll 0 0;
330 330   border: 2px solid #ccc;
336 + border-top: none;
331 331  }
332 -div.suggestResults ul li{
333 - color: #ccc;
334 - padding: 0;
335 - margin: 0 4px 4px;
338 +.suggestResults ul li{
339 + padding: 5px 0 0;
340 + margin: 0;
336 336   text-align: left;
337 337  }
338 -div.suggestResults ul li a{
339 - color: #4D4D4D;
343 +.suggestResults ul li a{
340 340   display: block;
341 341   text-decoration: none;
342 342   background-color: transparent;
... ... @@ -344,33 +344,47 @@
344 344   padding: 0;
345 345   width: 100%;
346 346  }
347 -div.suggestResults ul li a:hover{
348 - background-color: #fff;
349 -}
350 -div.suggestResults ul li a span.suggestItem{
351 +.suggestResults ul li a .suggestItem{
351 351   display: block;
352 - padding: 3px 6px;
353 - font-weight: normal;
354 - width: 100%;
353 + padding: 0;
354 + margin: 0;
355 355   clear: both;
356 356  }
357 -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{
358 358   text-align: left;
359 359   width: 60%;
363 + color: #4D4D4D;
360 360   display:inline-block;
365 + font-weight: bold;
366 + font-size: 90%;
367 + padding-left: 6px;
368 + margin: 0px;
361 361  }
362 -div.suggestResults ul li a:hover span.suggestItem span.suggestName{
370 +.suggestResults em{
371 + background-color:#F7FF94;
372 + padding:0;
373 + margin: 0;
374 + text-decoration: inherited;
375 +}
376 +.suggestResults ul li a:hover .suggestItem .suggestTitle,
377 +.suggestResults ul li a:hover .suggestItem .suggestTitle em{
363 363   text-decoration: underline;
364 364  }
365 -div.suggestResults ul li a span.suggestItem span.suggestlocation{
380 +.suggestResults ul li a:hover .suggestItem .suggestLocation .suggestWiki,
381 +.suggestResults ul li a:hover .suggestItem .suggestLocation .suggestSpace{
382 + color: #39397F;
383 + text-decoration: none;
384 +}
385 +.suggestResults ul li a .suggestItem .suggestLocation{
366 366   text-align: right;
367 - color: #cccccc;
387 + color: #aaa;
388 + font-size: 90%;
368 368   width: 36%;
369 369   vertical-align: top;
370 370   display:inline-block;
371 371   padding-right: 6px;
393 + margin: 0px;
372 372  }
373 -div.suggestResults ul em{
374 - font-style: normal;
375 - color: #5599FF;
376 -}