Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 370.1
edited by Ecaterina Valica
on 2009/03/24 15:06
Change comment: There is no comment for this version
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
... ... @@ -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,51 @@
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 +.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;
121 121  }
122 -a.nextPagination {
123 - width: 100%;
124 - z-index: 1;
129 +.controlPagination a.prevPagination {
130 + background-position:left top;
125 125  }
126 -/* Search Result List*/
127 -#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{
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{
152 +.resultContainer{
136 136   clear: both;
137 137   width: 100%;
138 138  }
... ... @@ -142,19 +142,19 @@
142 142   width: 3%;
143 143  }
144 144  .itemType .typeComment{
145 - 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;
146 146   display:inline-block;
147 147   width:16px;
148 148   height:16px;
149 149  }
150 150  .itemType .typeAttachment{
151 - 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;
152 152   display:inline-block;
153 153   width:16px;
154 154   height:16px;
155 155  }
156 156  .itemType .typePage{
157 - background:transparent;
174 + background:transparent url($xwiki.getSkinFile("icons/silk/page_white_text.gif")) center right no-repeat;
158 158   display:inline-block;
159 159   width:16px;
160 160   height:16px;
... ... @@ -171,7 +171,7 @@
171 171   color: #39397F;
172 172  }
173 173  .itemDescription a:focus {
174 - outline: dotted 1px #000;
191 + 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;
204 + outline: dotted 1px #000;
188 188  }
189 189  a.itemAuthor:focus{
190 - outline: dotted 1px #000;
207 + outline: dotted 1px #000;
191 191  }
192 192  .itemLocation{
193 - color: #aaa;
210 + 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;
215 + 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;
218 +.itemContext em{
219 + background-color:lemonChiffon;
220 + padding:0;
221 + margin: 0;
222 + text-decoration: inherited;
205 205  }
206 206  .itemOthers{
207 207   font-size:80%;
... ... @@ -214,12 +214,12 @@
214 214   padding-right: 5px;
215 215  }
216 216  .itemOthers .itemComments a{
217 - 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;
218 218   display:inline-block;
219 219   padding-right:16px;
220 220  }
221 221  .itemOthers .itemAttachments a{
222 - 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;
223 223   display:inline-block;
224 224   padding-right:16px;
225 225  }
... ... @@ -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{
312 +html>body .suggestResults{
307 307   width: 422px;
308 308  }
309 -div.suggestResults{
315 +.suggestResults{
316 + display:none;
310 310   width: 400px;
311 311   position: absolute;
312 312   padding: 11px 0px;
... ... @@ -315,21 +315,21 @@
315 315   left: 5px;
316 316   top: 27px;
317 317  }
318 -div.suggestResults ul{
325 +.suggestResults ul{
319 319   list-style: none;
320 320   list-style-position: outside;
321 321   margin: 0;
322 322   padding: 0;
323 - background: #FFFFFF url($xwiki.getSkinFile("greyback2.png")) repeat-x scroll right bottom;
330 + background: #FFFFFF url($xwiki.getSkinFile('suggestBg.png')) repeat-x scroll 0 0;
324 324   border: 2px solid #ccc;
325 325   border-top: none;
326 326  }
327 -div.suggestResults ul li{
334 +.suggestResults ul li{
328 328   padding: 5px 0 0;
329 329   margin: 0;
330 330   text-align: left;
331 331  }
332 -div.suggestResults ul li a{
339 +.suggestResults ul li a{
333 333   display: block;
334 334   text-decoration: none;
335 335   background-color: transparent;
... ... @@ -337,34 +337,43 @@
337 337   padding: 0;
338 338   width: 100%;
339 339  }
340 -div.suggestResults ul li a span.suggestItem{
347 +.suggestResults ul li a .suggestItem{
341 341   display: block;
342 342   padding: 0;
343 343   margin: 0;
344 344   clear: both;
345 345  }
346 -div.suggestResults ul li a span.suggestItem span.suggestName{
353 +.suggestResults ul li a:focus .suggestItem{
354 + outline: dotted 1px #000;
355 +}
356 +.suggestResults ul li a .suggestItem .suggestTitle{
347 347   text-align: left;
348 348   width: 60%;
349 349   color: #4D4D4D;
350 350   display:inline-block;
361 + font-weight: bold;
351 351   font-size: 90%;
352 352   padding-left: 6px;
353 353   margin: 0px;
354 354  }
355 -div.suggestResults ul li a:hover span.suggestItem span.suggestName{
356 - text-decoration: underline;
366 +.suggestResults em{
367 + background-color:lemonChiffon;
368 + padding:0;
369 + margin: 0;
370 + text-decoration: inherited;
357 357  }
358 -div.suggestResults ul li a:hover span.suggestItem span.suggestName em{
372 +.suggestResults ul li a:hover .suggestItem .suggestTitle,
373 +.suggestResults ul li a:hover .suggestItem .suggestTitle em{
359 359   text-decoration: underline;
360 360  }
361 -div.suggestResults ul li a:hover span.suggestItem span.suggestLocation{
376 +.suggestResults ul li a:hover .suggestItem .suggestLocation .suggestWiki,
377 +.suggestResults ul li a:hover .suggestItem .suggestLocation .suggestSpace{
362 362   color: #39397F;
363 363   text-decoration: none;
364 364  }
365 -div.suggestResults ul li a span.suggestItem span.suggestLocation{
381 +.suggestResults ul li a .suggestItem .suggestLocation{
366 366   text-align: right;
367 - color: #cccccc;
383 + color: #888;
368 368   font-size: 90%;
369 369   width: 36%;
370 370   vertical-align: top;
... ... @@ -372,9 +372,3 @@
372 372   padding-right: 6px;
373 373   margin: 0px;
374 374  }
375 -em{
376 - color:#5599FF;
377 - padding:0;
378 - margin: 0;
379 - text-decoration: inherited;
380 -}