Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 369.1
edited by Ecaterina Valica
on 2009/03/24 15:06
Change comment: There is no comment for this version
To version 422.1
edited by Ecaterina Valica
on 2009/04/17 08:39
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  }
... ... @@ -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;
166 + 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;
172 + 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;
178 + 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;
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:lemonChiffon;
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;
... ... @@ -315,21 +315,21 @@
315 315   left: 5px;
316 316   top: 27px;
317 317  }
318 -div.suggestResults ul{
329 +.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;
334 + 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{
338 +.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{
343 +.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{
351 +.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{
357 +.suggestResults ul li a:focus .suggestItem{
358 + outline: dotted 1px #000;
359 +}
360 +.suggestResults ul li a .suggestItem .suggestTitle{
347 347   text-align: left;
348 348   width: 60%;
349 349   color: #4D4D4D;
350 350   display:inline-block;
365 + 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;
370 +.suggestResults em{
371 + background-color:#F7FF94;
372 + padding:0;
373 + margin: 0;
374 + text-decoration: inherited;
357 357  }
358 -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{
359 359   text-decoration: underline;
360 360  }
361 -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{
362 362   color: #39397F;
363 363   text-decoration: none;
364 364  }
365 -div.suggestResults ul li a span.suggestItem span.suggestLocation{
385 +.suggestResults ul li a .suggestItem .suggestLocation{
366 366   text-align: right;
367 - color: #cccccc;
387 + 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 -}