Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 100.1
edited by Ecaterina Valica
on 2009/03/17 16:18
Change comment: There is no comment for this version
To version 181.1
edited by Ecaterina Valica
on 2009/03/19 16:14
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
... ... @@ -4,16 +4,18 @@
4 4  }
5 5  /* Search Bar*/
6 6  #searchBar{
7 - padding: 10px 10px 5px 10px;
8 - background-color: #e6e6e6;
9 - border: 1px solid #b3b3b3;
10 10   margin-bottom: 11px;
11 11   clear: both;
12 12  }
13 -#searchBar input, #searchBar select {
14 - border: 1px solid #b3b3b3;
10 +#searchBar .searchQuery, #searchBar select {
11 + border: 1px solid #5599FF;
15 15   color: #4d4d4d;
16 16  }
14 +.searchQuery{
15 + background:transparent url($xwiki.getSkinFile("search.png")) center left no-repeat;
16 + display:inline-block;
17 + padding-left:18px;
18 +}
17 17  .searchHelp{
18 18   font-size: 80%;
19 19   color: #808080;
... ... @@ -22,18 +22,19 @@
22 22  .searchFilters{
23 23   clear: both;
24 24   margin-bottom: 15px;
27 + font-size: 90%;
25 25  }
26 26  #sortFilter{
27 27   color: #808080;
28 - background-color: #e6e6e6;
29 - border-bottom: 2px solid #b3b3b3;
30 30   padding: 5px;
32 + line-height: 16px;
31 31  }
32 -#sortFilter a{
34 +#sortFilter a.sortType{
33 33   color: #808080;
34 34  }
35 35  #sortFilter a:hover{
36 36   color: #777777;
39 + font-weight: bold;
37 37  }
38 38  #sortFilter a#currentSort{
39 39   color: #777777;
... ... @@ -42,9 +42,10 @@
42 42  .paginationFilter {
43 43   color: #808080;
44 44   height: 100%;
45 - background-color: #f2f2f2;
48 + border-top: 1px solid #CCCCCC;
46 46   padding: 5px;
47 47   display: block;
51 + 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;
61 + margin-right: 10px;
57 57  }
58 58  .pagination a{
59 59   color: #808080;
... ... @@ -60,35 +60,89 @@
60 60  }
61 61  .pagination a:hover{
62 62   color: #777777;
68 + font-weight: bold;
63 63  }
64 64  .pagination a.currentPagination{
65 65   color: #777777;
66 66   font-weight: bold;
67 67  }
68 -.pagination .controlPagination{}
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 +}
69 69  /* Search Filters*/
70 70  #searchResultsList{
71 71   clear: both;
110 + display: table;
72 72  }
73 73  .resultItem{
74 - margin-bottom: 15px;
113 + 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: 5%;
121 + display: inline-block;
122 + width: 3%;
85 85  }
124 +.itemType .typeComment{
125 + background:transparent url($xwiki.getSkinFile("comment.png")) center right no-repeat;
126 + display:inline-block;
127 + width:16px;
128 + height:16px;
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 +}
86 86  .itemDescription{
87 87   float: left;
88 - display: table-cell;
89 - width: 80%;
144 + display: inline-block;
145 + width: 82%;
90 90  }
91 -.itemTitle{
147 +.itemDescription a{
148 + color: #5599ff;
149 +}
150 +.itemTitle a{
92 92   color: #4d4d4d;
93 93   font-weight: bold;
94 94   font-size:130%;
... ... @@ -113,14 +113,15 @@
113 113   display:inline;
114 114   clear:none;
115 115   float:left;
175 + padding-right: 5px;
116 116  }
117 117  .itemOthers .itemComments a{
118 - background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat;
178 + background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat;
119 119   display:inline-block;
120 120   padding-right:16px;
121 121  }
122 122  .itemOthers .itemAttachments a{
123 - background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat;
183 + background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat;
124 124   display:inline-block;
125 125   padding-right:16px;
126 126  }
... ... @@ -129,7 +129,8 @@
129 129   width:55px;
130 130   height:11px;
131 131   overflow:hidden;
132 - margin:0!important;padding:0!important;
192 + margin:1px 0 0 0!important;
193 + padding:0!important;
133 133   background-position:left top;
134 134   background-image:url($xwiki.getSkinFile("rating.png"));
135 135  }
... ... @@ -148,7 +148,7 @@
148 148  }
149 149  .itemRelevance{
150 150   float: left;
151 - display: table-cell;
212 + display: inline-block;
152 152   width: 15%;
153 153   text-align: right;
154 154  }
... ... @@ -158,7 +158,8 @@
158 158   height:8px;
159 159   overflow:hidden;
160 160   list-style:none;
161 - margin:0!important;padding:0!important;
222 + margin:5px 0 0 0!important;
223 + padding:0!important;
162 162   background-position:left bottom;
163 163   background-image:url($xwiki.getSkinFile("relevance.png"));
164 164   float:right;
... ... @@ -176,16 +176,28 @@
176 176   z-index:1;
177 177   background-position:left top;
178 178  }
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 +}
179 179  .searchFooter{
180 180   margin-bottom: 15px;
181 181   display: block;
182 182   clear: both;
183 183   text-align: right;
261 + font-size: 90%;
184 184  }
185 -.searchFooter .pagination {
186 - width: 100%;
187 - background-color: #f2f2f2;
188 -}
189 189  .divClosure {
190 190   background-color: transparent;
191 191   clear: both;