Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 371.1
edited by Ecaterina Valica
on 2009/03/24 15:07
Change comment: There is no comment for this version
To version 419.1
edited by Ecaterina Valica
on 2009/04/09 17:08
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")
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,4 +1,8 @@
1 -39397F Bar*/
1 +#search{
2 + width: 100%;
3 + background-color: #fff;
4 +}
5 +/* Search Bar*/
2 2  #searchBar{
3 3   margin-bottom: 11px;
4 4   padding-left: 5px;
... ... @@ -22,7 +22,6 @@
22 22   background-color:#B3B3B3;
23 23   border:2px solid #B3B3B3;
24 24   color:#FFFFFF;
25 - font-family:Verdana;
26 26   font-size:11px;
27 27   font-variant:small-caps;
28 28   font-weight:bold;
... ... @@ -39,18 +39,18 @@
39 39   font-size: 90%;
40 40  }
41 41  #sortFilter{
42 - color: #aaa;
45 + color: #888;
43 43   padding: 5px;
44 44   line-height: 16px;
45 45  }
46 46  #sortFilter a.sortType{
47 - color: #aaa;
50 + color: #888;
48 48  }
49 49  #sortFilter a.sortType:hover{
50 50   color: #4D4D4D;
51 51  }
52 52  #sortFilter a.sortType:focus {
53 - outline: dotted 1px #000;
56 + outline: dotted 1px #000;
54 54  }
55 55  #sortFilter a#currentSort{
56 56   color: #4D4D4D;
... ... @@ -57,10 +57,10 @@
57 57   font-weight: bold;
58 58  }
59 59  #sortFilter a#currentSort:focus {
60 - outline: dotted 1px #000;
63 + outline: dotted 1px #000;
61 61  }
62 62  .paginationFilter {
63 - color: #aaa;
66 + color: #888;
64 64   height: 100%;
65 65   border-top: 1px solid #CCCCCC;
66 66   padding: 2px 0px 5px 5px;
... ... @@ -71,14 +71,20 @@
71 71   float: left;
72 72  }
73 73  .resultsNo .currentResultsNo, .resultsNo .totalResultsNo{
74 - color: #aaa;
77 + color: #888;
75 75  }
79 +.paginationFooter{
80 + display: block;
81 + clear: both;
82 + text-align: right;
83 + font-size: 90%;
84 +}
76 76  .pagination{
77 77   float: right;
78 78   margin-right: 10px;
79 79  }
80 80  .pagination a{
81 - color: #aaa;
90 + color: #888;
82 82  }
83 83  .pagination a:hover{
84 84   color: #4D4D4D;
... ... @@ -88,43 +88,55 @@
88 88   font-weight: bold;
89 89  }
90 90  .pagination a:focus {
91 - outline: dotted 1px #000;
100 + outline: dotted 1px #000;
92 92  }
93 93  .controlPagination{
94 94   position:relative;
95 - width:41px;
104 + width:42px;
96 96   height:22px;
97 97   overflow:hidden;
98 98   margin:0!important;
99 99   padding:0!important;
100 - list-style:none;
101 - background-image:url($xwiki.getSkinFile("navigation.png"));
102 102   float: right;
103 103  }
104 -.controlPagination li{
105 - display:inline;
106 -}
107 107  .controlPagination a{
108 108   position:absolute;
109 109   top:0;
110 110   left:0;
111 111   text-indent:-1000em;
112 - height:25px;
113 113   line-height:25px;
114 114   outline:none;
115 115   overflow:hidden;
116 116   border:none;
117 117  }
118 -a.prevPagination {
119 - width: 50%;
120 - 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;
121 121  }
122 -a.nextPagination {
123 - width: 100%;
124 - 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;
125 125  }
126 -/* Search Result List*/
127 -#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{
128 128   clear: both;
129 129   display: table;
130 130   padding-top: 15px;
... ... @@ -132,7 +132,7 @@
132 132  .resultItem{
133 133   display: block;
134 134  }
135 -.resultItemContainer{
156 +.resultContainer{
136 136   clear: both;
137 137   width: 100%;
138 138  }
... ... @@ -171,7 +171,7 @@
171 171   color: #39397F;
172 172  }
173 173  .itemDescription a:focus {
174 - outline: dotted 1px #000;
195 + outline: dotted 1px #000;
175 175  }
176 176  .itemTitle a{
177 177   color: #4d4d4d;
... ... @@ -184,24 +184,25 @@
184 184   font-size:130%;
185 185  }
186 186  .itemTitle a:focus {
187 - outline: dotted 1px #000;
208 + outline: dotted 1px #000;
188 188  }
189 189  a.itemAuthor:focus{
190 - outline: dotted 1px #000;
211 + outline: dotted 1px #000;
191 191  }
192 192  .itemLocation{
193 - color: #aaa;
214 + color: #888;
194 194   font-size:90%;
195 195  }
196 196  .itemLocation a.itemWiki , .itemLocation a.itemSpace, .itemLocation a.itemPage{}
197 197  .itemModifiers{
198 - color: #aaa;
219 + color: #888;
199 199   font-size:90%;
200 200  }
201 -.itemModifiers a.itemAuthor, .itemModifiers a.itemDate{}
202 -.itemContext .highlight{
203 - background-color: #f7ff94;
204 - padding: 0px 5px 0px 5px;
222 +.itemContext em{
223 + background-color:#F7FF94;
224 + padding:0;
225 + margin: 0;
226 + text-decoration: inherited;
205 205  }
206 206  .itemOthers{
207 207   font-size:80%;
... ... @@ -291,22 +291,11 @@
291 291   margin-bottom: 15px;
292 292   height: 1px;
293 293  }
294 -.searchFooter{
295 - display: block;
296 - clear: both;
297 - text-align: right;
298 - font-size: 90%;
299 -}
300 -.divClosure {
301 - background-color: transparent;
302 - clear: both;
303 - height: 1px;
304 - margin: 0 211px;
305 -}
306 -html>body div.suggestResults{
316 +html>body .suggestResults{
307 307   width: 422px;
308 308  }
309 -div.suggestResults{
319 +.suggestResults{
320 + display:none;
310 310   width: 400px;
311 311   position: absolute;
312 312   padding: 11px 0px;
... ... @@ -314,23 +314,22 @@
314 314   z-index: 1000;
315 315   left: 5px;
316 316   top: 27px;
317 - display:none;
318 318  }
319 -div.suggestResults ul{
329 +.suggestResults ul{
320 320   list-style: none;
321 321   list-style-position: outside;
322 322   margin: 0;
323 323   padding: 0;
324 - background: #FFFFFF url($xwiki.getSkinFile("greyback2.png")) repeat-x scroll right bottom;
334 + background: #FFFFFF url($xwiki.getSkinFile('suggestBg.png')) repeat-x scroll 0 0;
325 325   border: 2px solid #ccc;
326 326   border-top: none;
327 327  }
328 -div.suggestResults ul li{
338 +.suggestResults ul li{
329 329   padding: 5px 0 0;
330 330   margin: 0;
331 331   text-align: left;
332 332  }
333 -div.suggestResults ul li a{
343 +.suggestResults ul li a{
334 334   display: block;
335 335   text-decoration: none;
336 336   background-color: transparent;
... ... @@ -338,34 +338,43 @@
338 338   padding: 0;
339 339   width: 100%;
340 340  }
341 -div.suggestResults ul li a span.suggestItem{
351 +.suggestResults ul li a .suggestItem{
342 342   display: block;
343 343   padding: 0;
344 344   margin: 0;
345 345   clear: both;
346 346  }
347 -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{
348 348   text-align: left;
349 349   width: 60%;
350 350   color: #4D4D4D;
351 351   display:inline-block;
365 + font-weight: bold;
352 352   font-size: 90%;
353 353   padding-left: 6px;
354 354   margin: 0px;
355 355  }
356 -div.suggestResults ul li a:hover span.suggestItem span.suggestName{
357 - text-decoration: underline;
370 +.suggestResults em{
371 + background-color:#F7FF94;
372 + padding:0;
373 + margin: 0;
374 + text-decoration: inherited;
358 358  }
359 -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{
360 360   text-decoration: underline;
361 361  }
362 -div.suggestResults ul li a:hover span.suggestItem span.suggestLocation{
380 +.suggestResults ul li a:hover .suggestItem .suggestLocation .suggestWiki,
381 +.suggestResults ul li a:hover .suggestItem .suggestLocation .suggestSpace{
363 363   color: #39397F;
364 364   text-decoration: none;
365 365  }
366 -div.suggestResults ul li a span.suggestItem span.suggestLocation{
385 +.suggestResults ul li a .suggestItem .suggestLocation{
367 367   text-align: right;
368 - color: #cccccc;
387 + color: #888;
369 369   font-size: 90%;
370 370   width: 36%;
371 371   vertical-align: top;
... ... @@ -373,9 +373,3 @@
373 373   padding-right: 6px;
374 374   margin: 0px;
375 375  }
376 -em{
377 - color:#5599FF;
378 - padding:0;
379 - margin: 0;
380 - text-decoration: inherited;
381 -}