Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 144.1
edited by Ecaterina Valica
on 2009/03/18 13:41
Change comment: There is no comment for this version
To version 191.1
edited by Ecaterina Valica
on 2009/03/19 16:39
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="$xwiki.getFormEncoded($!text)" 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,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;
... ... @@ -21,31 +21,31 @@
21 21  /* Search Filters*/
22 22  .searchFilters{
23 23   clear: both;
24 - margin-bottom: 15px;
26 + margin-bottom: 10px;
27 + font-size: 90%;
25 25  }
26 26  #sortFilter{
27 27   color: #808080;
28 - background-color: #e6e6e6;
29 29   padding: 5px;
32 + line-height: 16px;
30 30  }
31 -#sortFilter a{
34 +#sortFilter a.sortType{
32 32   color: #808080;
33 33  }
34 34  #sortFilter a:hover{
35 - color: #777777;
36 - font-weight: bold;
38 + color: #4D4D4D;
37 37  }
38 38  #sortFilter a#currentSort{
39 - color: #777777;
41 + color: #4D4D4D;
40 40   font-weight: bold;
41 41  }
42 42  .paginationFilter {
43 43   color: #808080;
44 44   height: 100%;
45 - background-color: #f2f2f2;
46 - border-top: 2px solid #b3b3b3;
47 - padding: 5px;
47 + border-top: 1px solid #CCCCCC;
48 + padding: 5px 0px 5px 5px;
48 48   display: block;
50 + line-height: 22px;
49 49  }
50 50  .resultsNo{
51 51   float: left;
... ... @@ -55,33 +55,43 @@
55 55  }
56 56  .pagination{
57 57   float: right;
60 + margin-right: 10px;
58 58  }
59 59  .pagination a{
60 60   color: #808080;
61 61  }
62 62  .pagination a:hover{
63 - color: #777777;
64 - font-weight: bold;
66 + color: #4D4D4D;
65 65  }
66 66  .pagination a.currentPagination{
67 - color: #777777;
69 + color: #4D4D4D;
68 68   font-weight: bold;
69 69  }
70 -.pagination .controlPagination{}
71 71  .controlPagination{
72 72   position:relative;
73 - width:44px;
74 - height:26px;
74 + width:41px;
75 + height:22px;
75 75   overflow:hidden;
76 76   margin:0!important;
77 77   padding:0!important;
78 78   list-style:none;
79 - background-position:left top;
80 80   background-image:url($xwiki.getSkinFile("navigation.png"));
81 + float: right;
81 81  }
82 82  .controlPagination li{
83 83   display:inline;
84 84  }
86 +.controlPagination a{
87 + position:absolute;
88 + top:0;
89 + left:0;
90 + text-indent:-1000em;
91 + height:25px;
92 + line-height:25px;
93 + outline:none;
94 + overflow:hidden;
95 + border:none;
96 +}
85 85  a.prevPagination {
86 86   width: 50%;
87 87   z-index: 2;
... ... @@ -133,11 +133,19 @@
133 133  .itemDescription a{
134 134   color: #5599ff;
135 135  }
136 -.itemTitle{
148 +.itemDescription a:hover{
149 + color: #5599ff;
150 +}
151 +.itemTitle a{
137 137   color: #4d4d4d;
138 138   font-weight: bold;
139 139   font-size:130%;
140 140  }
156 +.itemTitle a:hover{
157 + color: #4d4d4d;
158 + font-weight: bold;
159 + font-size:130%;
160 +}
141 141  .itemLocation{
142 142   color: #808080;
143 143   font-size:90%;
... ... @@ -240,14 +240,11 @@
240 240   height: 1px;
241 241  }
242 242  .searchFooter{
243 - margin-bottom: 15px;
244 244   display: block;
245 245   clear: both;
246 246   text-align: right;
266 + font-size: 90%;
247 247  }
248 -.searchFooter .pagination {
249 - width: 100%;
250 -}
251 251  .divClosure {
252 252   background-color: transparent;
253 253   clear: both;