Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30

From version 169.1
edited by Ecaterina Valica
on 2009/03/19 15:51
Change comment: There is no comment for this version
To version 206.1
edited by Ecaterina Valica
on 2009/03/19 17:57
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -4,7 +4,6 @@
4 4  #else
5 5   #set($space = $request.space)
6 6  #end
7 -
8 8  #set($spacesText = {})
9 9  #set($spaces = $xwiki.spaces)
10 10  #set($ok = $spacesText.put("All","All"))
... ... @@ -16,7 +16,7 @@
16 16   <option value="$spacesText.get($space)" #if($selectspace == $spacesText.get($space))selected="selected"#end>$space</option>
17 17  #end
18 18  #macro(spaceselect $selectspace $spaces $spacesText)
19 - <select name="space">
18 + <select name="space" title="$msg.get('xe.search.bar.spaces.title')">
20 20   #spaceoption("All spaces" $selectspace $spacesText)
21 21   #foreach($space in $spaces)
22 22   #spaceoption($space $selectspace $spacesText)
... ... @@ -36,9 +36,9 @@
36 36  <form action="">
37 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 searchButton" type="image" src="/xwiki/skins/albatross/go.png" value="Go"/>
41 - <div class="searchHelp">eq. xwiki* AND "search query"</div>
38 + <input type="text" name="text" class="searchQuery" value="$msg.get("xe.search.bar.query")" size="50" title="$msg.get('xe.search.bar.query.title')"/>
39 + #spaceselect($space $spaces $spacesText) <input class="button" type="image" src="/xwiki/skins/albatross/go.png" value="Go" title="$msg.get('xe.search.bar.go.title')"/>
40 + <div class="searchHelp">$msg.get("xe.search.bar.help")</div>
42 42   {/pre}
43 43   </div>
44 44  </form>
XWiki.StyleSheetExtension[0]
Code
... ... @@ -4,16 +4,19 @@
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;
8 + padding-left: 5px;
11 11   clear: both;
12 12  }
13 -#searchBar input, #searchBar select {
14 - border: 1px solid #b3b3b3;
11 +#searchBar .searchQuery, #searchBar select {
12 + border: 1px solid #5599FF;
15 15   color: #4d4d4d;
16 16  }
15 +.searchQuery{
16 + background:transparent url($xwiki.getSkinFile("search.png")) center left no-repeat;
17 + display:inline-block;
18 + padding-left:18px;
19 +}
17 17  .searchHelp{
18 18   font-size: 80%;
19 19   color: #808080;
... ... @@ -21,12 +21,10 @@
21 21  /* Search Filters*/
22 22  .searchFilters{
23 23   clear: both;
24 - margin-bottom: 15px;
25 25   font-size: 90%;
26 26  }
27 27  #sortFilter{
28 28   color: #808080;
29 - background-color: #F9F9F9;
30 30   padding: 5px;
31 31   line-height: 16px;
32 32  }
... ... @@ -34,19 +34,17 @@
34 34   color: #808080;
35 35  }
36 36  #sortFilter a:hover{
37 - color: #777777;
38 - font-weight: bold;
38 + color: #4D4D4D;
39 39  }
40 40  #sortFilter a#currentSort{
41 - color: #777777;
41 + color: #4D4D4D;
42 42   font-weight: bold;
43 43  }
44 44  .paginationFilter {
45 45   color: #808080;
46 46   height: 100%;
47 - background-color: #F9F9F9;
48 48   border-top: 1px solid #CCCCCC;
49 - padding: 5px;
48 + padding: 5px 0px 5px 5px;
50 50   display: block;
51 51   line-height: 22px;
52 52  }
... ... @@ -54,7 +54,7 @@
54 54   float: left;
55 55  }
56 56  .resultsNo .currentResultsNo, .resultsNo .totalResultsNo{
57 - color: #4D4D4D;
56 + color: #808080;
58 58  }
59 59  .pagination{
60 60   float: right;
... ... @@ -64,11 +64,10 @@
64 64   color: #808080;
65 65  }
66 66  .pagination a:hover{
67 - color: #777777;
68 - font-weight: bold;
66 + color: #4D4D4D;
69 69  }
70 70  .pagination a.currentPagination{
71 - color: #777777;
69 + color: #4D4D4D;
72 72   font-weight: bold;
73 73  }
74 74  .controlPagination{
... ... @@ -104,10 +104,11 @@
104 104   width: 100%;
105 105   z-index: 1;
106 106  }
107 -/* Search Filters*/
105 +/* Search Result List*/
108 108  #searchResultsList{
109 109   clear: both;
110 110   display: table;
109 + padding-top: 15px;
111 111  }
112 112  .resultItem{
113 113   display: block;
... ... @@ -122,13 +122,13 @@
122 122   width: 3%;
123 123  }
124 124  .itemType .typeComment{
125 - background:transparent url($xwiki.getSkinFile("comment.png")) center right no-repeat;
124 + background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat;
126 126   display:inline-block;
127 127   width:16px;
128 128   height:16px;
129 129  }
130 130  .itemType .typeAttachment{
131 - background:transparent url($xwiki.getSkinFile("attach.png")) center right no-repeat;
130 + background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat;
132 132   display:inline-block;
133 133   width:16px;
134 134   height:16px;
... ... @@ -147,11 +147,19 @@
147 147  .itemDescription a{
148 148   color: #5599ff;
149 149  }
149 +.itemDescription a:hover{
150 + color: #5599ff;
151 +}
150 150  .itemTitle a{
151 151   color: #4d4d4d;
152 152   font-weight: bold;
153 153   font-size:130%;
154 154  }
157 +.itemTitle a:hover{
158 + color: #4d4d4d;
159 + font-weight: bold;
160 + font-size:130%;
161 +}
155 155  .itemLocation{
156 156   color: #808080;
157 157   font-size:90%;
... ... @@ -162,7 +162,10 @@
162 162   font-size:90%;
163 163  }
164 164  .itemModifiers a.itemAuthor, .itemModifiers a.itemDate{}
165 -.itemContext{}
172 +.itemContext .highlight{
173 + background-color: #f7ff94;
174 + padding: 0px 5px 0px 5px;
175 +}
166 166  .itemOthers{
167 167   color: #808080;
168 168   font-size:80%;
... ... @@ -254,7 +254,6 @@
254 254   height: 1px;
255 255  }
256 256  .searchFooter{
257 - margin-bottom: 15px;
258 258   display: block;
259 259   clear: both;
260 260   text-align: right;