Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 396.1
edited by Ecaterina Valica
on 2009/03/25 10:47
Change comment: There is no comment for this version
To version 414.1
edited by Ecaterina Valica
on 2009/03/25 12:50
Change comment: There is no comment for this version

Summary

Details

searchYellow.css
Size
... ... @@ -1,1 +1,1 @@
1 -7.3 KB
1 +7.4 KB
Content
... ... @@ -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;
... ... @@ -39,12 +39,12 @@
39 39   font-size: 90%;
40 40  }
41 41  #sortFilter{
42 - color: #aaa;
46 + color: #808080;
43 43   padding: 5px;
44 44   line-height: 16px;
45 45  }
46 46  #sortFilter a.sortType{
47 - color: #aaa;
51 + color: #808080;
48 48  }
49 49  #sortFilter a.sortType:hover{
50 50   color: #4D4D4D;
... ... @@ -60,7 +60,7 @@
60 60   outline: dotted 1px #000;
61 61  }
62 62  .paginationFilter {
63 - color: #aaa;
67 + color: #808080;
64 64   height: 100%;
65 65   border-top: 1px solid #CCCCCC;
66 66   padding: 2px 0px 5px 5px;
... ... @@ -78,7 +78,7 @@
78 78   margin-right: 10px;
79 79  }
80 80  .pagination a{
81 - color: #aaa;
85 + color: #808080;
82 82  }
83 83  .pagination a:hover{
84 84   color: #4D4D4D;
... ... @@ -165,10 +165,10 @@
165 165   width: 82%;
166 166  }
167 167  .itemDescription a{
168 - color: #39397F;
172 + color: #5599ff;
169 169  }
170 170  .itemDescription a:hover{
171 - color: #39397F;
175 + color: #5599ff;
172 172  }
173 173  .itemDescription a:focus {
174 174   outline: dotted 1px #000;
... ... @@ -190,12 +190,12 @@
190 190   outline: dotted 1px #000;
191 191  }
192 192  .itemLocation{
193 - color: #aaa;
197 + color: #808080;
194 194   font-size:90%;
195 195  }
196 196  .itemLocation a.itemWiki , .itemLocation a.itemSpace, .itemLocation a.itemPage{}
197 197  .itemModifiers{
198 - color: #aaa;
202 + color: #808080;
199 199   font-size:90%;
200 200  }
201 201  .itemModifiers a.itemAuthor, .itemModifiers a.itemDate{}
... ... @@ -204,6 +204,7 @@
204 204   padding: 0px 5px 0px 5px;
205 205  }
206 206  .itemOthers{
211 + color: #808080;
207 207   font-size:80%;
208 208  }
209 209  .itemOthers .itemComments, .itemOthers .itemAttachments, .itemOthers .itemRating{
... ... @@ -321,7 +321,7 @@
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;
329 + background: #FFFFFF url($xwiki.getSkinFile("greyback2.png")) repeat-x scroll 0 0;
325 325   border: 2px solid #ccc;
326 326   border-top: none;
327 327  }
... ... @@ -360,12 +360,12 @@
360 360   text-decoration: underline;
361 361  }
362 362  div.suggestResults ul li a:hover span.suggestItem span.suggestLocation{
363 - color: #39397F;
368 + color: #5599FF;
364 364   text-decoration: none;
365 365  }
366 366  div.suggestResults ul li a span.suggestItem span.suggestLocation{
367 367   text-align: right;
368 - color: #cccccc;
373 + color: #bbb;
369 369   font-size: 90%;
370 370   width: 36%;
371 371   vertical-align: top;
... ... @@ -374,7 +374,7 @@
374 374   margin: 0px;
375 375  }
376 376  em{
377 - color:#5599FF;
382 + background-color:#F7FF94;
378 378   padding:0;
379 379   margin: 0;
380 380   text-decoration: inherited;
XWiki.StyleSheetExtension[0]
Code
... ... @@ -76,6 +76,12 @@
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 +}
79 79  .pagination{
80 80   float: right;
81 81   margin-right: 10px;
... ... @@ -95,18 +95,14 @@
95 95  }
96 96  .controlPagination{
97 97   position:relative;
98 - width:41px;
104 + width:42px;
99 99   height:22px;
100 100   overflow:hidden;
101 101   margin:0!important;
102 102   padding:0!important;
103 103   list-style:none;
104 - background-image:url($xwiki.getSkinFile("navigation.png"));
105 105   float: right;
106 106  }
107 -.controlPagination li{
108 - display:inline;
109 -}
110 110  .controlPagination a{
111 111   position:absolute;
112 112   top:0;
... ... @@ -118,14 +118,32 @@
118 118   overflow:hidden;
119 119   border:none;
120 120  }
121 -a.prevPagination {
122 - width: 50%;
123 - z-index: 2;
123 +.controlPagination a.prevPagination {
124 + background-position:left top;
125 + background-image:url($xwiki.getSkinFile("navigat.png"));
126 + width: 21px;
127 + height: 22px;
124 124  }
125 -a.nextPagination {
126 - width: 100%;
127 - z-index: 1;
129 +.controlPagination a.noPrevPagination{
130 + background-position:left bottom;
131 + background-image:url($xwiki.getSkinFile("navigat.png"));
132 + width: 21px;
133 + height: 22px;
128 128  }
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 +}
142 +.controlPagination a.noNextPagination {
143 + background-position:right bottom;
144 + background-image:url($xwiki.getSkinFile("navigat.png"));
145 + width: 21px;
146 + height: 22px;
147 + left: 21px;
148 +}
129 129  /* Search Result*/
130 130  #searchResults{
131 131   clear: both;
... ... @@ -135,7 +135,7 @@
135 135  .resultItem{
136 136   display: block;
137 137  }
138 -.resultItemContainer{
158 +.resultContainer{
139 139   clear: both;
140 140   width: 100%;
141 141  }
... ... @@ -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{
322 + display:none;
314 314   width: 400px;
315 315   position: absolute;
316 316   padding: 11px 0px;
... ... @@ -347,6 +347,9 @@
347 347   margin: 0;
348 348   clear: both;
349 349  }
359 +.suggestResults ul li a:focus .suggestItem{
360 + outline: dotted 1px #000;
361 +}
350 350  .suggestResults ul li a .suggestItem .suggestTitle{
351 351   text-align: left;
352 352   width: 60%;
... ... @@ -363,9 +363,7 @@
363 363   margin: 0;
364 364   text-decoration: inherited;
365 365  }
366 -.suggestResults ul li a:hover .suggestItem .suggestTitle{
367 - text-decoration: underline;
368 -}
378 +.suggestResults ul li a:hover .suggestItem .suggestTitle,
369 369  .suggestResults ul li a:hover .suggestItem .suggestTitle em{
370 370   text-decoration: underline;
371 371  }