Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 113.1
edited by Ecaterina Valica
on 2009/03/17 16:47
Change comment: There is no comment for this version
To version 173.1
edited by Ecaterina Valica
on 2009/03/19 15:53
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">
37 37   {pre}
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"/>
39 + <input type="text" name="text" class="searchQuery"value="search..." size="50"/>
40 + #spaceselect($space $spaces $spacesText) <input class="button" type="image" src="/xwiki/skins/albatross/go.png" value="Go"/>
41 41   <div class="searchHelp">eq. xwiki* AND "search query"</div>
42 - </div>
43 43   {/pre}
43 + </div>
44 44  </form>
45 45  #includeInContext("XWiki.WebSearchCode")
46 46  #includeInContext("XWiki.ListResults")
XWiki.StyleSheetExtension[0]
Code
... ... @@ -10,10 +10,13 @@
10 10   margin-bottom: 11px;
11 11   clear: both;
12 12  }
13 -#searchBar input, #searchBar select {
13 +#searchBar .searchQuery, #searchBar select {
14 14   border: 1px solid #b3b3b3;
15 15   color: #4d4d4d;
16 16  }
17 +.searchButton{
18 + border: none;
19 +}
17 17  .searchHelp{
18 18   font-size: 80%;
19 19   color: #808080;
... ... @@ -22,18 +22,20 @@
22 22  .searchFilters{
23 23   clear: both;
24 24   margin-bottom: 15px;
28 + font-size: 90%;
25 25  }
26 26  #sortFilter{
27 27   color: #808080;
28 - background-color: #e6e6e6;
29 - border-bottom: 2px solid #b3b3b3;
32 + background-color: #F9F9F9;
30 30   padding: 5px;
34 + line-height: 16px;
31 31  }
32 -#sortFilter a{
36 +#sortFilter a.sortType{
33 33   color: #808080;
34 34  }
35 35  #sortFilter a:hover{
36 36   color: #777777;
41 + font-weight: bold;
37 37  }
38 38  #sortFilter a#currentSort{
39 39   color: #777777;
... ... @@ -42,9 +42,11 @@
42 42  .paginationFilter {
43 43   color: #808080;
44 44   height: 100%;
45 - background-color: #f2f2f2;
50 + background-color: #F9F9F9;
51 + border-top: 1px solid #CCCCCC;
46 46   padding: 5px;
47 47   display: block;
54 + line-height: 22px;
48 48  }
49 49  .resultsNo{
50 50   float: left;
... ... @@ -54,6 +54,7 @@
54 54  }
55 55  .pagination{
56 56   float: right;
64 + margin-right: 10px;
57 57  }
58 58  .pagination a{
59 59   color: #808080;
... ... @@ -60,47 +60,89 @@
60 60  }
61 61  .pagination a:hover{
62 62   color: #777777;
71 + font-weight: bold;
63 63  }
64 64  .pagination a.currentPagination{
65 65   color: #777777;
66 66   font-weight: bold;
67 67  }
68 -.pagination .controlPagination{}
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 +}
69 69  /* Search Filters*/
70 70  #searchResultsList{
71 71   clear: both;
113 + display: table;
72 72  }
73 73  .resultItem{
74 - margin-bottom: 15px;
116 + display: block;
75 75  }
76 76  .resultItemContainer{
77 77   clear: both;
78 - display: table-row;
79 79   width: 100%;
80 80  }
81 81  .itemType{
82 82   float: left;
83 - display: table-cell;
84 - width: 2%;
124 + display: inline-block;
125 + width: 3%;
85 85  }
86 86  .itemType .typeComment{
87 - background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat;
128 + background:transparent url($xwiki.getSkinFile("comment.png")) center right no-repeat;
88 88   display:inline-block;
89 89   width:16px;
90 90   height:16px;
91 91  }
92 92  .itemType .typeAttachment{
93 - background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat;
134 + background:transparent url($xwiki.getSkinFile("attach.png")) center right no-repeat;
94 94   display:inline-block;
95 95   width:16px;
96 96   height:16px;
97 97  }
139 +.itemType .typePage{
140 + background:transparent;
141 + display:inline-block;
142 + width:16px;
143 + height:16px;
144 +}
98 98  .itemDescription{
99 99   float: left;
100 - display: table-cell;
101 - width: 83%;
147 + display: inline-block;
148 + width: 82%;
102 102  }
103 -.itemTitle{
150 +.itemDescription a{
151 + color: #5599ff;
152 +}
153 +.itemTitle a{
104 104   color: #4d4d4d;
105 105   font-weight: bold;
106 106   font-size:130%;
... ... @@ -128,12 +128,12 @@
128 128   padding-right: 5px;
129 129  }
130 130  .itemOthers .itemComments a{
131 - background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat;
181 + background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat;
132 132   display:inline-block;
133 133   padding-right:16px;
134 134  }
135 135  .itemOthers .itemAttachments a{
136 - background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat;
186 + background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat;
137 137   display:inline-block;
138 138   padding-right:16px;
139 139  }
... ... @@ -162,7 +162,7 @@
162 162  }
163 163  .itemRelevance{
164 164   float: left;
165 - display: table-cell;
215 + display: inline-block;
166 166   width: 15%;
167 167   text-align: right;
168 168  }
... ... @@ -176,7 +176,7 @@
176 176   padding:0!important;
177 177   background-position:left bottom;
178 178   background-image:url($xwiki.getSkinFile("relevance.png"));
179 - float:left;
229 + float:right;
180 180  }
181 181  .relevance .currentRelevance{
182 182   position:absolute;
... ... @@ -192,18 +192,27 @@
192 192   background-position:left top;
193 193  }
194 194  .relevanceText{
195 - float: left;
245 + float: right;
246 + margin-right: 5px;
247 + color: #808080;
248 + font-size:80%;
196 196  }
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 +}
197 197  .searchFooter{
198 198   margin-bottom: 15px;
199 199   display: block;
200 200   clear: both;
201 201   text-align: right;
264 + font-size: 90%;
202 202  }
203 -.searchFooter .pagination {
204 - width: 100%;
205 - background-color: #f2f2f2;
206 -}
207 207  .divClosure {
208 208   background-color: transparent;
209 209   clear: both;