Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 85.1
edited by Ecaterina Valica
on 2009/03/17 15:24
Change comment: There is no comment for this version
To version 151.1
edited by Ecaterina Valica
on 2009/03/18 14:03
Change comment: There is no comment for this version

Summary

Details

XWiki.StyleSheetExtension[0]
Code
... ... @@ -26,7 +26,6 @@
26 26  #sortFilter{
27 27   color: #808080;
28 28   background-color: #e6e6e6;
29 - border-bottom: 2px solid #b3b3b3;
30 30   padding: 5px;
31 31  }
32 32  #sortFilter a{
... ... @@ -34,6 +34,7 @@
34 34  }
35 35  #sortFilter a:hover{
36 36   color: #777777;
36 + font-weight: bold;
37 37  }
38 38  #sortFilter a#currentSort{
39 39   color: #777777;
... ... @@ -43,6 +43,7 @@
43 43   color: #808080;
44 44   height: 100%;
45 45   background-color: #f2f2f2;
46 + border-top: 2px solid #b3b3b3;
46 46   padding: 5px;
47 47   display: block;
48 48  }
... ... @@ -60,34 +60,88 @@
60 60  }
61 61  .pagination a:hover{
62 62   color: #777777;
64 + font-weight: bold;
63 63  }
64 64  .pagination a.currentPagination{
65 65   color: #777777;
66 66   font-weight: bold;
67 67  }
68 -.pagination .controlPagination{}
70 +.controlPagination{
71 + position:relative;
72 + width:41px;
73 + height:22px;
74 + overflow:hidden;
75 + margin:0!important;
76 + padding:0!important;
77 + list-style:none;
78 + background-image:url($xwiki.getSkinFile("navigation2.png"));
79 + float: right;
80 +}
81 +.controlPagination li{
82 + display:inline;
83 +}
84 +.controlPagination a{
85 + position:absolute;
86 + top:0;
87 + left:0;
88 + text-indent:-1000em;
89 + height:25px;
90 + line-height:25px;
91 + outline:none;
92 + overflow:hidden;
93 + border:none;
94 +}
95 +a.prevPagination {
96 + width: 50%;
97 + z-index: 2;
98 +}
99 +a.nextPagination {
100 + width: 100%;
101 + z-index: 1;
102 +}
69 69  /* Search Filters*/
70 70  #searchResultsList{
71 71   clear: both;
106 + display: table;
72 72  }
73 73  .resultItem{
74 - margin-bottom: 15px;
109 + 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%;
117 + display: inline-block;
118 + width: 3%;
85 85  }
120 +.itemType .typeComment{
121 + background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat;
122 + display:inline-block;
123 + width:16px;
124 + height:16px;
125 +}
126 +.itemType .typeAttachment{
127 + background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat;
128 + display:inline-block;
129 + width:16px;
130 + height:16px;
131 +}
132 +.itemType .typePage{
133 + background:transparent;
134 + display:inline-block;
135 + width:16px;
136 + height:16px;
137 +}
86 86  .itemDescription{
87 87   float: left;
88 - display: table-cell;
89 - width: 80%;
140 + display: inline-block;
141 + width: 82%;
90 90  }
143 +.itemDescription a{
144 + color: #5599ff;
145 +}
91 91  .itemTitle{
92 92   color: #4d4d4d;
93 93   font-weight: bold;
... ... @@ -113,38 +113,25 @@
113 113   display:inline;
114 114   clear:none;
115 115   float:left;
171 + padding-right: 5px;
116 116  }
117 -.itemOthers a.itemComments, .itemOthers a.itemAttachments{}
118 -.itemRelevance{
119 - float: left;
120 - display: table-cell;
121 - width: 15%;
122 - text-align: right;
173 +.itemOthers .itemComments a{
174 + background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat;
175 + display:inline-block;
176 + padding-right:16px;
123 123  }
124 -.searchFooter{
125 - margin-bottom: 15px;
126 - display: block;
127 - clear: both;
128 - text-align: right;
178 +.itemOthers .itemAttachments a{
179 + background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat;
180 + display:inline-block;
181 + padding-right:16px;
129 129  }
130 -.searchFooter .pagination {
131 - width: 100%;
132 - background-color: #f2f2f2;
133 -}
134 -.divClosure
135 -{
136 - background-color: transparent;
137 - clear: both;
138 - height: 1px;
139 - margin: 0 211px;
140 -}
141 -/* Item Rating*/
142 142  .itemRating{
143 143   position:relative;
144 144   width:55px;
145 145   height:11px;
146 146   overflow:hidden;
147 - margin:0!important;padding:0!important;
188 + margin:1px 0 0 0!important;
189 + padding:0!important;
148 148   background-position:left top;
149 149   background-image:url($xwiki.getSkinFile("rating.png"));
150 150  }
... ... @@ -161,18 +161,25 @@
161 161   z-index:1;
162 162   background-position:left center;
163 163  }
164 -/* Item Relevance*/
165 -.relevance-rating{
206 +.itemRelevance{
207 + float: left;
208 + display: inline-block;
209 + width: 15%;
210 + text-align: right;
211 +}
212 +.relevance{
166 166   position:relative;
167 167   width:48px;
168 168   height:8px;
169 169   overflow:hidden;
170 170   list-style:none;
171 - margin:0!important;padding:0!important;
218 + margin:5px 0 0 0!important;
219 + padding:0!important;
172 172   background-position:left bottom;
173 173   background-image:url($xwiki.getSkinFile("relevance.png"));
222 + float:right;
174 174  }
175 -.relevance-rating .current-rating{
224 +.relevance .currentRelevance{
176 176   position:absolute;
177 177   top:0;left:0;
178 178   text-indent:-1000em;
... ... @@ -185,3 +185,30 @@
185 185   z-index:1;
186 186   background-position:left top;
187 187  }
237 +.relevanceText{
238 + float: right;
239 + margin-right: 5px;
240 + color: #808080;
241 + font-size:80%;
242 +}
243 +.resultSeparator{
244 + display:block;
245 + width:100%;
246 + clear:both;
247 + padding: 0;
248 + margin: 0;
249 + margin-bottom: 15px;
250 + height: 1px;
251 +}
252 +.searchFooter{
253 + margin-bottom: 15px;
254 + display: block;
255 + clear: both;
256 + text-align: right;
257 +}
258 +.divClosure {
259 + background-color: transparent;
260 + clear: both;
261 + height: 1px;
262 + margin: 0 211px;
263 +}