Changes for page ListWebSearch
Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 291.1
edited by Ecaterina Valica
on 2009/03/22 11:54
on 2009/03/22 11:54
Change comment:
There is no comment for this version
To version 366.1
edited by Ecaterina Valica
on 2009/03/24 14:49
on 2009/03/24 14: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
-
... ... @@ -1,8 +1,4 @@ 1 -#search{ 2 - width: 100%; 3 - background-color: #fff; 4 -} 5 -/* Search Bar*/ 1 +39397F Bar*/ 6 6 #searchBar{ 7 7 margin-bottom: 11px; 8 8 padding-left: 5px; ... ... @@ -20,6 +20,7 @@ 20 20 border: 2px solid #CCCCCC; 21 21 color: #4d4d4d; 22 22 font-size:15px; 19 + width: 400px; 23 23 } 24 24 .searchButton{ 25 25 background-color:#B3B3B3; ... ... @@ -49,13 +49,19 @@ 49 49 #sortFilter a.sortType{ 50 50 color: #808080; 51 51 } 52 -#sortFilter a:hover{ 49 +#sortFilter a.sortType:hover{ 53 53 color: #4D4D4D; 54 54 } 52 +#sortFilter a.sortType:focus { 53 + outline: dotted 1px #000; 54 +} 55 55 #sortFilter a#currentSort{ 56 56 color: #4D4D4D; 57 57 font-weight: bold; 58 58 } 59 +#sortFilter a#currentSort:focus { 60 + outline: dotted 1px #000; 61 +} 59 59 .paginationFilter { 60 60 color: #808080; 61 61 height: 100%; ... ... @@ -84,6 +84,9 @@ 84 84 color: #4D4D4D; 85 85 font-weight: bold; 86 86 } 90 +.pagination a:focus { 91 + outline: dotted 1px #000; 92 +} 87 87 .controlPagination{ 88 88 position:relative; 89 89 width:41px; ... ... @@ -159,11 +159,14 @@ 159 159 width: 82%; 160 160 } 161 161 .itemDescription a{ 162 - color: # 5599ff;168 + color: #39397F; 163 163 } 164 164 .itemDescription a:hover{ 165 - color: # 5599ff;171 + color: #39397F; 166 166 } 173 +.itemDescription a:focus { 174 + outline: dotted 1px #000; 175 +} 167 167 .itemTitle a{ 168 168 color: #4d4d4d; 169 169 font-weight: bold; ... ... @@ -174,6 +174,12 @@ 174 174 font-weight: bold; 175 175 font-size:130%; 176 176 } 186 +.itemTitle a:focus { 187 + outline: dotted 1px #000; 188 +} 189 +a.itemAuthor:focus{ 190 + outline: dotted 1px #000; 191 +} 177 177 .itemLocation{ 178 178 color: #808080; 179 179 font-size:90%; ... ... @@ -290,6 +290,79 @@ 290 290 height: 1px; 291 291 margin: 0 211px; 292 292 } 293 - a:focus294 - outline:dotted1px#000;308 +html>body div.suggestResults{ 309 + width: 422px; 295 295 } 311 +div.suggestResults{ 312 + width: 400px; 313 + position: absolute; 314 + padding: 11px 0px; 315 + margin: 0px; 316 + z-index: 1000; 317 + left: 5px; 318 + top: 27px; 319 +} 320 +div.suggestResults ul{ 321 + list-style: none; 322 + list-style-position: outside; 323 + margin: 0; 324 + padding: 0; 325 + background: #FFFFFF url($xwiki.getSkinFile("greyback2.png")) repeat-x scroll 0 0; 326 + border: 2px solid #ccc; 327 + border-top: none; 328 +} 329 +div.suggestResults ul li{ 330 + padding: 0; 331 + margin: 0; 332 + text-align: left; 333 +} 334 +div.suggestResults ul li a{ 335 + display: block; 336 + text-decoration: none; 337 + background-color: transparent; 338 + position: relative; 339 + padding: 0; 340 + width: 100%; 341 +} 342 +div.suggestResults ul li a span.suggestItem{ 343 + display: block; 344 + padding: 0; 345 + margin: 0; 346 + clear: both; 347 +} 348 +div.suggestResults ul li a span.suggestItem span.suggestName{ 349 + text-align: left; 350 + width: 60%; 351 + color: #4D4D4D; 352 + display:inline-block; 353 + font-weight: bold; 354 + font-size: 90%; 355 + padding-left: 6px; 356 + margin: 0px; 357 +} 358 +div.suggestResults ul li a:hover span.suggestItem span.suggestName{ 359 + text-decoration: underline; 360 +} 361 +div.suggestResults ul li a:hover span.suggestItem span.suggestName em{ 362 + text-decoration: underline; 363 +} 364 +div.suggestResults ul li a:hover span.suggestItem span.suggestLocation{ 365 + color: #39397F; 366 + text-decoration: none; 367 +} 368 +div.suggestResults ul li a span.suggestItem span.suggestLocation{ 369 + text-align: right; 370 + color: #cccccc; 371 + font-size: 90%; 372 + width: 36%; 373 + vertical-align: top; 374 + display:inline-block; 375 + padding-right: 6px; 376 + margin: 0px; 377 +} 378 +em{ 379 + color:#5599FF; 380 + padding:0; 381 + margin: 0; 382 + text-decoration: inherited; 383 +}