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 311.1
edited by Ecaterina Valica
on 2009/03/23 15:49
on 2009/03/23 15:49
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
-
... ... @@ -2,9 +2,6 @@ 2 2 width: 100%; 3 3 background-color: #fff; 4 4 } 5 -#search a:focus { 6 - outline: dotted 1px #000; 7 -} 8 8 /* Search Bar*/ 9 9 #searchBar{ 10 10 margin-bottom: 11px; ... ... @@ -23,6 +23,8 @@ 23 23 border: 2px solid #CCCCCC; 24 24 color: #4d4d4d; 25 25 font-size:15px; 23 + width: 400px; 24 + height: 26px; 26 26 } 27 27 .searchButton{ 28 28 background-color:#B3B3B3; ... ... @@ -52,13 +52,19 @@ 52 52 #sortFilter a.sortType{ 53 53 color: #808080; 54 54 } 55 -#sortFilter a:hover{ 54 +#sortFilter a.sortType:hover{ 56 56 color: #4D4D4D; 57 57 } 57 +#sortFilter a.sortType:focus { 58 + outline: dotted 1px #000; 59 +} 58 58 #sortFilter a#currentSort{ 59 59 color: #4D4D4D; 60 60 font-weight: bold; 61 61 } 64 +#sortFilter a#currentSort:focus { 65 + outline: dotted 1px #000; 66 +} 62 62 .paginationFilter { 63 63 color: #808080; 64 64 height: 100%; ... ... @@ -87,6 +87,9 @@ 87 87 color: #4D4D4D; 88 88 font-weight: bold; 89 89 } 95 +.pagination a:focus { 96 + outline: dotted 1px #000; 97 +} 90 90 .controlPagination{ 91 91 position:relative; 92 92 width:41px; ... ... @@ -167,6 +167,9 @@ 167 167 .itemDescription a:hover{ 168 168 color: #5599ff; 169 169 } 178 +.itemDescription a:focus { 179 + outline: dotted 1px #000; 180 +} 170 170 .itemTitle a{ 171 171 color: #4d4d4d; 172 172 font-weight: bold; ... ... @@ -177,6 +177,12 @@ 177 177 font-weight: bold; 178 178 font-size:130%; 179 179 } 191 +.itemTitle a:focus { 192 + outline: dotted 1px #000; 193 +} 194 +a.itemAuthor:focus{ 195 + outline: dotted 1px #000; 196 +} 180 180 .itemLocation{ 181 181 color: #808080; 182 182 font-size:90%; ... ... @@ -293,3 +293,64 @@ 293 293 height: 1px; 294 294 margin: 0 211px; 295 295 } 313 +div.suggestResults{ 314 + position: absolute; 315 + padding: 10px 0 0 0; 316 + z-index: 100013; 317 + left: 5px; 318 + top: 34px; 319 + width: 400px; 320 +} 321 +div.suggestResults ul{ 322 + list-style: none; 323 + margin: 0 0 -4px 0; 324 + padding: 0; 325 + overflow: hidden; 326 + background-color: #fff; 327 + border: 2px solid #ccc; 328 +} 329 +div.suggestResults ul li{ 330 + color: #ccc; 331 + padding: 0; 332 + margin: 0 4px 4px; 333 + text-align: left; 334 +} 335 +div.suggestResults ul li a{ 336 + color: #4D4D4D; 337 + display: block; 338 + text-decoration: none; 339 + background-color: transparent; 340 + position: relative; 341 + padding: 0; 342 + width: 100%; 343 +} 344 +div.suggestResults ul li a:hover{ 345 + background-color: #fff; 346 +} 347 +div.suggestResults ul li a span.suggestItem{ 348 + display: block; 349 + padding: 3px 6px; 350 + font-weight: normal; 351 + width: 100%; 352 + clear: both; 353 +} 354 +div.suggestResults ul li a span.suggestItem span.suggestName{ 355 + text-align: left; 356 + width: 60%; 357 + display:inline-block; 358 +} 359 +div.suggestResults ul li a:hover span.suggestItem span.suggestName{ 360 + text-decoration: underline; 361 +} 362 +div.suggestResults ul li a span.suggestItem span.suggestLocation{ 363 + text-align: right; 364 + color: #cccccc; 365 + width: 36%; 366 + vertical-align: top; 367 + display:inline-block; 368 + padding-right: 6px; 369 +} 370 +div.suggestResults ul em{ 371 + font-style: normal; 372 + color: #5599FF; 373 +}