Changes for page ListWebSearch

Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 143.1
edited by Ecaterina Valica
on 2009/03/18 13:40
Change comment: There is no comment for this version
To version 165.1
edited by Ecaterina Valica
on 2009/03/19 15:39
Change comment: There is no comment for this version

Summary

Details

Page properties
Content
... ... @@ -33,15 +33,15 @@
33 33   #set($url = $xwiki.getURL("Main.WebSearchRss", "view", "xpage=rdf&space=$space&text=${utext}"))
34 34  #end
35 35  <div id="search">
36 -<form action="">
36 +<div id="searchBar">
37 +<form action="" id="searchBarForm">
37 37   {pre}
38 - <div id="searchBar">
39 - <input type="text" name="text" value="$xwiki.getFormEncoded($!text)" size="50"/>
39 + <input type="text" name="text" value="Search..." size="50"/>
40 40   #spaceselect($space $spaces $spacesText) <input type="submit" value="Search"/>
41 41   <div class="searchHelp">eq. xwiki* AND "search query"</div>
42 - </div>
43 43   {/pre}
44 44  </form>
44 +</div>
45 45  #includeInContext("XWiki.WebSearchCode")
46 46  #includeInContext("XWiki.ListResults")
47 47  </div>
XWiki.StyleSheetExtension[0]
Code
... ... @@ -22,13 +22,15 @@
22 22  .searchFilters{
23 23   clear: both;
24 24   margin-bottom: 15px;
25 + font-size: 90%;
25 25  }
26 26  #sortFilter{
27 27   color: #808080;
28 - background-color: #e6e6e6;
29 + background-color: #F9F9F9;
29 29   padding: 5px;
31 + line-height: 16px;
30 30  }
31 -#sortFilter a{
33 +#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;
47 + background-color: #F9F9F9;
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,26 +67,38 @@
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 78   list-style:none;
79 - background-position:left top;
80 - background-image:url($xwiki.getSkinFile("navigation.png")) left -1000px;
82 + background-image:url($xwiki.getSkinFile("navigation.png"));
83 + float: right;
81 81  }
82 82  .controlPagination li{
83 83   display:inline;
84 84  }
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;
96 + overflow:hidden;
97 + border:none;
98 +}
85 85  a.prevPagination {
86 86   width: 50%;
101 + z-index: 2;
87 87  }
88 88  a.nextPagination {
89 - width: 50%;
104 + width: 100%;
105 + z-index: 1;
90 90  }
91 91  /* Search Filters*/
92 92  #searchResultsList{
... ... @@ -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;
125 + 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;
131 + 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{
150 +.itemTitle a{
135 135   color: #4d4d4d;
136 136   font-weight: bold;
137 137   font-size:130%;
... ... @@ -242,10 +242,8 @@
242 242   display: block;
243 243   clear: both;
244 244   text-align: right;
261 + font-size: 90%;
245 245  }
246 -.searchFooter .pagination {
247 - width: 100%;
248 -}
249 249  .divClosure {
250 250   background-color: transparent;
251 251   clear: both;