Changes for page ListWebSearch

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

Summary

Details

XWiki.StyleSheetExtension[0]
Code
... ... @@ -26,14 +26,15 @@
26 26  #sortFilter{
27 27   color: #808080;
28 28   background-color: #e6e6e6;
29 - border-bottom: 2px solid #b3b3b3;
30 30   padding: 5px;
30 + line-height: 22px;
31 31  }
32 -#sortFilter a{
32 +#sortFilter a.sortType{
33 33   color: #808080;
34 34  }
35 35  #sortFilter a:hover{
36 36   color: #777777;
37 + font-weight: bold;
37 37  }
38 38  #sortFilter a#currentSort{
39 39   color: #777777;
... ... @@ -43,8 +43,10 @@
43 43   color: #808080;
44 44   height: 100%;
45 45   background-color: #f2f2f2;
47 + border-top: 2px solid #b3b3b3;
46 46   padding: 5px;
47 47   display: block;
50 + 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;
60 + margin-right: 10px;
57 57  }
58 58  .pagination a{
59 59   color: #808080;
... ... @@ -60,39 +60,88 @@
60 60  }
61 61  .pagination a:hover{
62 62   color: #777777;
67 + font-weight: bold;
63 63  }
64 64  .pagination a.currentPagination{
65 65   color: #777777;
66 66   font-weight: bold;
67 67  }
68 -.pagination .controlPagination{}
73 +.controlPagination{
74 + position:relative;
75 + width:41px;
76 + height:22px;
77 + overflow:hidden;
78 + margin:0!important;
79 + padding:0!important;
80 + list-style:none;
81 + background-image:url($xwiki.getSkinFile("navigation2.png"));
82 + float: right;
83 +}
84 +.controlPagination li{
85 + display:inline;
86 +}
87 +.controlPagination a{
88 + position:absolute;
89 + top:0;
90 + left:0;
91 + text-indent:-1000em;
92 + height:25px;
93 + line-height:25px;
94 + outline:none;
95 + overflow:hidden;
96 + border:none;
97 +}
98 +a.prevPagination {
99 + width: 50%;
100 + z-index: 2;
101 +}
102 +a.nextPagination {
103 + width: 100%;
104 + z-index: 1;
105 +}
69 69  /* Search Filters*/
70 70  #searchResultsList{
71 71   clear: both;
109 + display: table;
72 72  }
73 73  .resultItem{
74 - margin-bottom: 15px;
112 + 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%;
120 + display: inline-block;
121 + width: 3%;
85 85  }
86 -.itemType .comment{
123 +.itemType .typeComment{
124 + background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat;
125 + display:inline-block;
126 + width:16px;
127 + height:16px;
128 +}
129 +.itemType .typeAttachment{
87 87   background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat;
88 88   display:inline-block;
89 - padding-right:16px;
132 + width:16px;
133 + height:16px;
90 90  }
135 +.itemType .typePage{
136 + background:transparent;
137 + display:inline-block;
138 + width:16px;
139 + height:16px;
140 +}
91 91  .itemDescription{
92 92   float: left;
93 - display: table-cell;
94 - width: 80%;
143 + display: inline-block;
144 + width: 82%;
95 95  }
146 +.itemDescription a{
147 + color: #5599ff;
148 +}
96 96  .itemTitle{
97 97   color: #4d4d4d;
98 98   font-weight: bold;
... ... @@ -121,12 +121,12 @@
121 121   padding-right: 5px;
122 122  }
123 123  .itemOthers .itemComments a{
124 - background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat;
177 + background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat;
125 125   display:inline-block;
126 126   padding-right:16px;
127 127  }
128 128  .itemOthers .itemAttachments a{
129 - background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat;
182 + background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat;
130 130   display:inline-block;
131 131   padding-right:16px;
132 132  }
... ... @@ -135,7 +135,8 @@
135 135   width:55px;
136 136   height:11px;
137 137   overflow:hidden;
138 - margin:0!important;padding:0!important;
191 + margin:1px 0 0 0!important;
192 + padding:0!important;
139 139   background-position:left top;
140 140   background-image:url($xwiki.getSkinFile("rating.png"));
141 141  }
... ... @@ -154,7 +154,7 @@
154 154  }
155 155  .itemRelevance{
156 156   float: left;
157 - display: table-cell;
211 + display: inline-block;
158 158   width: 15%;
159 159   text-align: right;
160 160  }
... ... @@ -164,7 +164,8 @@
164 164   height:8px;
165 165   overflow:hidden;
166 166   list-style:none;
167 - margin:0!important;padding:0!important;
221 + margin:5px 0 0 0!important;
222 + padding:0!important;
168 168   background-position:left bottom;
169 169   background-image:url($xwiki.getSkinFile("relevance.png"));
170 170   float:right;
... ... @@ -182,6 +182,21 @@
182 182   z-index:1;
183 183   background-position:left top;
184 184  }
240 +.relevanceText{
241 + float: right;
242 + margin-right: 5px;
243 + color: #808080;
244 + font-size:80%;
245 +}
246 +.resultSeparator{
247 + display:block;
248 + width:100%;
249 + clear:both;
250 + padding: 0;
251 + margin: 0;
252 + margin-bottom: 15px;
253 + height: 1px;
254 +}
185 185  .searchFooter{
186 186   margin-bottom: 15px;
187 187   display: block;
... ... @@ -188,10 +188,6 @@
188 188   clear: both;
189 189   text-align: right;
190 190  }
191 -.searchFooter .pagination {
192 - width: 100%;
193 - background-color: #f2f2f2;
194 -}
195 195  .divClosure {
196 196   background-color: transparent;
197 197   clear: both;