Changes for page ListWebSearch

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

Summary

Details

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