Changes for page ListWebSearch

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

From version 162.1
edited by Ecaterina Valica
on 2009/03/19 15:31
Change comment: There is no comment for this version
To version 194.1
edited by Ecaterina Valica
on 2009/03/19 16:46
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"))
... ... @@ -34,13 +34,13 @@
34 34  #end
35 35  <div id="search">
36 36  <form action="">
36 + <div id="searchBar">
37 37   {pre}
38 - <div id="searchBar">
39 - <input type="text" name="text" value="Search..." size="50"/>
40 - #spaceselect($space $spaces $spacesText) <input type="submit" value="Search"/>
38 + <input type="text" name="text" class="searchQuery" value="search..." size="50"/>
39 + #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}
42 + </div>
44 44  </form>
45 45  #includeInContext("XWiki.WebSearchCode")
46 46  #includeInContext("XWiki.ListResults")
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,11 +21,11 @@
21 21  /* Search Filters*/
22 22  .searchFilters{
23 23   clear: both;
24 - margin-bottom: 15px;
27 + margin-bottom: 10px;
28 + font-size: 90%;
25 25  }
26 26  #sortFilter{
27 27   color: #808080;
28 - background-color: #F9F9F9;
29 29   padding: 5px;
30 30   line-height: 16px;
31 31  }
... ... @@ -33,19 +33,17 @@
33 33   color: #808080;
34 34  }
35 35  #sortFilter a:hover{
36 - color: #777777;
37 - font-weight: bold;
39 + color: #4D4D4D;
38 38  }
39 39  #sortFilter a#currentSort{
40 - color: #777777;
42 + color: #4D4D4D;
41 41   font-weight: bold;
42 42  }
43 43  .paginationFilter {
44 44   color: #808080;
45 45   height: 100%;
46 - background-color: #F9F9F9;
47 47   border-top: 1px solid #CCCCCC;
48 - padding: 5px;
49 + padding: 5px 0px 5px 5px;
49 49   display: block;
50 50   line-height: 22px;
51 51  }
... ... @@ -53,7 +53,7 @@
53 53   float: left;
54 54  }
55 55  .resultsNo .currentResultsNo, .resultsNo .totalResultsNo{
56 - color: #4D4D4D;
57 + color: #808080;
57 57  }
58 58  .pagination{
59 59   float: right;
... ... @@ -63,11 +63,10 @@
63 63   color: #808080;
64 64  }
65 65  .pagination a:hover{
66 - color: #777777;
67 - font-weight: bold;
67 + color: #4D4D4D;
68 68  }
69 69  .pagination a.currentPagination{
70 - color: #777777;
70 + color: #4D4D4D;
71 71   font-weight: bold;
72 72  }
73 73  .controlPagination{
... ... @@ -107,6 +107,7 @@
107 107  #searchResultsList{
108 108   clear: both;
109 109   display: table;
110 +margin-top: 15px;
110 110  }
111 111  .resultItem{
112 112   display: block;
... ... @@ -121,13 +121,13 @@
121 121   width: 3%;
122 122  }
123 123  .itemType .typeComment{
124 - background:transparent url($xwiki.getSkinFile("comment.png")) center right no-repeat;
125 + background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat;
125 125   display:inline-block;
126 126   width:16px;
127 127   height:16px;
128 128  }
129 129  .itemType .typeAttachment{
130 - background:transparent url($xwiki.getSkinFile("attach.png")) center right no-repeat;
131 + background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat;
131 131   display:inline-block;
132 132   width:16px;
133 133   height:16px;
... ... @@ -146,11 +146,19 @@
146 146  .itemDescription a{
147 147   color: #5599ff;
148 148  }
150 +.itemDescription a:hover{
151 + color: #5599ff;
152 +}
149 149  .itemTitle a{
150 150   color: #4d4d4d;
151 151   font-weight: bold;
152 152   font-size:130%;
153 153  }
158 +.itemTitle a:hover{
159 + color: #4d4d4d;
160 + font-weight: bold;
161 + font-size:130%;
162 +}
154 154  .itemLocation{
155 155   color: #808080;
156 156   font-size:90%;
... ... @@ -253,10 +253,10 @@
253 253   height: 1px;
254 254  }
255 255  .searchFooter{
256 - margin-bottom: 15px;
257 257   display: block;
258 258   clear: both;
259 259   text-align: right;
268 + font-size: 90%;
260 260  }
261 261  .divClosure {
262 262   background-color: transparent;