Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 161.1
edited by Ecaterina Valica
on 2009/03/19 15:30
Change comment: There is no comment for this version
To version 101.1
edited by Ecaterina Valica
on 2009/03/17 16:20
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -36,7 +36,7 @@
36 36  <form action="">
37 37   {pre}
38 38   <div id="searchBar">
39 - <input type="text" name="text" value="Search..." size="50"/>
39 + <input type="text" name="text" value="$xwiki.getFormEncoded($!text)" size="50"/>
40 40   #spaceselect($space $spaces $spacesText) <input type="submit" value="Search"/>
41 41   <div class="searchHelp">eq. xwiki* AND "search query"</div>
42 42   </div>
XWiki.StyleSheetExtension[0]
Code
... ... @@ -25,16 +25,15 @@
25 25  }
26 26  #sortFilter{
27 27   color: #808080;
28 - background-color: #F9F9F9;
28 + background-color: #e6e6e6;
29 + border-bottom: 2px solid #b3b3b3;
29 29   padding: 5px;
30 - line-height: 16px;
31 31  }
32 -#sortFilter a.sortType{
32 +#sortFilter a{
33 33   color: #808080;
34 34  }
35 35  #sortFilter a:hover{
36 36   color: #777777;
37 - font-weight: bold;
38 38  }
39 39  #sortFilter a#currentSort{
40 40   color: #777777;
... ... @@ -43,11 +43,9 @@
43 43  .paginationFilter {
44 44   color: #808080;
45 45   height: 100%;
46 - background-color: #F9F9F9;
47 - border-top: 1px solid #CCCCCC;
45 + background-color: #f2f2f2;
48 48   padding: 5px;
49 49   display: block;
50 - line-height: 22px;
51 51  }
52 52  .resultsNo{
53 53   float: left;
... ... @@ -57,7 +57,6 @@
57 57  }
58 58  .pagination{
59 59   float: right;
60 - margin-right: 10px;
61 61  }
62 62  .pagination a{
63 63   color: #808080;
... ... @@ -64,98 +64,39 @@
64 64  }
65 65  .pagination a:hover{
66 66   color: #777777;
67 - font-weight: bold;
68 68  }
69 69  .pagination a.currentPagination{
70 70   color: #777777;
71 71   font-weight: bold;
72 72  }
73 -.controlPagination{
74 - position:relative;
75 - width:41px;
76 - height:22px;
77 - overflow:hidden;
78 - margin:0!important;
79 - padding:0!important;
80 - list-style:none;
81 - background-image:url($xwiki.getSkinFile("navigation.png"));
82 - float: right;
83 -}
84 -.controlPagination li{
85 - display:inline;
86 -}
87 -.controlPagination a{
88 - position:absolute;
89 - top:0;
90 - left:0;
91 - text-indent:-1000em;
92 - height:25px;
93 - line-height:25px;
94 - outline:none;
95 - overflow:hidden;
96 - border:none;
97 -}
98 -a.prevPagination {
99 - width: 50%;
100 - z-index: 2;
101 -}
102 -a.nextPagination {
103 - width: 100%;
104 - z-index: 1;
105 -}
68 +.pagination .controlPagination{}
106 106  /* Search Filters*/
107 107  #searchResultsList{
108 108   clear: both;
109 - display: table;
110 110  }
111 111  .resultItem{
112 - display: block;
74 + margin-bottom: 15px;
113 113  }
114 114  .resultItemContainer{
115 115   clear: both;
78 + display: table-row;
116 116   width: 100%;
117 117  }
118 118  .itemType{
119 119   float: left;
120 - display: inline-block;
121 - width: 3%;
83 + display: table-cell;
84 + width: 5%;
122 122  }
123 -.itemType .typeComment{
124 - background:transparent url($xwiki.getSkinFile("comment.png")) center right no-repeat;
125 - display:inline-block;
126 - width:16px;
127 - height:16px;
128 -}
129 -.itemType .typeAttachment{
130 - background:transparent url($xwiki.getSkinFile("attach.png")) center right no-repeat;
131 - display:inline-block;
132 - width:16px;
133 - height:16px;
134 -}
135 -.itemType .typePage{
136 - background:transparent;
137 - display:inline-block;
138 - width:16px;
139 - height:16px;
140 -}
141 141  .itemDescription{
142 142   float: left;
143 - display: inline-block;
144 - width: 82%;
88 + display: table-cell;
89 + width: 80%;
145 145  }
146 -.itemDescription a{
147 - color: #5599ff;
148 -}
149 149  .itemTitle{
150 150   color: #4d4d4d;
151 151   font-weight: bold;
152 152   font-size:130%;
153 153  }
154 -.itemTitle a{
155 - color: #4d4d4d;
156 - font-weight: bold;
157 - font-size:130%;
158 -}
159 159  .itemLocation{
160 160   color: #808080;
161 161   font-size:90%;
... ... @@ -176,15 +176,15 @@
176 176   display:inline;
177 177   clear:none;
178 178   float:left;
179 - padding-right: 5px;
116 + padding-right: 10px;
180 180  }
181 181  .itemOthers .itemComments a{
182 - background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat;
119 + background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat;
183 183   display:inline-block;
184 184   padding-right:16px;
185 185  }
186 186  .itemOthers .itemAttachments a{
187 - background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat;
124 + background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat;
188 188   display:inline-block;
189 189   padding-right:16px;
190 190  }
... ... @@ -193,8 +193,7 @@
193 193   width:55px;
194 194   height:11px;
195 195   overflow:hidden;
196 - margin:1px 0 0 0!important;
197 - padding:0!important;
133 + margin:0!important;padding:0!important;
198 198   background-position:left top;
199 199   background-image:url($xwiki.getSkinFile("rating.png"));
200 200  }
... ... @@ -213,7 +213,7 @@
213 213  }
214 214  .itemRelevance{
215 215   float: left;
216 - display: inline-block;
152 + display: table-cell;
217 217   width: 15%;
218 218   text-align: right;
219 219  }
... ... @@ -223,8 +223,7 @@
223 223   height:8px;
224 224   overflow:hidden;
225 225   list-style:none;
226 - margin:5px 0 0 0!important;
227 - padding:0!important;
162 + margin:0!important;padding:0!important;
228 228   background-position:left bottom;
229 229   background-image:url($xwiki.getSkinFile("relevance.png"));
230 230   float:right;
... ... @@ -242,21 +242,6 @@
242 242   z-index:1;
243 243   background-position:left top;
244 244  }
245 -.relevanceText{
246 - float: right;
247 - margin-right: 5px;
248 - color: #808080;
249 - font-size:80%;
250 -}
251 -.resultSeparator{
252 - display:block;
253 - width:100%;
254 - clear:both;
255 - padding: 0;
256 - margin: 0;
257 - margin-bottom: 15px;
258 - height: 1px;
259 -}
260 260  .searchFooter{
261 261   margin-bottom: 15px;
262 262   display: block;
... ... @@ -263,6 +263,10 @@
263 263   clear: both;
264 264   text-align: right;
265 265  }
186 +.searchFooter .pagination {
187 + width: 100%;
188 + background-color: #f2f2f2;
189 +}
266 266  .divClosure {
267 267   background-color: transparent;
268 268   clear: both;