Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 408.1
edited by Ecaterina Valica
on 2009/03/25 12:41
Change comment: There is no comment for this version
To version 388.1
edited by Ecaterina Valica
on 2009/03/24 16:52
Change comment: Upload new attachment <a href="/xwiki/bin/downloadrev/Main/ListWebSearch/searchBlue.css?rev=1.1">searchBlue.css</a>

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="$msg.get('xe.search.bar.go')" title="$msg.get('xe.search.bar.go.title')"/>
40 + <input type="submit" class="searchButton" value="Search" 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>
searchYellow.css
Size
... ... @@ -1,1 +1,1 @@
1 -7.4 KB
1 +7.3 KB
Content
... ... @@ -1,8 +1,4 @@
1 -#search{
2 - width: 100%;
3 - background-color: #fff;
4 -}
5 -/* Search Bar*/
1 +39397F Bar*/
6 6  #searchBar{
7 7   margin-bottom: 11px;
8 8   padding-left: 5px;
... ... @@ -43,12 +43,12 @@
43 43   font-size: 90%;
44 44  }
45 45  #sortFilter{
46 - color: #808080;
42 + color: #aaa;
47 47   padding: 5px;
48 48   line-height: 16px;
49 49  }
50 50  #sortFilter a.sortType{
51 - color: #808080;
47 + color: #aaa;
52 52  }
53 53  #sortFilter a.sortType:hover{
54 54   color: #4D4D4D;
... ... @@ -64,7 +64,7 @@
64 64   outline: dotted 1px #000;
65 65  }
66 66  .paginationFilter {
67 - color: #808080;
63 + color: #aaa;
68 68   height: 100%;
69 69   border-top: 1px solid #CCCCCC;
70 70   padding: 2px 0px 5px 5px;
... ... @@ -82,7 +82,7 @@
82 82   margin-right: 10px;
83 83  }
84 84  .pagination a{
85 - color: #808080;
81 + color: #aaa;
86 86  }
87 87  .pagination a:hover{
88 88   color: #4D4D4D;
... ... @@ -169,10 +169,10 @@
169 169   width: 82%;
170 170  }
171 171  .itemDescription a{
172 - color: #5599ff;
168 + color: #39397F;
173 173  }
174 174  .itemDescription a:hover{
175 - color: #5599ff;
171 + color: #39397F;
176 176  }
177 177  .itemDescription a:focus {
178 178   outline: dotted 1px #000;
... ... @@ -194,12 +194,12 @@
194 194   outline: dotted 1px #000;
195 195  }
196 196  .itemLocation{
197 - color: #808080;
193 + color: #aaa;
198 198   font-size:90%;
199 199  }
200 200  .itemLocation a.itemWiki , .itemLocation a.itemSpace, .itemLocation a.itemPage{}
201 201  .itemModifiers{
202 - color: #808080;
198 + color: #aaa;
203 203   font-size:90%;
204 204  }
205 205  .itemModifiers a.itemAuthor, .itemModifiers a.itemDate{}
... ... @@ -208,7 +208,6 @@
208 208   padding: 0px 5px 0px 5px;
209 209  }
210 210  .itemOthers{
211 - color: #808080;
212 212   font-size:80%;
213 213  }
214 214  .itemOthers .itemComments, .itemOthers .itemAttachments, .itemOthers .itemRating{
... ... @@ -326,7 +326,7 @@
326 326   list-style-position: outside;
327 327   margin: 0;
328 328   padding: 0;
329 - background: #FFFFFF url($xwiki.getSkinFile("greyback2.png")) repeat-x scroll 0 0;
324 + background: #FFFFFF url($xwiki.getSkinFile("greyback2.png")) repeat-x scroll right bottom;
330 330   border: 2px solid #ccc;
331 331   border-top: none;
332 332  }
... ... @@ -365,12 +365,12 @@
365 365   text-decoration: underline;
366 366  }
367 367  div.suggestResults ul li a:hover span.suggestItem span.suggestLocation{
368 - color: #5599FF;
363 + color: #39397F;
369 369   text-decoration: none;
370 370  }
371 371  div.suggestResults ul li a span.suggestItem span.suggestLocation{
372 372   text-align: right;
373 - color: #bbb;
368 + color: #cccccc;
374 374   font-size: 90%;
375 375   width: 36%;
376 376   vertical-align: top;
... ... @@ -379,7 +379,7 @@
379 379   margin: 0px;
380 380  }
381 381  em{
382 - background-color:#F7FF94;
377 + color:#5599FF;
383 383   padding:0;
384 384   margin: 0;
385 385   text-decoration: inherited;
XWiki.StyleSheetExtension[0]
Code
... ... @@ -53,7 +53,7 @@
53 53   color: #4D4D4D;
54 54  }
55 55  #sortFilter a.sortType:focus {
56 - outline: dotted 1px #000;
56 + outline: dotted 1px #000;
57 57  }
58 58  #sortFilter a#currentSort{
59 59   color: #4D4D4D;
... ... @@ -60,7 +60,7 @@
60 60   font-weight: bold;
61 61  }
62 62  #sortFilter a#currentSort:focus {
63 - outline: dotted 1px #000;
63 + outline: dotted 1px #000;
64 64  }
65 65  .paginationFilter {
66 66   color: #aaa;
... ... @@ -76,12 +76,6 @@
76 76  .resultsNo .currentResultsNo, .resultsNo .totalResultsNo{
77 77   color: #aaa;
78 78  }
79 -.paginationFooter{
80 - display: block;
81 - clear: both;
82 - text-align: right;
83 - font-size: 90%;
84 -}
85 85  .pagination{
86 86   float: right;
87 87   margin-right: 10px;
... ... @@ -97,18 +97,22 @@
97 97   font-weight: bold;
98 98  }
99 99  .pagination a:focus {
100 - outline: dotted 1px #000;
94 + outline: dotted 1px #000;
101 101  }
102 102  .controlPagination{
103 103   position:relative;
104 - width:42px;
98 + width:41px;
105 105   height:22px;
106 106   overflow:hidden;
107 107   margin:0!important;
108 108   padding:0!important;
109 109   list-style:none;
104 + background-image:url($xwiki.getSkinFile("navigation.png"));
110 110   float: right;
111 111  }
107 +.controlPagination li{
108 + display:inline;
109 +}
112 112  .controlPagination a{
113 113   position:absolute;
114 114   top:0;
... ... @@ -120,35 +120,16 @@
120 120   overflow:hidden;
121 121   border:none;
122 122  }
123 -.controlPagination a.prevPagination {
124 - background-position:left top;
125 - background-image:url($xwiki.getSkinFile("navigat.png"));
126 - width: 21px;
127 - height: 22px;
121 +a.prevPagination {
122 + width: 50%;
123 + z-index: 2;
128 128  }
129 -.controlPagination a.noPrevPagination{
130 - background-position:left bottom;
131 - background-image:url($xwiki.getSkinFile("navigat.png"));
132 - width: 21px;
133 - height: 22px;
125 +a.nextPagination {
126 + width: 100%;
127 + z-index: 1;
134 134  }
135 -.controlPagination a.nextPagination {
136 - background-position:right top;
137 - background-image:url($xwiki.getSkinFile("navigat.png"));
138 - width: 21px;
139 - height: 22px;
140 - left: 21px;
141 - margin: 0;
142 - padding:0;
143 -}
144 -.controlPagination a.noNextPagination {
145 - background-position:right bottom;
146 - background-image:url($xwiki.getSkinFile("navigat.png"));
147 - width: 21px;
148 - height: 22px;
149 -}
150 -/* Search Result*/
151 -#searchResults{
129 +/* Search Result List*/
130 +#searchResultsList{
152 152   clear: both;
153 153   display: table;
154 154   padding-top: 15px;
... ... @@ -156,7 +156,7 @@
156 156  .resultItem{
157 157   display: block;
158 158  }
159 -.resultContainer{
138 +.resultItemContainer{
160 160   clear: both;
161 161   width: 100%;
162 162  }
... ... @@ -195,7 +195,7 @@
195 195   color: #39397F;
196 196  }
197 197  .itemDescription a:focus {
198 - outline: dotted 1px #000;
177 + outline: dotted 1px #000;
199 199  }
200 200  .itemTitle a{
201 201   color: #4d4d4d;
... ... @@ -208,10 +208,10 @@
208 208   font-size:130%;
209 209  }
210 210  .itemTitle a:focus {
211 - outline: dotted 1px #000;
190 + outline: dotted 1px #000;
212 212  }
213 213  a.itemAuthor:focus{
214 - outline: dotted 1px #000;
193 + outline: dotted 1px #000;
215 215  }
216 216  .itemLocation{
217 217   color: #aaa;
... ... @@ -222,11 +222,10 @@
222 222   color: #aaa;
223 223   font-size:90%;
224 224  }
225 -.itemContext em{
226 - background-color:#F7FF94;
227 - padding:0;
228 - margin: 0;
229 - text-decoration: inherited;
204 +.itemModifiers a.itemAuthor, .itemModifiers a.itemDate{}
205 +.itemContext .highlight{
206 + background-color: #f7ff94;
207 + padding: 0px 5px 0px 5px;
230 230  }
231 231  .itemOthers{
232 232   font-size:80%;
... ... @@ -316,11 +316,22 @@
316 316   margin-bottom: 15px;
317 317   height: 1px;
318 318  }
297 +.searchFooter{
298 + display: block;
299 + clear: both;
300 + text-align: right;
301 + font-size: 90%;
302 +}
303 +.divClosure {
304 + background-color: transparent;
305 + clear: both;
306 + height: 1px;
307 + margin: 0 211px;
308 +}
319 319  html>body .suggestResults{
320 320   width: 422px;
321 321  }
322 322  .suggestResults{
323 - display:none;
324 324   width: 400px;
325 325   position: absolute;
326 326   padding: 11px 0px;
... ... @@ -334,7 +334,7 @@
334 334   list-style-position: outside;
335 335   margin: 0;
336 336   padding: 0;
337 - background: #FFFFFF url($xwiki.getSkinFile('suggestBg.png')) repeat-x scroll 0 0;
326 + background: #FFFFFF url($xwiki.getSkinFile('greyback2.png')) repeat-x scroll 0 0;
338 338   border: 2px solid #ccc;
339 339   border-top: none;
340 340  }
... ... @@ -357,10 +357,7 @@
357 357   margin: 0;
358 358   clear: both;
359 359  }
360 -.suggestResults ul li a:focus .suggestItem{
361 - outline: dotted 1px #000;
362 -}
363 -.suggestResults ul li a .suggestItem .suggestTitle{
349 +.suggestResults ul li a .suggestItem .suggestName{
364 364   text-align: left;
365 365   width: 60%;
366 366   color: #4D4D4D;
... ... @@ -370,18 +370,13 @@
370 370   padding-left: 6px;
371 371   margin: 0px;
372 372  }
373 -.suggestResults em{
374 - background-color:#F7FF94;
375 - padding:0;
376 - margin: 0;
377 - text-decoration: inherited;
359 +.suggestResults ul li a:hover .suggestItem .suggestName{
360 + text-decoration: underline;
378 378  }
379 -.suggestResults ul li a:hover .suggestItem .suggestTitle,
380 -.suggestResults ul li a:hover .suggestItem .suggestTitle em{
362 +.suggestResults ul li a:hover .suggestItem .suggestName em{
381 381   text-decoration: underline;
382 382  }
383 -.suggestResults ul li a:hover .suggestItem .suggestLocation .suggestWiki,
384 -.suggestResults ul li a:hover .suggestItem .suggestLocation .suggestSpace{
365 +.suggestResults ul li a:hover .suggestItem .suggestLocation{
385 385   color: #39397F;
386 386   text-decoration: none;
387 387  }
... ... @@ -395,3 +395,9 @@
395 395   padding-right: 6px;
396 396   margin: 0px;
397 397  }
379 +em{
380 + color:orange;
381 + padding:0;
382 + margin: 0;
383 + text-decoration: inherited;
384 +}