Changes for page ListWebSearch
Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 119.1
edited by Ecaterina Valica
on 2009/03/17 16:53
on 2009/03/17 16:53
Change comment:
There is no comment for this version
To version 228.1
edited by Ecaterina Valica
on 2009/03/20 14:31
on 2009/03/20 14:31
Change comment:
Upload new image <a href="/xwiki/bin/downloadrev/Main/ListWebSearch/greyVersion.png?rev=1.1">greyVersion.png</a>
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Attachments (0 modified, 3 added, 0 removed)
-
Objects (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -1,10 +1,12 @@ 1 1 $xwiki.ssx.use("Main.ListWebSearch") 2 + 3 +1 Search 4 + 2 2 #if(!$request.space) 3 3 #set($space = "All") 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")) ... ... @@ -16,7 +16,7 @@ 16 16 <option value="$spacesText.get($space)" #if($selectspace == $spacesText.get($space))selected="selected"#end>$space</option> 17 17 #end 18 18 #macro(spaceselect $selectspace $spaces $spacesText) 19 - <select name="space"> 21 + <select name="space" title="$msg.get('xe.search.bar.spaces.title')"> 20 20 #spaceoption("All spaces" $selectspace $spacesText) 21 21 #foreach($space in $spaces) 22 22 #spaceoption($space $selectspace $spacesText) ... ... @@ -34,13 +34,14 @@ 34 34 #end 35 35 <div id="search"> 36 36 <form action=""> 39 + <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"/> 41 - <div class="searchHelp">eq. xwiki* AND "search query"</div> 42 - </div> 41 + <input type="text" name="text" class="searchQuery" value="$msg.get("xe.search.bar.query")" size="50" title="$msg.get('xe.search.bar.query.title')"/> 42 + #spaceselect($space $spaces $spacesText) 43 + <input type="submit" class="searchButton" value="Search" title="$msg.get('xe.search.bar.go.title')"/> 44 + <div class="searchHelp">$msg.get("xe.search.bar.help")</div> 43 43 {/pre} 46 + </div> 44 44 </form> 45 45 #includeInContext("XWiki.WebSearchCode") 46 46 #includeInContext("XWiki.ListResults")
- SearchImprovementIdeas.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +xwiki:XWiki.GuillaumeLerouge - Size
-
... ... @@ -1,0 +1,1 @@ 1 +351.6 KB - Content
- blueVersion.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.evalica - Size
-
... ... @@ -1,0 +1,1 @@ 1 +21.8 KB - Content
- greyVersion.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.evalica - Size
-
... ... @@ -1,0 +1,1 @@ 1 +21.8 KB - Content
- XWiki.StyleSheetExtension[0]
-
- Code
-
... ... @@ -4,16 +4,30 @@ 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 #CCCCCC; 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 +} 20 +.searchButton{ 21 + background-color:#B3B3B3; 22 + border:1px solid #CCCCCC; 23 + color:#FFFFFF; 24 + font-family:Verdana; 25 + font-size:10px; 26 + font-variant:small-caps; 27 + font-weight:bold; 28 + height:20px; 29 + line-height:12px; 30 +} 17 17 .searchHelp{ 18 18 font-size: 80%; 19 19 color: #808080; ... ... @@ -21,67 +21,101 @@ 21 21 /* Search Filters*/ 22 22 .searchFilters{ 23 23 clear: both; 24 - margin-bottom:15px;38 + font-size: 90%; 25 25 } 26 26 #sortFilter{ 27 27 color: #808080; 28 - background-color: #e6e6e6; 29 - border-bottom: 2px solid #b3b3b3; 30 30 padding: 5px; 43 + line-height: 16px; 31 31 } 32 -#sortFilter a{ 45 +#sortFilter a.sortType{ 33 33 color: #808080; 34 34 } 35 35 #sortFilter a:hover{ 36 - color: # 777777;49 + color: #4D4D4D; 37 37 } 38 38 #sortFilter a#currentSort{ 39 - color: # 777777;52 + color: #4D4D4D; 40 40 font-weight: bold; 41 41 } 42 42 .paginationFilter { 43 43 color: #808080; 44 44 height: 100%; 45 - b ackground-color: #f2f2f2;46 - padding: 5px; 58 + border-top: 1px solid #CCCCCC; 59 + padding: 2px 0px 5px 5px; 47 47 display: block; 61 + line-height: 22px; 48 48 } 49 49 .resultsNo{ 50 50 float: left; 51 51 } 52 52 .resultsNo .currentResultsNo, .resultsNo .totalResultsNo{ 53 - color: # 4D4D4D;67 + color: #808080; 54 54 } 55 55 .pagination{ 56 56 float: right; 71 + margin-right: 10px; 57 57 } 58 58 .pagination a{ 59 59 color: #808080; 60 60 } 61 61 .pagination a:hover{ 62 - color: # 777777;77 + color: #4D4D4D; 63 63 } 64 64 .pagination a.currentPagination{ 65 - color: # 777777;80 + color: #4D4D4D; 66 66 font-weight: bold; 67 67 } 68 -.pagination .controlPagination{} 69 -/* Search Filters*/ 83 +.controlPagination{ 84 + position:relative; 85 + width:41px; 86 + height:22px; 87 + overflow:hidden; 88 + margin:0!important; 89 + padding:0!important; 90 + list-style:none; 91 + background-image:url($xwiki.getSkinFile("navigation.png")); 92 + float: right; 93 +} 94 +.controlPagination li{ 95 + display:inline; 96 +} 97 +.controlPagination a{ 98 + position:absolute; 99 + top:0; 100 + left:0; 101 + text-indent:-1000em; 102 + height:25px; 103 + line-height:25px; 104 + outline:none; 105 + overflow:hidden; 106 + border:none; 107 +} 108 +a.prevPagination { 109 + width: 50%; 110 + z-index: 2; 111 +} 112 +a.nextPagination { 113 + width: 100%; 114 + z-index: 1; 115 +} 116 +/* Search Result List*/ 70 70 #searchResultsList{ 71 71 clear: both; 119 + display: table; 120 + padding-top: 15px; 72 72 } 73 73 .resultItem{ 74 - margin-bottom:15px;123 + display: block; 75 75 } 76 76 .resultItemContainer{ 77 77 clear: both; 78 - display: table-row; 79 79 width: 100%; 80 80 } 81 81 .itemType{ 82 82 float: left; 83 - display: table-cell;84 - width: 2%;131 + display: inline-block; 132 + width: 3%; 85 85 } 86 86 .itemType .typeComment{ 87 87 background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat; ... ... @@ -95,16 +95,33 @@ 95 95 width:16px; 96 96 height:16px; 97 97 } 146 +.itemType .typePage{ 147 + background:transparent; 148 + display:inline-block; 149 + width:16px; 150 + height:16px; 151 +} 98 98 .itemDescription{ 99 99 float: left; 100 - display: table-cell;101 - width: 8 3%;154 + display: inline-block; 155 + width: 82%; 102 102 } 103 -.itemTitle{ 157 +.itemDescription a{ 158 + color: #5599ff; 159 +} 160 +.itemDescription a:hover{ 161 + color: #5599ff; 162 +} 163 +.itemTitle a{ 104 104 color: #4d4d4d; 105 105 font-weight: bold; 106 106 font-size:130%; 107 107 } 168 +.itemTitle a:hover{ 169 + color: #4d4d4d; 170 + font-weight: bold; 171 + font-size:130%; 172 +} 108 108 .itemLocation{ 109 109 color: #808080; 110 110 font-size:90%; ... ... @@ -115,7 +115,10 @@ 115 115 font-size:90%; 116 116 } 117 117 .itemModifiers a.itemAuthor, .itemModifiers a.itemDate{} 118 -.itemContext{} 183 +.itemContext .highlight{ 184 + background-color: #f7ff94; 185 + padding: 0px 5px 0px 5px; 186 +} 119 119 .itemOthers{ 120 120 color: #808080; 121 121 font-size:80%; ... ... @@ -128,12 +128,12 @@ 128 128 padding-right: 5px; 129 129 } 130 130 .itemOthers .itemComments a{ 131 - background:transparent url($xwiki.getSkinFile(" attach.gif")) center right no-repeat;199 + background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat; 132 132 display:inline-block; 133 133 padding-right:16px; 134 134 } 135 135 .itemOthers .itemAttachments a{ 136 - background:transparent url($xwiki.getSkinFile(" comment.gif")) center right no-repeat;204 + background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat; 137 137 display:inline-block; 138 138 padding-right:16px; 139 139 } ... ... @@ -162,7 +162,7 @@ 162 162 } 163 163 .itemRelevance{ 164 164 float: left; 165 - display: table-cell;233 + display: inline-block; 166 166 width: 15%; 167 167 text-align: right; 168 168 } ... ... @@ -197,16 +197,21 @@ 197 197 color: #808080; 198 198 font-size:80%; 199 199 } 200 -.searchFooter{ 268 +.resultSeparator{ 269 + display:block; 270 + width:100%; 271 + clear:both; 272 + padding: 0; 273 + margin: 0; 201 201 margin-bottom: 15px; 275 + height: 1px; 276 +} 277 +.searchFooter{ 202 202 display: block; 203 203 clear: both; 204 204 text-align: right; 281 + font-size: 90%; 205 205 } 206 -.searchFooter .pagination { 207 - width: 100%; 208 - background-color: #f2f2f2; 209 -} 210 210 .divClosure { 211 211 background-color: transparent; 212 212 clear: both;