Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 167.1
edited by Ecaterina Valica
on 2009/03/19 15:49
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" 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
... ... @@ -22,20 +22,18 @@
22 22  .searchFilters{
23 23   clear: both;
24 24   margin-bottom: 15px;
25 - font-size: 90%;
26 26  }
27 27  #sortFilter{
28 28   color: #808080;
29 - background-color: #F9F9F9;
28 + background-color: #e6e6e6;
29 + border-bottom: 2px solid #b3b3b3;
30 30   padding: 5px;
31 - line-height: 16px;
32 32  }
33 -#sortFilter a.sortType{
32 +#sortFilter a{
34 34   color: #808080;
35 35  }
36 36  #sortFilter a:hover{
37 37   color: #777777;
38 - font-weight: bold;
39 39  }
40 40  #sortFilter a#currentSort{
41 41   color: #777777;
... ... @@ -44,11 +44,9 @@
44 44  .paginationFilter {
45 45   color: #808080;
46 46   height: 100%;
47 - background-color: #F9F9F9;
48 - border-top: 1px solid #CCCCCC;
45 + background-color: #f2f2f2;
49 49   padding: 5px;
50 50   display: block;
51 - line-height: 22px;
52 52  }
53 53  .resultsNo{
54 54   float: left;
... ... @@ -58,7 +58,6 @@
58 58  }
59 59  .pagination{
60 60   float: right;
61 - margin-right: 10px;
62 62  }
63 63  .pagination a{
64 64   color: #808080;
... ... @@ -65,89 +65,40 @@
65 65  }
66 66  .pagination a:hover{
67 67   color: #777777;
68 - font-weight: bold;
69 69  }
70 70  .pagination a.currentPagination{
71 71   color: #777777;
72 72   font-weight: bold;
73 73  }
74 -.controlPagination{
75 - position:relative;
76 - width:41px;
77 - height:22px;
78 - overflow:hidden;
79 - margin:0!important;
80 - padding:0!important;
81 - list-style:none;
82 - background-image:url($xwiki.getSkinFile("navigation.png"));
83 - float: right;
84 -}
85 -.controlPagination li{
86 - display:inline;
87 -}
88 -.controlPagination a{
89 - position:absolute;
90 - top:0;
91 - left:0;
92 - text-indent:-1000em;
93 - height:25px;
94 - line-height:25px;
95 - outline:none;
96 - overflow:hidden;
97 - border:none;
98 -}
99 -a.prevPagination {
100 - width: 50%;
101 - z-index: 2;
102 -}
103 -a.nextPagination {
104 - width: 100%;
105 - z-index: 1;
106 -}
68 +.pagination .controlPagination{}
107 107  /* Search Filters*/
108 108  #searchResultsList{
109 109   clear: both;
110 - display: table;
111 111  }
112 112  .resultItem{
113 - display: block;
74 + margin-bottom: 15px;
114 114  }
115 115  .resultItemContainer{
116 116   clear: both;
78 + display: table-row;
117 117   width: 100%;
118 118  }
119 119  .itemType{
120 120   float: left;
121 - display: inline-block;
122 - width: 3%;
83 + display: table-cell;
84 + width: 5%;
123 123  }
124 -.itemType .typeComment{
125 - 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;
126 126   display:inline-block;
127 127   width:16px;
128 - height:16px;
129 129  }
130 -.itemType .typeAttachment{
131 - background:transparent url($xwiki.getSkinFile("attach.png")) center right no-repeat;
132 - display:inline-block;
133 - width:16px;
134 - height:16px;
135 -}
136 -.itemType .typePage{
137 - background:transparent;
138 - display:inline-block;
139 - width:16px;
140 - height:16px;
141 -}
142 142  .itemDescription{
143 143   float: left;
144 - display: inline-block;
145 - width: 82%;
93 + display: table-cell;
94 + width: 80%;
146 146  }
147 -.itemDescription a{
148 - color: #5599ff;
149 -}
150 -.itemTitle a{
96 +.itemTitle{
151 151   color: #4d4d4d;
152 152   font-weight: bold;
153 153   font-size:130%;
... ... @@ -175,12 +175,12 @@
175 175   padding-right: 5px;
176 176  }
177 177  .itemOthers .itemComments a{
178 - background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat;
124 + background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat;
179 179   display:inline-block;
180 180   padding-right:16px;
181 181  }
182 182  .itemOthers .itemAttachments a{
183 - background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat;
129 + background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat;
184 184   display:inline-block;
185 185   padding-right:16px;
186 186  }
... ... @@ -189,8 +189,7 @@
189 189   width:55px;
190 190   height:11px;
191 191   overflow:hidden;
192 - margin:1px 0 0 0!important;
193 - padding:0!important;
138 + margin:0!important;padding:0!important;
194 194   background-position:left top;
195 195   background-image:url($xwiki.getSkinFile("rating.png"));
196 196  }
... ... @@ -209,7 +209,7 @@
209 209  }
210 210  .itemRelevance{
211 211   float: left;
212 - display: inline-block;
157 + display: table-cell;
213 213   width: 15%;
214 214   text-align: right;
215 215  }
... ... @@ -219,8 +219,7 @@
219 219   height:8px;
220 220   overflow:hidden;
221 221   list-style:none;
222 - margin:5px 0 0 0!important;
223 - padding:0!important;
167 + margin:0!important;padding:0!important;
224 224   background-position:left bottom;
225 225   background-image:url($xwiki.getSkinFile("relevance.png"));
226 226   float:right;
... ... @@ -238,28 +238,16 @@
238 238   z-index:1;
239 239   background-position:left top;
240 240  }
241 -.relevanceText{
242 - float: right;
243 - margin-right: 5px;
244 - color: #808080;
245 - font-size:80%;
246 -}
247 -.resultSeparator{
248 - display:block;
249 - width:100%;
250 - clear:both;
251 - padding: 0;
252 - margin: 0;
253 - margin-bottom: 15px;
254 - height: 1px;
255 -}
256 256  .searchFooter{
257 257   margin-bottom: 15px;
258 258   display: block;
259 259   clear: both;
260 260   text-align: right;
261 - font-size: 90%;
262 262  }
191 +.searchFooter .pagination {
192 + width: 100%;
193 + background-color: #f2f2f2;
194 +}
263 263  .divClosure {
264 264   background-color: transparent;
265 265   clear: both;