Changes for page ListWebSearch
Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 273.1
edited by Guillaume Lerouge
on 2009/03/20 16:53
on 2009/03/20 16:53
Change comment:
There is no comment for this version
To version 360.1
edited by Ecaterina Valica
on 2009/03/24 13:54
on 2009/03/24 13:54
Change comment:
There is no comment for this version
Summary
-
Page properties (2 modified, 0 added, 0 removed)
-
Objects (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Author
-
... ... @@ -1,1 +1,1 @@ 1 - xwiki:XWiki.GuillaumeLerouge1 +XWiki.evalica - 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="35"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
-
... ... @@ -4,34 +4,34 @@ 4 4 } 5 5 /* Search Bar*/ 6 6 #searchBar{ 7 - margin-top: 25px; 8 - margin-bottom: 25px; 7 + margin-bottom: 11px; 9 9 padding-left: 5px; 10 - text-align: center; 11 11 clear: both; 12 12 } 13 13 #searchBar select { 14 - border: 3px solid #CCCCCC;12 + border: 2px solid #CCCCCC; 15 15 color: #4d4d4d; 16 - font-size:1 8px;14 + font-size:15px; 17 17 } 18 18 .searchQuery{ 19 19 background:transparent url($xwiki.getSkinFile("search.png")) center left no-repeat; 20 20 display:inline-block; 21 21 padding-left:18px; 22 - border: 3px solid #CCCCCC;20 + border: 2px solid #CCCCCC; 23 23 color: #4d4d4d; 24 - font-size:18px; 22 + font-size:15px; 23 + width: 400px; 25 25 } 26 26 .searchButton{ 27 27 background-color:#B3B3B3; 28 - border: 3px solid #B3B3B3;27 + border:2px solid #B3B3B3; 29 29 color:#FFFFFF; 30 30 font-family:Verdana; 31 - font-size:16px; 30 + font-size:11px; 31 + font-variant:small-caps; 32 32 font-weight:bold; 33 - height:2 6px;34 - line-height:1 7px;33 + height:23px; 34 + line-height:12px; 35 35 } 36 36 .searchHelp{ 37 37 font-size: 80%; ... ... @@ -50,13 +50,19 @@ 50 50 #sortFilter a.sortType{ 51 51 color: #808080; 52 52 } 53 -#sortFilter a:hover{ 53 +#sortFilter a.sortType:hover{ 54 54 color: #4D4D4D; 55 55 } 56 +#sortFilter a.sortType:focus { 57 + outline: dotted 1px #000; 58 +} 56 56 #sortFilter a#currentSort{ 57 57 color: #4D4D4D; 58 58 font-weight: bold; 59 59 } 63 +#sortFilter a#currentSort:focus { 64 + outline: dotted 1px #000; 65 +} 60 60 .paginationFilter { 61 61 color: #808080; 62 62 height: 100%; ... ... @@ -85,6 +85,9 @@ 85 85 color: #4D4D4D; 86 86 font-weight: bold; 87 87 } 94 +.pagination a:focus { 95 + outline: dotted 1px #000; 96 +} 88 88 .controlPagination{ 89 89 position:relative; 90 90 width:41px; ... ... @@ -165,6 +165,9 @@ 165 165 .itemDescription a:hover{ 166 166 color: #5599ff; 167 167 } 177 +.itemDescription a:focus { 178 + outline: dotted 1px #000; 179 +} 168 168 .itemTitle a{ 169 169 color: #4d4d4d; 170 170 font-weight: bold; ... ... @@ -175,6 +175,12 @@ 175 175 font-weight: bold; 176 176 font-size:130%; 177 177 } 190 +.itemTitle a:focus { 191 + outline: dotted 1px #000; 192 +} 193 +a.itemAuthor:focus{ 194 + outline: dotted 1px #000; 195 +} 178 178 .itemLocation{ 179 179 color: #808080; 180 180 font-size:90%; ... ... @@ -291,3 +291,85 @@ 291 291 height: 1px; 292 292 margin: 0 211px; 293 293 } 312 +html>body div.suggestResults{ 313 + width: 422px; 314 +} 315 +div.suggestResults{ 316 + width: 400px; 317 + position: absolute; 318 + padding: 11px 0px; 319 + margin: 0px; 320 + z-index: 1000; 321 + left: 5px; 322 + top: 27px; 323 +} 324 +div.suggestResults ul{ 325 + list-style: none; 326 + list-style-position: outside; 327 + margin: 0; 328 + padding: 0; 329 + overflow: hidden; 330 + background-color: #fff; 331 + border: 2px solid #ccc; 332 + border-top: none; 333 +} 334 +div.suggestResults ul li{ 335 + color: #ccc; 336 + padding: 0; 337 + margin: 0; 338 + text-align: left; 339 +} 340 +div.suggestResults ul li a{ 341 + color: #4D4D4D; 342 + display: block; 343 + text-decoration: none; 344 + overflow: hidden; 345 + background-color: transparent; 346 + position: relative; 347 + padding: 0; 348 + width: 100%; 349 +} 350 +div.suggestResults ul li a span.suggestItem{ 351 + display: block; 352 + padding: 0; 353 + margin: 0; 354 + font-weight: normal; 355 + clear: both; 356 + overflow:hidden; 357 +} 358 +div.suggestResults ul li a span.suggestItem span.suggestName{ 359 + text-align: left; 360 + width: 60%; 361 + color: #4D4D4D; 362 + display:inline-block; 363 + font-weight: bold; 364 + font-size: 90%; 365 + padding-left: 6px; 366 + margin: 0px; 367 +} 368 +div.suggestResults ul li a:hover span.suggestItem span.suggestName{ 369 + text-decoration: underline; 370 +} 371 +div.suggestResults ul li a:hover span.suggestItem span.suggestName em{ 372 + text-decoration: underline; 373 +} 374 +div.suggestResults ul li a:hover span.suggestItem span.suggestLocation{ 375 + color: #5599FF; 376 + text-decoration: none; 377 +} 378 +div.suggestResults ul li a span.suggestItem span.suggestLocation{ 379 + text-align: right; 380 + color: #cccccc; 381 + font-size: 90%; 382 + width: 36%; 383 + vertical-align: top; 384 + display:inline-block; 385 + padding-right: 6px; 386 + margin: 0px; 387 +} 388 +em{ 389 + background-color:#F7FF94; 390 + padding:0; 391 + margin: 0; 392 + text-decoration: inherited; 393 +}