Changes for page ListWebSearch
Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 248.1
edited by Ecaterina Valica
on 2009/03/20 16:10
on 2009/03/20 16:10
Change comment:
There is no comment for this version
To version 314.1
edited by Ecaterina Valica
on 2009/03/23 15:54
on 2009/03/23 15:54
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
-
... ... @@ -1,7 +1,5 @@ 1 1 $xwiki.ssx.use("Main.ListWebSearch") 2 2 3 -1 Search 4 - 5 5 #if(!$request.space) 6 6 #set($space = "All") 7 7 #else ... ... @@ -38,7 +38,7 @@ 38 38 <form action=""> 39 39 <div id="searchBar"> 40 40 {pre} 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')"/>39 + <input type="text" name="text" class="searchQuery" value="$msg.get("xe.search.bar.query")" title="$msg.get('xe.search.bar.query.title')"/> 42 42 #spaceselect($space $spaces $spacesText) 43 43 <input type="submit" class="searchButton" value="Search" title="$msg.get('xe.search.bar.go.title')"/> 44 44 <div class="searchHelp">$msg.get("xe.search.bar.help")</div> ... ... @@ -46,5 +46,6 @@ 46 46 </div> 47 47 </form> 48 48 #includeInContext("XWiki.WebSearchCode") 47 +#includeInContext("XWiki.ListSuggestions") 49 49 #includeInContext("XWiki.ListResults") 50 50 </div>
- XWiki.StyleSheetExtension[0]
-
- Code
-
... ... @@ -11,7 +11,7 @@ 11 11 #searchBar select { 12 12 border: 2px solid #CCCCCC; 13 13 color: #4d4d4d; 14 - font-size:1 6px;14 + font-size:15px; 15 15 } 16 16 .searchQuery{ 17 17 background:transparent url($xwiki.getSkinFile("search.png")) center left no-repeat; ... ... @@ -19,7 +19,8 @@ 19 19 padding-left:18px; 20 20 border: 2px solid #CCCCCC; 21 21 color: #4d4d4d; 22 - font-size:16px; 22 + font-size:15px; 23 + width: 400px; 23 23 } 24 24 .searchButton{ 25 25 background-color:#B3B3B3; ... ... @@ -26,10 +26,10 @@ 26 26 border:2px solid #B3B3B3; 27 27 color:#FFFFFF; 28 28 font-family:Verdana; 29 - font-size:1 2px;30 + font-size:11px; 30 30 font-variant:small-caps; 31 31 font-weight:bold; 32 - height:2 4px;33 + height:23px; 33 33 line-height:12px; 34 34 } 35 35 .searchHelp{ ... ... @@ -49,17 +49,23 @@ 49 49 #sortFilter a.sortType{ 50 50 color: #808080; 51 51 } 52 -#sortFilter a:hover{ 53 +#sortFilter a.sortType:hover{ 53 53 color: #4D4D4D; 54 54 } 56 +#sortFilter a.sortType:focus { 57 + outline: dotted 1px #000; 58 +} 55 55 #sortFilter a#currentSort{ 56 56 color: #4D4D4D; 57 57 font-weight: bold; 58 58 } 63 +#sortFilter a#currentSort:focus { 64 + outline: dotted 1px #000; 65 +} 59 59 .paginationFilter { 60 60 color: #808080; 61 61 height: 100%; 62 - border-top: 1px dotted #CCCCCC;69 + border-top: 1px solid #CCCCCC; 63 63 padding: 2px 0px 5px 5px; 64 64 display: block; 65 65 line-height: 22px; ... ... @@ -84,6 +84,9 @@ 84 84 color: #4D4D4D; 85 85 font-weight: bold; 86 86 } 94 +.pagination a:focus { 95 + outline: dotted 1px #000; 96 +} 87 87 .controlPagination{ 88 88 position:relative; 89 89 width:41px; ... ... @@ -164,6 +164,9 @@ 164 164 .itemDescription a:hover{ 165 165 color: #5599ff; 166 166 } 177 +.itemDescription a:focus { 178 + outline: dotted 1px #000; 179 +} 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 } 190 +.itemTitle a:focus { 191 + outline: dotted 1px #000; 192 +} 193 +a.itemAuthor:focus{ 194 + outline: dotted 1px #000; 195 +} 177 177 .itemLocation{ 178 178 color: #808080; 179 179 font-size:90%; ... ... @@ -290,3 +290,66 @@ 290 290 height: 1px; 291 291 margin: 0 211px; 292 292 } 312 +div.suggestResults{ 313 + position: absolute; 314 + padding: 10px 0 0 0; 315 + z-index: 100013; 316 + left: 5px; 317 + top: 26px; 318 + width: 422px; 319 +} 320 +div.suggestResults ul{ 321 + list-style: none; 322 + margin: 0 0 -4px 0; 323 + padding: 0; 324 + overflow: hidden; 325 + background-color: #fff; 326 + border: 2px solid #ccc; 327 + border-top: none; 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 + font-weight: bold; 359 +} 360 +div.suggestResults ul li a:hover span.suggestItem span.suggestName{ 361 + text-decoration: underline; 362 +} 363 +div.suggestResults ul li a span.suggestItem span.suggestLocation{ 364 + text-align: right; 365 + color: #cccccc; 366 + width: 36%; 367 + vertical-align: top; 368 + display:inline-block; 369 + padding-right: 6px; 370 +} 371 +div.suggestResults ul em{ 372 + font-style: normal; 373 + color: #5599FF; 374 +}