Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 133.1
edited by Ecaterina Valica
on 2009/03/18 13:11
Change comment: There is no comment for this version
To version 181.1
edited by Ecaterina Valica
on 2009/03/19 16:14
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -34,13 +34,13 @@
34 34  #end
35 35  <div id="search">
36 36  <form action="">
37 + <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"/>
39 + <input type="text" name="text" class="searchQuery" value="search..." size="50"/>
40 + #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}
43 + </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;
... ... @@ -22,13 +22,14 @@
22 22  .searchFilters{
23 23   clear: both;
24 24   margin-bottom: 15px;
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{
... ... @@ -42,10 +42,10 @@
42 42  .paginationFilter {
43 43   color: #808080;
44 44   height: 100%;
45 - background-color: #f2f2f2;
46 - border-top: 2px solid #b3b3b3;
48 + border-top: 1px solid #CCCCCC;
47 47   padding: 5px;
48 48   display: block;
51 + line-height: 22px;
49 49  }
50 50  .resultsNo{
51 51   float: left;
... ... @@ -55,6 +55,7 @@
55 55  }
56 56  .pagination{
57 57   float: right;
61 + margin-right: 10px;
58 58  }
59 59  .pagination a{
60 60   color: #808080;
... ... @@ -67,27 +67,39 @@
67 67   color: #777777;
68 68   font-weight: bold;
69 69  }
70 -.pagination .controlPagination{}
71 71  .controlPagination{
72 72   position:relative;
73 - width:44px;
74 - height:26px;
76 + width:41px;
77 + height:22px;
75 75   overflow:hidden;
76 76   margin:0!important;
77 77   padding:0!important;
78 - background-position:left top;
81 + list-style:none;
79 79   background-image:url($xwiki.getSkinFile("navigation.png"));
83 + float: right;
80 80  }
81 -.controlPagination a.nextPagination {
82 - position:relative;
83 - width:44px;
84 - height:26px;
85 +.controlPagination li{
86 + display:inline;
87 +}
88 +.controlPagination a{
89 + position:absolute;
90 + top:0;
91 + left:0;
92 + text-indent:-1000em;
93 + height:25px;
94 + line-height:25px;
95 + outline:none;
85 85   overflow:hidden;
86 - margin:0!important;
87 - padding:0!important;
88 - background-position:right top;
89 - background-image:url($xwiki.getSkinFile("navigation.png"));
97 + border:none;
90 90  }
99 +a.prevPagination {
100 + width: 50%;
101 + z-index: 2;
102 +}
103 +a.nextPagination {
104 + width: 100%;
105 + z-index: 1;
106 +}
91 91  /* Search Filters*/
92 92  #searchResultsList{
93 93   clear: both;
... ... @@ -94,7 +94,6 @@
94 94   display: table;
95 95  }
96 96  .resultItem{
97 - margin-bottom: 15px;
98 98   display: block;
99 99  }
100 100  .resultItemContainer{
... ... @@ -104,16 +104,16 @@
104 104  .itemType{
105 105   float: left;
106 106   display: inline-block;
107 - width: 2%;
122 + width: 3%;
108 108  }
109 109  .itemType .typeComment{
110 - background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat;
125 + background:transparent url($xwiki.getSkinFile("comment.png")) center right no-repeat;
111 111   display:inline-block;
112 112   width:16px;
113 113   height:16px;
114 114  }
115 115  .itemType .typeAttachment{
116 - background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat;
131 + background:transparent url($xwiki.getSkinFile("attach.png")) center right no-repeat;
117 117   display:inline-block;
118 118   width:16px;
119 119   height:16px;
... ... @@ -127,12 +127,12 @@
127 127  .itemDescription{
128 128   float: left;
129 129   display: inline-block;
130 - width: 83%;
145 + width: 82%;
131 131  }
132 132  .itemDescription a{
133 133   color: #5599ff;
134 134  }
135 -.itemTitle{
150 +.itemTitle a{
136 136   color: #4d4d4d;
137 137   font-weight: bold;
138 138   font-size:130%;
... ... @@ -233,6 +233,10 @@
233 233   display:block;
234 234   width:100%;
235 235   clear:both;
251 + padding: 0;
252 + margin: 0;
253 + margin-bottom: 15px;
254 + height: 1px;
236 236  }
237 237  .searchFooter{
238 238   margin-bottom: 15px;
... ... @@ -239,10 +239,8 @@
239 239   display: block;
240 240   clear: both;
241 241   text-align: right;
261 + font-size: 90%;
242 242  }
243 -.searchFooter .pagination {
244 - width: 100%;
245 -}
246 246  .divClosure {
247 247   background-color: transparent;
248 248   clear: both;