Changes for page ListWebSearch
Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 265.1
edited by Guillaume Lerouge
on 2009/03/20 16:35
on 2009/03/20 16:35
Change comment:
There is no comment for this version
To version 308.1
edited by Ecaterina Valica
on 2009/03/23 15:43
on 2009/03/23 15:43
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
-
... ... @@ -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,3 +1,6 @@ 1 +body{ 2 + position:relative; 3 + } 1 1 #search{ 2 2 width: 100%; 3 3 background-color: #fff; ... ... @@ -11,7 +11,7 @@ 11 11 #searchBar select { 12 12 border: 2px solid #CCCCCC; 13 13 color: #4d4d4d; 14 - font-size:1 6px;17 + font-size:15px; 15 15 } 16 16 .searchQuery{ 17 17 background:transparent url($xwiki.getSkinFile("search.png")) center left no-repeat; ... ... @@ -19,7 +19,9 @@ 19 19 padding-left:18px; 20 20 border: 2px solid #CCCCCC; 21 21 color: #4d4d4d; 22 - font-size:16px; 25 + font-size:15px; 26 + width: 400px; 27 + height: 26px; 23 23 } 24 24 .searchButton{ 25 25 background-color:#B3B3B3; ... ... @@ -26,11 +26,11 @@ 26 26 border:2px solid #B3B3B3; 27 27 color:#FFFFFF; 28 28 font-family:Verdana; 29 - font-size:1 4px;30 - 34 + font-size:11px; 35 + font-variant:small-caps; 31 31 font-weight:bold; 32 - height:2 4px;33 - line-height:1 5px;37 + height:23px; 38 + line-height:12px; 34 34 } 35 35 .searchHelp{ 36 36 font-size: 80%; ... ... @@ -49,13 +49,19 @@ 49 49 #sortFilter a.sortType{ 50 50 color: #808080; 51 51 } 52 -#sortFilter a:hover{ 57 +#sortFilter a.sortType:hover{ 53 53 color: #4D4D4D; 54 54 } 60 +#sortFilter a.sortType:focus { 61 + outline: dotted 1px #000; 62 +} 55 55 #sortFilter a#currentSort{ 56 56 color: #4D4D4D; 57 57 font-weight: bold; 58 58 } 67 +#sortFilter a#currentSort:focus { 68 + outline: dotted 1px #000; 69 +} 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 } 98 +.pagination a:focus { 99 + outline: dotted 1px #000; 100 +} 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 } 181 +.itemDescription a:focus { 182 + outline: dotted 1px #000; 183 +} 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 } 194 +.itemTitle a:focus { 195 + outline: dotted 1px #000; 196 +} 197 +a.itemAuthor:focus{ 198 + outline: dotted 1px #000; 199 +} 177 177 .itemLocation{ 178 178 color: #808080; 179 179 font-size:90%; ... ... @@ -290,3 +290,64 @@ 290 290 height: 1px; 291 291 margin: 0 211px; 292 292 } 316 +div.suggestResults{ 317 + position: absolute; 318 + padding: 10px 0 0 0; 319 + z-index: 100013; 320 + left: 5px; 321 + top: 14px; 322 + width: 400px; 323 +} 324 +div.suggestResults ul{ 325 + list-style: none; 326 + margin: 0 0 -4px 0; 327 + padding: 0; 328 + overflow: hidden; 329 + background-color: #fff; 330 + border: 2px solid #ccc; 331 +} 332 +div.suggestResults ul li{ 333 + color: #ccc; 334 + padding: 0; 335 + margin: 0 4px 4px; 336 + text-align: left; 337 +} 338 +div.suggestResults ul li a{ 339 + color: #4D4D4D; 340 + display: block; 341 + text-decoration: none; 342 + background-color: transparent; 343 + position: relative; 344 + padding: 0; 345 + width: 100%; 346 +} 347 +div.suggestResults ul li a:hover{ 348 + background-color: #fff; 349 +} 350 +div.suggestResults ul li a span.suggestItem{ 351 + display: block; 352 + padding: 3px 6px; 353 + font-weight: normal; 354 + width: 100%; 355 + clear: both; 356 +} 357 +div.suggestResults ul li a span.suggestItem span.suggestName{ 358 + text-align: left; 359 + width: 60%; 360 + display:inline-block; 361 +} 362 +div.suggestResults ul li a:hover span.suggestItem span.suggestName{ 363 + text-decoration: underline; 364 +} 365 +div.suggestResults ul li a span.suggestItem span.suggestlocation{ 366 + text-align: right; 367 + color: #cccccc; 368 + width: 36%; 369 + vertical-align: top; 370 + display:inline-block; 371 + padding-right: 6px; 372 +} 373 +div.suggestResults ul em{ 374 + font-style: normal; 375 + color: #5599FF; 376 +}