Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 385.1
edited by Ecaterina Valica
on 2009/03/24 16:12
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
... ... @@ -37,7 +37,7 @@
37 37   {pre}
38 38   <input type="text" name="text" class="searchQuery" value="$msg.get("xe.search.bar.query")" title="$msg.get('xe.search.bar.query.title')"/>
39 39   #spaceselect($space $spaces $spacesText)
40 - <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')"/>
41 41   <div class="searchHelp">$msg.get("xe.search.bar.help")</div>
42 42   {/pre}
43 43  </form>
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;
... ... @@ -54,7 +54,7 @@
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,7 +61,7 @@
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 67   color: #aaa;
... ... @@ -77,6 +77,12 @@
77 77  .resultsNo .currentResultsNo, .resultsNo .totalResultsNo{
78 78   color: #aaa;
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;
... ... @@ -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  }
... ... @@ -175,7 +175,7 @@
175 175   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,10 +188,10 @@
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 197   color: #aaa;
... ... @@ -202,10 +202,11 @@
202 202   color: #aaa;
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 211   font-size:80%;
... ... @@ -295,22 +295,11 @@
295 295   margin-bottom: 15px;
296 296   height: 1px;
297 297  }
298 -.searchFooter{
299 - display: block;
300 - clear: both;
301 - text-align: right;
302 - font-size: 90%;
303 -}
304 -.divClosure {
305 - background-color: transparent;
306 - clear: both;
307 - height: 1px;
308 - margin: 0 211px;
309 -}
310 310  html>body .suggestResults{
311 311   width: 422px;
312 312  }
313 313  .suggestResults{
320 + display:none;
314 314   width: 400px;
315 315   position: absolute;
316 316   padding: 11px 0px;
... ... @@ -324,7 +324,7 @@
324 324   list-style-position: outside;
325 325   margin: 0;
326 326   padding: 0;
327 - 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;
328 328   border: 2px solid #ccc;
329 329   border-top: none;
330 330  }
... ... @@ -347,7 +347,10 @@
347 347   margin: 0;
348 348   clear: both;
349 349  }
350 -.suggestResults ul li a .suggestItem .suggestName{
357 +.suggestResults ul li a:focus .suggestItem{
358 + outline: dotted 1px #000;
359 +}
360 +.suggestResults ul li a .suggestItem .suggestTitle{
351 351   text-align: left;
352 352   width: 60%;
353 353   color: #4D4D4D;
... ... @@ -357,13 +357,18 @@
357 357   padding-left: 6px;
358 358   margin: 0px;
359 359  }
360 -.suggestResults ul li a:hover .suggestItem .suggestName{
361 - text-decoration: underline;
370 +.suggestResults em{
371 + background-color:#F7FF94;
372 + padding:0;
373 + margin: 0;
374 + text-decoration: inherited;
362 362  }
363 -.suggestResults ul li a:hover .suggestItem .suggestName em{
376 +.suggestResults ul li a:hover .suggestItem .suggestTitle,
377 +.suggestResults ul li a:hover .suggestItem .suggestTitle em{
364 364   text-decoration: underline;
365 365  }
366 -.suggestResults ul li a:hover .suggestItem .suggestLocation{
380 +.suggestResults ul li a:hover .suggestItem .suggestLocation .suggestWiki,
381 +.suggestResults ul li a:hover .suggestItem .suggestLocation .suggestSpace{
367 367   color: #39397F;
368 368   text-decoration: none;
369 369  }
... ... @@ -377,9 +377,3 @@
377 377   padding-right: 6px;
378 378   margin: 0px;
379 379  }
380 -em{
381 - color:orange;
382 - padding:0;
383 - margin: 0;
384 - text-decoration: inherited;
385 -}