Changes for page ListWebSearch
Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 289.1
edited by Ecaterina Valica
on 2009/03/22 11:53
on 2009/03/22 11:53
Change comment:
There is no comment for this version
To version 371.1
edited by Ecaterina Valica
on 2009/03/24 15:07
on 2009/03/24 15:07
Change comment:
There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Objects (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -36,7 +36,7 @@ 36 36 <form action=""> 37 37 <div id="searchBar"> 38 38 {pre} 39 - <input type="text" name="text" class="searchQuery" value="$msg.get("xe.search.bar.query")" size="50"title="$msg.get('xe.search.bar.query.title')"/>39 + <input type="text" name="text" class="searchQuery" value="$msg.get("xe.search.bar.query")" title="$msg.get('xe.search.bar.query.title')"/> 40 40 #spaceselect($space $spaces $spacesText) 41 41 <input type="submit" class="searchButton" value="Search" title="$msg.get('xe.search.bar.go.title')"/> 42 42 <div class="searchHelp">$msg.get("xe.search.bar.help")</div> ... ... @@ -44,5 +44,6 @@ 44 44 </div> 45 45 </form> 46 46 #includeInContext("XWiki.WebSearchCode") 47 +#includeInContext("XWiki.ListSuggestions") 47 47 #includeInContext("XWiki.ListResults") 48 48 </div>
- XWiki.StyleSheetExtension[0]
-
- Code
-
... ... @@ -1,11 +1,4 @@ 1 -#search{ 2 - width: 100%; 3 - background-color: #fff; 4 -} 5 -#search a:focus { 6 - outline: dotted 1px #000; 7 -} 8 -/* Search Bar*/ 1 +39397F Bar*/ 9 9 #searchBar{ 10 10 margin-bottom: 11px; 11 11 padding-left: 5px; ... ... @@ -23,6 +23,7 @@ 23 23 border: 2px solid #CCCCCC; 24 24 color: #4d4d4d; 25 25 font-size:15px; 19 + width: 400px; 26 26 } 27 27 .searchButton{ 28 28 background-color:#B3B3B3; ... ... @@ -45,22 +45,28 @@ 45 45 font-size: 90%; 46 46 } 47 47 #sortFilter{ 48 - color: # 808080;42 + color: #aaa; 49 49 padding: 5px; 50 50 line-height: 16px; 51 51 } 52 52 #sortFilter a.sortType{ 53 - color: # 808080;47 + color: #aaa; 54 54 } 55 -#sortFilter a:hover{ 49 +#sortFilter a.sortType:hover{ 56 56 color: #4D4D4D; 57 57 } 52 +#sortFilter a.sortType:focus { 53 + outline: dotted 1px #000; 54 +} 58 58 #sortFilter a#currentSort{ 59 59 color: #4D4D4D; 60 60 font-weight: bold; 61 61 } 59 +#sortFilter a#currentSort:focus { 60 + outline: dotted 1px #000; 61 +} 62 62 .paginationFilter { 63 - color: # 808080;63 + color: #aaa; 64 64 height: 100%; 65 65 border-top: 1px solid #CCCCCC; 66 66 padding: 2px 0px 5px 5px; ... ... @@ -71,7 +71,7 @@ 71 71 float: left; 72 72 } 73 73 .resultsNo .currentResultsNo, .resultsNo .totalResultsNo{ 74 - color: # 808080;74 + color: #aaa; 75 75 } 76 76 .pagination{ 77 77 float: right; ... ... @@ -78,7 +78,7 @@ 78 78 margin-right: 10px; 79 79 } 80 80 .pagination a{ 81 - color: # 808080;81 + color: #aaa; 82 82 } 83 83 .pagination a:hover{ 84 84 color: #4D4D4D; ... ... @@ -87,6 +87,9 @@ 87 87 color: #4D4D4D; 88 88 font-weight: bold; 89 89 } 90 +.pagination a:focus { 91 + outline: dotted 1px #000; 92 +} 90 90 .controlPagination{ 91 91 position:relative; 92 92 width:41px; ... ... @@ -162,11 +162,14 @@ 162 162 width: 82%; 163 163 } 164 164 .itemDescription a{ 165 - color: # 5599ff;168 + color: #39397F; 166 166 } 167 167 .itemDescription a:hover{ 168 - color: # 5599ff;171 + color: #39397F; 169 169 } 173 +.itemDescription a:focus { 174 + outline: dotted 1px #000; 175 +} 170 170 .itemTitle a{ 171 171 color: #4d4d4d; 172 172 font-weight: bold; ... ... @@ -177,13 +177,19 @@ 177 177 font-weight: bold; 178 178 font-size:130%; 179 179 } 186 +.itemTitle a:focus { 187 + outline: dotted 1px #000; 188 +} 189 +a.itemAuthor:focus{ 190 + outline: dotted 1px #000; 191 +} 180 180 .itemLocation{ 181 - color: # 808080;193 + color: #aaa; 182 182 font-size:90%; 183 183 } 184 184 .itemLocation a.itemWiki , .itemLocation a.itemSpace, .itemLocation a.itemPage{} 185 185 .itemModifiers{ 186 - color: # 808080;198 + color: #aaa; 187 187 font-size:90%; 188 188 } 189 189 .itemModifiers a.itemAuthor, .itemModifiers a.itemDate{} ... ... @@ -192,7 +192,6 @@ 192 192 padding: 0px 5px 0px 5px; 193 193 } 194 194 .itemOthers{ 195 - color: #808080; 196 196 font-size:80%; 197 197 } 198 198 .itemOthers .itemComments, .itemOthers .itemAttachments, .itemOthers .itemRating{ ... ... @@ -269,7 +269,6 @@ 269 269 .relevanceText{ 270 270 float: right; 271 271 margin-right: 5px; 272 - color: #808080; 273 273 font-size:80%; 274 274 } 275 275 .resultSeparator{ ... ... @@ -293,3 +293,79 @@ 293 293 height: 1px; 294 294 margin: 0 211px; 295 295 } 306 +html>body div.suggestResults{ 307 + width: 422px; 308 +} 309 +div.suggestResults{ 310 + width: 400px; 311 + position: absolute; 312 + padding: 11px 0px; 313 + margin: 0px; 314 + z-index: 1000; 315 + left: 5px; 316 + top: 27px; 317 + display:none; 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 +}