Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 138.1
edited by Ecaterina Valica
on 2009/03/18 13:25
Change comment: There is no comment for this version
To version 172.1
edited by Ecaterina Valica
on 2009/03/19 15:52
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
... ... @@ -14,6 +14,9 @@
14 14   border: 1px solid #b3b3b3;
15 15   color: #4d4d4d;
16 16  }
17 +.searchButton{
18 + border: none;
19 +}
17 17  .searchHelp{
18 18   font-size: 80%;
19 19   color: #808080;
... ... @@ -22,13 +22,15 @@
22 22  .searchFilters{
23 23   clear: both;
24 24   margin-bottom: 15px;
28 + font-size: 90%;
25 25  }
26 26  #sortFilter{
27 27   color: #808080;
28 - background-color: #e6e6e6;
32 + background-color: #F9F9F9;
29 29   padding: 5px;
34 + line-height: 16px;
30 30  }
31 -#sortFilter a{
36 +#sortFilter a.sortType{
32 32   color: #808080;
33 33  }
34 34  #sortFilter a:hover{
... ... @@ -42,10 +42,11 @@
42 42  .paginationFilter {
43 43   color: #808080;
44 44   height: 100%;
45 - background-color: #f2f2f2;
46 - border-top: 2px solid #b3b3b3;
50 + background-color: #F9F9F9;
51 + border-top: 1px solid #CCCCCC;
47 47   padding: 5px;
48 48   display: block;
54 + 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;
64 + 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;
79 + width:41px;
80 + height:22px;
75 75   overflow:hidden;
76 76   margin:0!important;
77 77   padding:0!important;
78 - background-position:left top;
84 + list-style:none;
79 79   background-image:url($xwiki.getSkinFile("navigation.png"));
86 + float: right;
80 80  }
81 -.controlPagination a.nextPagination {
82 - position:relative;
83 - width:44px;
84 - height:26px;
88 +.controlPagination li{
89 + display:inline;
90 +}
91 +.controlPagination a{
92 + position:absolute;
93 + top:0;
94 + left:0;
95 + text-indent:-1000em;
96 + height:25px;
97 + line-height:25px;
98 + 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"));
100 + border:none;
90 90  }
102 +a.prevPagination {
103 + width: 50%;
104 + z-index: 2;
105 +}
106 +a.nextPagination {
107 + width: 100%;
108 + z-index: 1;
109 +}
91 91  /* Search Filters*/
92 92  #searchResultsList{
93 93   clear: both;
... ... @@ -106,13 +106,13 @@
106 106   width: 3%;
107 107  }
108 108  .itemType .typeComment{
109 - background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat;
128 + background:transparent url($xwiki.getSkinFile("comment.png")) center right no-repeat;
110 110   display:inline-block;
111 111   width:16px;
112 112   height:16px;
113 113  }
114 114  .itemType .typeAttachment{
115 - background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat;
134 + background:transparent url($xwiki.getSkinFile("attach.png")) center right no-repeat;
116 116   display:inline-block;
117 117   width:16px;
118 118   height:16px;
... ... @@ -131,7 +131,7 @@
131 131  .itemDescription a{
132 132   color: #5599ff;
133 133  }
134 -.itemTitle{
153 +.itemTitle a{
135 135   color: #4d4d4d;
136 136   font-weight: bold;
137 137   font-size:130%;
... ... @@ -234,6 +234,7 @@
234 234   clear:both;
235 235   padding: 0;
236 236   margin: 0;
256 + margin-bottom: 15px;
237 237   height: 1px;
238 238  }
239 239  .searchFooter{
... ... @@ -241,10 +241,8 @@
241 241   display: block;
242 242   clear: both;
243 243   text-align: right;
264 + font-size: 90%;
244 244  }
245 -.searchFooter .pagination {
246 - width: 100%;
247 -}
248 248  .divClosure {
249 249   background-color: transparent;
250 250   clear: both;