Changes for page ListWebSearch
Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 173.1
edited by Ecaterina Valica
on 2009/03/19 15:53
on 2009/03/19 15:53
Change comment:
There is no comment for this version
To version 215.1
edited by Ecaterina Valica
on 2009/03/20 13:38
on 2009/03/20 13:38
Change comment:
There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Attachments (0 modified, 1 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) ... ... @@ -36,9 +36,10 @@ 36 36 <form action=""> 37 37 <div id="searchBar"> 38 38 {pre} 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 - <div class="searchHelp">eq. xwiki* AND "search query"</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 + <span class="searchButton"><input class="button" type="image" src="/xwiki/skins/albatross/go.png" value="Go" title="$msg.get('xe.search.bar.go.title')"/></span> 44 + <div class="searchHelp">$msg.get("xe.search.bar.help")</div> 42 42 {/pre} 43 43 </div> 44 44 </form>
- SearchImprovementIdeas.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.evalica - Size
-
... ... @@ -1,0 +1,1 @@ 1 +7.3 KB - Content
-
... ... @@ -1,0 +1,381 @@ 1 +39397F Bar*/ 2 +#searchBar{ 3 + margin-bottom: 11px; 4 + padding-left: 5px; 5 + clear: both; 6 +} 7 +#searchBar select { 8 + border: 2px solid #CCCCCC; 9 + color: #4d4d4d; 10 + font-size:15px; 11 +} 12 +.searchQuery{ 13 + background:transparent url($xwiki.getSkinFile("search.png")) center left no-repeat; 14 + display:inline-block; 15 + padding-left:18px; 16 + border: 2px solid #CCCCCC; 17 + color: #4d4d4d; 18 + font-size:15px; 19 + width: 400px; 20 +} 21 +.searchButton{ 22 + background-color:#B3B3B3; 23 + border:2px solid #B3B3B3; 24 + color:#FFFFFF; 25 + font-family:Verdana; 26 + font-size:11px; 27 + font-variant:small-caps; 28 + font-weight:bold; 29 + height:23px; 30 + line-height:12px; 31 +} 32 +.searchHelp{ 33 + font-size: 80%; 34 + color: #808080; 35 +} 36 +/* Search Filters*/ 37 +.searchFilters{ 38 + clear: both; 39 + font-size: 90%; 40 +} 41 +#sortFilter{ 42 + color: #aaa; 43 + padding: 5px; 44 + line-height: 16px; 45 +} 46 +#sortFilter a.sortType{ 47 + color: #aaa; 48 +} 49 +#sortFilter a.sortType:hover{ 50 + color: #4D4D4D; 51 +} 52 +#sortFilter a.sortType:focus { 53 + outline: dotted 1px #000; 54 +} 55 +#sortFilter a#currentSort{ 56 + color: #4D4D4D; 57 + font-weight: bold; 58 +} 59 +#sortFilter a#currentSort:focus { 60 + outline: dotted 1px #000; 61 +} 62 +.paginationFilter { 63 + color: #aaa; 64 + height: 100%; 65 + border-top: 1px solid #CCCCCC; 66 + padding: 2px 0px 5px 5px; 67 + display: block; 68 + line-height: 22px; 69 +} 70 +.resultsNo{ 71 + float: left; 72 +} 73 +.resultsNo .currentResultsNo, .resultsNo .totalResultsNo{ 74 + color: #808080; 75 +} 76 +.pagination{ 77 + float: right; 78 + margin-right: 10px; 79 +} 80 +.pagination a{ 81 + color: #aaa; 82 +} 83 +.pagination a:hover{ 84 + color: #4D4D4D; 85 +} 86 +.pagination a.currentPagination{ 87 + color: #4D4D4D; 88 + font-weight: bold; 89 +} 90 +.pagination a:focus { 91 + outline: dotted 1px #000; 92 +} 93 +.controlPagination{ 94 + position:relative; 95 + width:41px; 96 + height:22px; 97 + overflow:hidden; 98 + margin:0!important; 99 + padding:0!important; 100 + list-style:none; 101 + background-image:url($xwiki.getSkinFile("navigation.png")); 102 + float: right; 103 +} 104 +.controlPagination li{ 105 + display:inline; 106 +} 107 +.controlPagination a{ 108 + position:absolute; 109 + top:0; 110 + left:0; 111 + text-indent:-1000em; 112 + height:25px; 113 + line-height:25px; 114 + outline:none; 115 + overflow:hidden; 116 + border:none; 117 +} 118 +a.prevPagination { 119 + width: 50%; 120 + z-index: 2; 121 +} 122 +a.nextPagination { 123 + width: 100%; 124 + z-index: 1; 125 +} 126 +/* Search Result List*/ 127 +#searchResultsList{ 128 + clear: both; 129 + display: table; 130 + padding-top: 15px; 131 +} 132 +.resultItem{ 133 + display: block; 134 +} 135 +.resultItemContainer{ 136 + clear: both; 137 + width: 100%; 138 +} 139 +.itemType{ 140 + float: left; 141 + display: inline-block; 142 + width: 3%; 143 +} 144 +.itemType .typeComment{ 145 + background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat; 146 + display:inline-block; 147 + width:16px; 148 + height:16px; 149 +} 150 +.itemType .typeAttachment{ 151 + background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat; 152 + display:inline-block; 153 + width:16px; 154 + height:16px; 155 +} 156 +.itemType .typePage{ 157 + background:transparent; 158 + display:inline-block; 159 + width:16px; 160 + height:16px; 161 +} 162 +.itemDescription{ 163 + float: left; 164 + display: inline-block; 165 + width: 82%; 166 +} 167 +.itemDescription a{ 168 + color: #39397F; 169 +} 170 +.itemDescription a:hover{ 171 + color: #39397F; 172 +} 173 +.itemDescription a:focus { 174 + outline: dotted 1px #000; 175 +} 176 +.itemTitle a{ 177 + color: #4d4d4d; 178 + font-weight: bold; 179 + font-size:130%; 180 +} 181 +.itemTitle a:hover{ 182 + color: #4d4d4d; 183 + font-weight: bold; 184 + font-size:130%; 185 +} 186 +.itemTitle a:focus { 187 + outline: dotted 1px #000; 188 +} 189 +a.itemAuthor:focus{ 190 + outline: dotted 1px #000; 191 +} 192 +.itemLocation{ 193 + color: #aaa; 194 + font-size:90%; 195 +} 196 +.itemLocation a.itemWiki , .itemLocation a.itemSpace, .itemLocation a.itemPage{} 197 +.itemModifiers{ 198 + color: #aaa; 199 + font-size:90%; 200 +} 201 +.itemModifiers a.itemAuthor, .itemModifiers a.itemDate{} 202 +.itemContext .highlight{ 203 + background-color: #f7ff94; 204 + padding: 0px 5px 0px 5px; 205 +} 206 +.itemOthers{ 207 + font-size:80%; 208 +} 209 +.itemOthers .itemComments, .itemOthers .itemAttachments, .itemOthers .itemRating{ 210 + font-size:80%; 211 + display:inline; 212 + clear:none; 213 + float:left; 214 + padding-right: 5px; 215 +} 216 +.itemOthers .itemComments a{ 217 + background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat; 218 + display:inline-block; 219 + padding-right:16px; 220 +} 221 +.itemOthers .itemAttachments a{ 222 + background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat; 223 + display:inline-block; 224 + padding-right:16px; 225 +} 226 +.itemRating{ 227 + position:relative; 228 + width:55px; 229 + height:11px; 230 + overflow:hidden; 231 + margin:1px 0 0 0!important; 232 + padding:0!important; 233 + background-position:left top; 234 + background-image:url($xwiki.getSkinFile("rating.png")); 235 +} 236 +.itemRating .currentRating{ 237 + position:absolute; 238 + top:0;left:0; 239 + text-indent:-1000em; 240 + height:11px; 241 + line-height:11px; 242 + outline:none; 243 + overflow:hidden; 244 + border:none; 245 + background-image:url($xwiki.getSkinFile("rating.png")); 246 + z-index:1; 247 + background-position:left center; 248 +} 249 +.itemRelevance{ 250 + float: left; 251 + display: inline-block; 252 + width: 15%; 253 + text-align: right; 254 +} 255 +.relevance{ 256 + position:relative; 257 + width:48px; 258 + height:8px; 259 + overflow:hidden; 260 + list-style:none; 261 + margin:5px 0 0 0!important; 262 + padding:0!important; 263 + background-position:left bottom; 264 + background-image:url($xwiki.getSkinFile("relevance.png")); 265 + float:right; 266 +} 267 +.relevance .currentRelevance{ 268 + position:absolute; 269 + top:0;left:0; 270 + text-indent:-1000em; 271 + height:8px; 272 + line-height:8px; 273 + outline:none; 274 + overflow:hidden; 275 + border:none; 276 + background-image:url($xwiki.getSkinFile("relevance.png")); 277 + z-index:1; 278 + background-position:left top; 279 +} 280 +.relevanceText{ 281 + float: right; 282 + margin-right: 5px; 283 + color: #808080; 284 + font-size:80%; 285 +} 286 +.resultSeparator{ 287 + display:block; 288 + width:100%; 289 + clear:both; 290 + padding: 0; 291 + margin: 0; 292 + margin-bottom: 15px; 293 + height: 1px; 294 +} 295 +.searchFooter{ 296 + display: block; 297 + clear: both; 298 + text-align: right; 299 + font-size: 90%; 300 +} 301 +.divClosure { 302 + background-color: transparent; 303 + clear: both; 304 + height: 1px; 305 + margin: 0 211px; 306 +} 307 +html>body div.suggestResults{ 308 + width: 422px; 309 +} 310 +div.suggestResults{ 311 + width: 400px; 312 + position: absolute; 313 + padding: 11px 0px; 314 + margin: 0px; 315 + z-index: 1000; 316 + left: 5px; 317 + top: 27px; 318 +} 319 +div.suggestResults ul{ 320 + list-style: none; 321 + list-style-position: outside; 322 + margin: 0; 323 + padding: 0; 324 + background: #FFFFFF url($xwiki.getSkinFile("greyback2.png")) repeat-x scroll right bottom; 325 + border: 2px solid #ccc; 326 + border-top: none; 327 +} 328 +div.suggestResults ul li{ 329 + padding: 5px 0 0; 330 + margin: 0; 331 + text-align: left; 332 +} 333 +div.suggestResults ul li a{ 334 + display: block; 335 + text-decoration: none; 336 + background-color: transparent; 337 + position: relative; 338 + padding: 0; 339 + width: 100%; 340 +} 341 +div.suggestResults ul li a span.suggestItem{ 342 + display: block; 343 + padding: 0; 344 + margin: 0; 345 + clear: both; 346 +} 347 +div.suggestResults ul li a span.suggestItem span.suggestName{ 348 + text-align: left; 349 + width: 60%; 350 + color: #4D4D4D; 351 + display:inline-block; 352 + font-size: 90%; 353 + padding-left: 6px; 354 + margin: 0px; 355 +} 356 +div.suggestResults ul li a:hover span.suggestItem span.suggestName{ 357 + text-decoration: underline; 358 +} 359 +div.suggestResults ul li a:hover span.suggestItem span.suggestName em{ 360 + text-decoration: underline; 361 +} 362 +div.suggestResults ul li a:hover span.suggestItem span.suggestLocation{ 363 + color: #39397F; 364 + text-decoration: none; 365 +} 366 +div.suggestResults ul li a span.suggestItem span.suggestLocation{ 367 + text-align: right; 368 + color: #cccccc; 369 + font-size: 90%; 370 + width: 36%; 371 + vertical-align: top; 372 + display:inline-block; 373 + padding-right: 6px; 374 + margin: 0px; 375 +} 376 +em{ 377 + color:#5599FF; 378 + padding:0; 379 + margin: 0; 380 + text-decoration: inherited; 381 +}
- XWiki.StyleSheetExtension[0]
-
- Code
-
... ... @@ -4,18 +4,22 @@ 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 13 #searchBar .searchQuery, #searchBar select { 14 - border: 1px solid # b3b3b3;12 + border: 1px solid #5599FF; 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 +} 17 17 .searchButton{ 18 - border: none; 21 + height: 100%; 22 + vertical-align: middle; 19 19 } 20 20 .searchHelp{ 21 21 font-size: 80%; ... ... @@ -24,12 +24,10 @@ 24 24 /* Search Filters*/ 25 25 .searchFilters{ 26 26 clear: both; 27 - margin-bottom: 15px; 28 28 font-size: 90%; 29 29 } 30 30 #sortFilter{ 31 31 color: #808080; 32 - background-color: #F9F9F9; 33 33 padding: 5px; 34 34 line-height: 16px; 35 35 } ... ... @@ -37,19 +37,17 @@ 37 37 color: #808080; 38 38 } 39 39 #sortFilter a:hover{ 40 - color: #777777; 41 - font-weight: bold; 42 + color: #4D4D4D; 42 42 } 43 43 #sortFilter a#currentSort{ 44 - color: # 777777;45 + color: #4D4D4D; 45 45 font-weight: bold; 46 46 } 47 47 .paginationFilter { 48 48 color: #808080; 49 49 height: 100%; 50 - background-color: #F9F9F9; 51 51 border-top: 1px solid #CCCCCC; 52 - padding: 5px; 52 + padding: 2px 0px 5px 5px; 53 53 display: block; 54 54 line-height: 22px; 55 55 } ... ... @@ -57,7 +57,7 @@ 57 57 float: left; 58 58 } 59 59 .resultsNo .currentResultsNo, .resultsNo .totalResultsNo{ 60 - color: # 4D4D4D;60 + color: #808080; 61 61 } 62 62 .pagination{ 63 63 float: right; ... ... @@ -67,11 +67,10 @@ 67 67 color: #808080; 68 68 } 69 69 .pagination a:hover{ 70 - color: #777777; 71 - font-weight: bold; 70 + color: #4D4D4D; 72 72 } 73 73 .pagination a.currentPagination{ 74 - color: # 777777;73 + color: #4D4D4D; 75 75 font-weight: bold; 76 76 } 77 77 .controlPagination{ ... ... @@ -107,10 +107,11 @@ 107 107 width: 100%; 108 108 z-index: 1; 109 109 } 110 -/* Search Filters*/109 +/* Search Result List*/ 111 111 #searchResultsList{ 112 112 clear: both; 113 113 display: table; 113 + padding-top: 15px; 114 114 } 115 115 .resultItem{ 116 116 display: block; ... ... @@ -125,13 +125,13 @@ 125 125 width: 3%; 126 126 } 127 127 .itemType .typeComment{ 128 - background:transparent url($xwiki.getSkinFile("comment. png")) center right no-repeat;128 + background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat; 129 129 display:inline-block; 130 130 width:16px; 131 131 height:16px; 132 132 } 133 133 .itemType .typeAttachment{ 134 - background:transparent url($xwiki.getSkinFile("attach. png")) center right no-repeat;134 + background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat; 135 135 display:inline-block; 136 136 width:16px; 137 137 height:16px; ... ... @@ -150,11 +150,19 @@ 150 150 .itemDescription a{ 151 151 color: #5599ff; 152 152 } 153 +.itemDescription a:hover{ 154 + color: #5599ff; 155 +} 153 153 .itemTitle a{ 154 154 color: #4d4d4d; 155 155 font-weight: bold; 156 156 font-size:130%; 157 157 } 161 +.itemTitle a:hover{ 162 + color: #4d4d4d; 163 + font-weight: bold; 164 + font-size:130%; 165 +} 158 158 .itemLocation{ 159 159 color: #808080; 160 160 font-size:90%; ... ... @@ -165,7 +165,10 @@ 165 165 font-size:90%; 166 166 } 167 167 .itemModifiers a.itemAuthor, .itemModifiers a.itemDate{} 168 -.itemContext{} 176 +.itemContext .highlight{ 177 + background-color: #f7ff94; 178 + padding: 0px 5px 0px 5px; 179 +} 169 169 .itemOthers{ 170 170 color: #808080; 171 171 font-size:80%; ... ... @@ -257,7 +257,6 @@ 257 257 height: 1px; 258 258 } 259 259 .searchFooter{ 260 - margin-bottom: 15px; 261 261 display: block; 262 262 clear: both; 263 263 text-align: right;