Changes for page ListWebSearch
Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 356.1
edited by Ecaterina Valica
on 2009/03/24 13:47
on 2009/03/24 13:47
Change comment:
There is no comment for this version
To version 426.1
edited by Ecaterina Valica
on 2010/01/12 12:24
on 2010/01/12 12:24
Change comment:
There is no comment for this version
Summary
-
Page properties (2 modified, 0 added, 0 removed)
-
Attachments (0 modified, 1 added, 0 removed)
-
Objects (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Parent
-
... ... @@ -1,0 +1,1 @@ 1 +incubator:Improvements.WebHome - Content
-
... ... @@ -33,15 +33,13 @@ 33 33 #set($url = $xwiki.getURL("Main.WebSearchRss", "view", "xpage=rdf&space=$space&text=${utext}")) 34 34 #end 35 35 <div id="search"> 36 -<form action=""> 37 - <div id="searchBar"> 36 +<form action="" id="searchBar"> 38 38 {pre} 39 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 - <input type="submit" class="searchButton" value=" Search" title="$msg.get('xe.search.bar.go.title')"/>40 + <input type="submit" class="searchButton" value="$msg.get('xe.search.bar.go')" title="$msg.get('xe.search.bar.go.title')"/> 42 42 <div class="searchHelp">$msg.get("xe.search.bar.help")</div> 43 43 {/pre} 44 - </div> 45 45 </form> 46 46 #includeInContext("XWiki.WebSearchCode") 47 47 #includeInContext("XWiki.ListSuggestions")
- variants.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.evalica - Size
-
... ... @@ -1,0 +1,1 @@ 1 +179.5 KB - Content
- XWiki.StyleSheetExtension[0]
-
- Code
-
... ... @@ -26,7 +26,6 @@ 26 26 background-color:#B3B3B3; 27 27 border:2px solid #B3B3B3; 28 28 color:#FFFFFF; 29 - font-family:Verdana; 30 30 font-size:11px; 31 31 font-variant:small-caps; 32 32 font-weight:bold; ... ... @@ -43,18 +43,18 @@ 43 43 font-size: 90%; 44 44 } 45 45 #sortFilter{ 46 - color: #8 08080;45 + color: #888; 47 47 padding: 5px; 48 48 line-height: 16px; 49 49 } 50 50 #sortFilter a.sortType{ 51 - color: #8 08080;50 + color: #888; 52 52 } 53 53 #sortFilter a.sortType:hover{ 54 54 color: #4D4D4D; 55 55 } 56 56 #sortFilter a.sortType:focus { 57 - 56 + outline: dotted 1px #000; 58 58 } 59 59 #sortFilter a#currentSort{ 60 60 color: #4D4D4D; ... ... @@ -61,10 +61,10 @@ 61 61 font-weight: bold; 62 62 } 63 63 #sortFilter a#currentSort:focus { 64 - 63 + outline: dotted 1px #000; 65 65 } 66 66 .paginationFilter { 67 - color: #8 08080;66 + color: #888; 68 68 height: 100%; 69 69 border-top: 1px solid #CCCCCC; 70 70 padding: 2px 0px 5px 5px; ... ... @@ -75,14 +75,20 @@ 75 75 float: left; 76 76 } 77 77 .resultsNo .currentResultsNo, .resultsNo .totalResultsNo{ 78 - color: #8 08080;77 + color: #888; 79 79 } 79 +.paginationFooter{ 80 + display: block; 81 + clear: both; 82 + text-align: right; 83 + font-size: 90%; 84 +} 80 80 .pagination{ 81 81 float: right; 82 82 margin-right: 10px; 83 83 } 84 84 .pagination a{ 85 - color: #8 08080;90 + color: #888; 86 86 } 87 87 .pagination a:hover{ 88 88 color: #4D4D4D; ... ... @@ -92,43 +92,51 @@ 92 92 font-weight: bold; 93 93 } 94 94 .pagination a:focus { 95 - 100 + outline: dotted 1px #000; 96 96 } 97 97 .controlPagination{ 98 98 position:relative; 99 - width:4 1px;104 + width:42px; 100 100 height:22px; 101 101 overflow:hidden; 102 102 margin:0!important; 103 103 padding:0!important; 104 - list-style:none; 105 - background-image:url($xwiki.getSkinFile("navigation.png")); 106 106 float: right; 107 107 } 108 -.controlPagination li{ 109 - display:inline; 110 -} 111 111 .controlPagination a{ 112 112 position:absolute; 113 113 top:0; 114 114 left:0; 115 115 text-indent:-1000em; 116 - height:25px; 117 117 line-height:25px; 118 118 outline:none; 119 119 overflow:hidden; 120 120 border:none; 121 121 } 122 -a.prevPagination { 123 - width: 50%; 124 - z-index: 2; 121 +.controlPagination a.prevPagination , 122 +.controlPagination a.noPrevPagination, 123 +.controlPagination a.nextPagination, 124 +.controlPagination a.noNextPagination { 125 + background-image:url($xwiki.getSkinFile("navigation.png")); 126 + width: 21px; 127 + height: 22px; 125 125 } 126 -a.nextPagination { 127 - width: 100%; 128 - z-index: 1; 129 +.controlPagination a.prevPagination { 130 + background-position:left top; 129 129 } 130 -/* Search Result List*/ 131 -#searchResultsList{ 132 +.controlPagination a.noPrevPagination{ 133 + background-position:left bottom; 134 +} 135 +.controlPagination a.nextPagination { 136 + background-position:right top; 137 + left: 21px; 138 +} 139 +.controlPagination a.noNextPagination { 140 + background-position:right bottom; 141 + left: 21px; 142 +} 143 +/* Search Result*/ 144 +#searchResults{ 132 132 clear: both; 133 133 display: table; 134 134 padding-top: 15px; ... ... @@ -136,7 +136,7 @@ 136 136 .resultItem{ 137 137 display: block; 138 138 } 139 -.result ItemContainer{152 +.resultContainer{ 140 140 clear: both; 141 141 width: 100%; 142 142 } ... ... @@ -146,19 +146,19 @@ 146 146 width: 3%; 147 147 } 148 148 .itemType .typeComment{ 149 - background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat; 162 + background:transparent url($xwiki.getSkinFile("icons/silk/comment.gif")) center right no-repeat; 150 150 display:inline-block; 151 151 width:16px; 152 152 height:16px; 153 153 } 154 154 .itemType .typeAttachment{ 155 - background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat; 168 + background:transparent url($xwiki.getSkinFile("icons/silk/attach.gif")) center right no-repeat; 156 156 display:inline-block; 157 157 width:16px; 158 158 height:16px; 159 159 } 160 160 .itemType .typePage{ 161 - background:transparent; 174 + background:transparent url($xwiki.getSkinFile("icons/silk/page_white_text.gif")) center right no-repeat; 162 162 display:inline-block; 163 163 width:16px; 164 164 height:16px; ... ... @@ -169,13 +169,13 @@ 169 169 width: 82%; 170 170 } 171 171 .itemDescription a{ 172 - color: # 5599ff;185 + color: #39397F; 173 173 } 174 174 .itemDescription a:hover{ 175 - color: # 5599ff;188 + color: #39397F; 176 176 } 177 177 .itemDescription a:focus { 178 - 191 + outline: dotted 1px #000; 179 179 } 180 180 .itemTitle a{ 181 181 color: #4d4d4d; ... ... @@ -188,27 +188,27 @@ 188 188 font-size:130%; 189 189 } 190 190 .itemTitle a:focus { 191 - 204 + outline: dotted 1px #000; 192 192 } 193 193 a.itemAuthor:focus{ 194 - 207 + outline: dotted 1px #000; 195 195 } 196 196 .itemLocation{ 197 - color: #8 08080;210 + color: #888; 198 198 font-size:90%; 199 199 } 200 200 .itemLocation a.itemWiki , .itemLocation a.itemSpace, .itemLocation a.itemPage{} 201 201 .itemModifiers{ 202 - color: #8 08080;215 + color: #888; 203 203 font-size:90%; 204 204 } 205 -.itemModifiers a.itemAuthor, .itemModifiers a.itemDate{} 206 -.itemContext .highlight{ 207 - background-color: #f7ff94; 208 - padding: 0px 5px 0px 5px; 218 +.itemContext em{ 219 + background-color:lemonChiffon; 220 + padding:0; 221 + margin: 0; 222 + text-decoration: inherited; 209 209 } 210 210 .itemOthers{ 211 - color: #808080; 212 212 font-size:80%; 213 213 } 214 214 .itemOthers .itemComments, .itemOthers .itemAttachments, .itemOthers .itemRating{ ... ... @@ -219,12 +219,12 @@ 219 219 padding-right: 5px; 220 220 } 221 221 .itemOthers .itemComments a{ 222 - background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat; 235 + background:transparent url($xwiki.getSkinFile("icons/silk/comment.gif")) center right no-repeat; 223 223 display:inline-block; 224 224 padding-right:16px; 225 225 } 226 226 .itemOthers .itemAttachments a{ 227 - background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat; 240 + background:transparent url($xwiki.getSkinFile("icons/silk/attach.gif")) center right no-repeat; 228 228 display:inline-block; 229 229 padding-right:16px; 230 230 } ... ... @@ -285,7 +285,6 @@ 285 285 .relevanceText{ 286 286 float: right; 287 287 margin-right: 5px; 288 - color: #808080; 289 289 font-size:80%; 290 290 } 291 291 .resultSeparator{ ... ... @@ -297,22 +297,11 @@ 297 297 margin-bottom: 15px; 298 298 height: 1px; 299 299 } 300 -.searchFooter{ 301 - display: block; 302 - clear: both; 303 - text-align: right; 304 - font-size: 90%; 305 -} 306 -.divClosure { 307 - background-color: transparent; 308 - clear: both; 309 - height: 1px; 310 - margin: 0 211px; 311 -} 312 -html>body div.suggestResults{ 312 +html>body .suggestResults{ 313 313 width: 422px; 314 314 } 315 -div.suggestResults{ 315 +.suggestResults{ 316 + display:none; 316 316 width: 400px; 317 317 position: absolute; 318 318 padding: 11px 0px; ... ... @@ -321,46 +321,41 @@ 321 321 left: 5px; 322 322 top: 27px; 323 323 } 324 - div.suggestResults ul{325 +.suggestResults ul{ 325 325 list-style: none; 326 326 list-style-position: outside; 327 327 margin: 0; 328 328 padding: 0; 329 - overflow: hidden; 330 - background-color: #fff; 330 + background: #FFFFFF url($xwiki.getSkinFile('suggestBg.png')) repeat-x scroll 0 0; 331 331 border: 2px solid #ccc; 332 332 border-top: none; 333 333 } 334 -div.suggestResults ul li{ 335 - color: #ccc; 336 - padding: 0; 334 +.suggestResults ul li{ 335 + padding: 5px 0 0; 337 337 margin: 0; 338 338 text-align: left; 339 339 } 340 -div.suggestResults ul li a{ 341 - color: #4D4D4D; 339 +.suggestResults ul li a{ 342 342 display: block; 343 343 text-decoration: none; 344 - overflow: hidden; 345 345 background-color: transparent; 346 346 position: relative; 347 347 padding: 0; 348 348 width: 100%; 349 349 } 350 -div.suggestResults ul li a:hover{ 351 - background-color: #fff; 352 -} 353 -div.suggestResults ul li a span.suggestItem{ 347 +.suggestResults ul li a .suggestItem{ 354 354 display: block; 355 355 padding: 0; 356 356 margin: 0; 357 - font-weight: normal; 358 358 clear: both; 359 - overflow:hidden; 360 360 } 361 -div.suggestResults ul li a span.suggestItem span.suggestName{ 353 +.suggestResults ul li a:focus .suggestItem{ 354 + outline: dotted 1px #000; 355 +} 356 +.suggestResults ul li a .suggestItem .suggestTitle{ 362 362 text-align: left; 363 363 width: 60%; 359 + color: #4D4D4D; 364 364 display:inline-block; 365 365 font-weight: bold; 366 366 font-size: 90%; ... ... @@ -367,15 +367,24 @@ 367 367 padding-left: 6px; 368 368 margin: 0px; 369 369 } 370 -div.suggestResults ul li a:hover span.suggestItem span.suggestName{ 371 - text-decoration: underline; 366 +.suggestResults em{ 367 + background-color:lemonChiffon; 368 + padding:0; 369 + margin: 0; 370 + text-decoration: inherited; 372 372 } 373 -div.suggestResults ul li a:hover span.suggestItem span.suggestName em{ 372 +.suggestResults ul li a:hover .suggestItem .suggestTitle, 373 +.suggestResults ul li a:hover .suggestItem .suggestTitle em{ 374 374 text-decoration: underline; 375 375 } 376 -div.suggestResults ul li a span.suggestItem span.suggestLocation{ 376 +.suggestResults ul li a:hover .suggestItem .suggestLocation .suggestWiki, 377 +.suggestResults ul li a:hover .suggestItem .suggestLocation .suggestSpace{ 378 + color: #39397F; 379 + text-decoration: none; 380 +} 381 +.suggestResults ul li a .suggestItem .suggestLocation{ 377 377 text-align: right; 378 - color: # cccccc;383 + color: #888; 379 379 font-size: 90%; 380 380 width: 36%; 381 381 vertical-align: top; ... ... @@ -383,9 +383,3 @@ 383 383 padding-right: 6px; 384 384 margin: 0px; 385 385 } 386 -em{ 387 - background-color:#F7FF94; 388 - padding:0; 389 - margin: 0; 390 - text-decoration: inherited; 391 -}