Changes for page ListWebSearch
Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 318.1
edited by Ecaterina Valica
on 2009/03/23 16:04
on 2009/03/23 16:04
Change comment:
There is no comment for this version
To version 422.1
edited by Ecaterina Valica
on 2009/04/17 08:39
on 2009/04/17 08:39
Change comment:
There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Attachments (0 modified, 1 added, 0 removed)
-
Objects (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- 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,55 @@ 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 + background-position:left top; 123 + background-image:url($xwiki.getSkinFile("navigation.png")); 124 + width: 21px; 125 + height: 22px; 125 125 } 126 -a.nextPagination { 127 - width: 100%; 128 - z-index: 1; 127 +.controlPagination a.noPrevPagination{ 128 + background-position:left bottom; 129 + background-image:url($xwiki.getSkinFile("navigation.png")); 130 + width: 21px; 131 + height: 22px; 129 129 } 130 -/* Search Result List*/ 131 -#searchResultsList{ 133 +.controlPagination a.nextPagination { 134 + background-position:right top; 135 + background-image:url($xwiki.getSkinFile("navigation.png")); 136 + width: 21px; 137 + height: 22px; 138 + left: 21px; 139 +} 140 +.controlPagination a.noNextPagination { 141 + background-position:right bottom; 142 + background-image:url($xwiki.getSkinFile("navigation.png")); 143 + width: 21px; 144 + height: 22px; 145 + left: 21px; 146 +} 147 +/* Search Result*/ 148 +#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{156 +.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; 166 + 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; 172 + 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; 178 + 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;189 + color: #39397F; 173 173 } 174 174 .itemDescription a:hover{ 175 - color: # 5599ff;192 + color: #39397F; 176 176 } 177 177 .itemDescription a:focus { 178 - 195 + 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 - 208 + outline: dotted 1px #000; 192 192 } 193 193 a.itemAuthor:focus{ 194 - 211 + outline: dotted 1px #000; 195 195 } 196 196 .itemLocation{ 197 - color: #8 08080;214 + 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;219 + 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; 222 +.itemContext em{ 223 + background-color:lemonChiffon; 224 + padding:0; 225 + margin: 0; 226 + 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{ ... ... @@ -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,44 +297,34 @@ 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%; 316 +html>body .suggestResults{ 317 + width: 422px; 305 305 } 306 -.divClosure { 307 - background-color: transparent; 308 - clear: both; 309 - height: 1px; 310 - margin: 0 211px; 311 -} 312 -div.suggestResults{ 319 +.suggestResults{ 320 + display:none; 321 + width: 400px; 313 313 position: absolute; 314 - padding: 1 0px 0px;323 + padding: 11px 0px; 315 315 margin: 0px; 316 - z-index: 1000 13;325 + z-index: 1000; 317 317 left: 5px; 318 318 top: 27px; 319 - width: 422px; 320 320 } 321 - div.suggestResults ul{329 +.suggestResults ul{ 322 322 list-style: none; 323 - margin: 0 0 -4px 0; 331 + list-style-position: outside; 332 + margin: 0; 324 324 padding: 0; 325 - overflow: hidden; 326 - background-color: #fff; 334 + background: #FFFFFF url($xwiki.getSkinFile('suggestBg.png')) repeat-x scroll 0 0; 327 327 border: 2px solid #ccc; 328 328 border-top: none; 329 329 } 330 -div.suggestResults ul li{ 331 - color: #ccc; 332 - padding: 0; 333 - margin: 0 4px 4px; 338 +.suggestResults ul li{ 339 + padding: 5px 0 0; 340 + margin: 0; 334 334 text-align: left; 335 335 } 336 -div.suggestResults ul li a{ 337 - color: #4D4D4D; 343 +.suggestResults ul li a{ 338 338 display: block; 339 339 text-decoration: none; 340 340 background-color: transparent; ... ... @@ -342,35 +342,47 @@ 342 342 padding: 0; 343 343 width: 100%; 344 344 } 345 -div.suggestResults ul li a:hover{ 346 - background-color: #fff; 347 -} 348 -div.suggestResults ul li a span.suggestItem{ 351 +.suggestResults ul li a .suggestItem{ 349 349 display: block; 350 - padding: 3px 6px;353 + padding: 0; 351 351 margin: 0; 352 - font-weight: normal; 353 - width: 100%; 354 354 clear: both; 355 355 } 356 -div.suggestResults ul li a span.suggestItem span.suggestName{ 357 +.suggestResults ul li a:focus .suggestItem{ 358 + outline: dotted 1px #000; 359 +} 360 +.suggestResults ul li a .suggestItem .suggestTitle{ 357 357 text-align: left; 358 358 width: 60%; 363 + color: #4D4D4D; 359 359 display:inline-block; 360 360 font-weight: bold; 366 + font-size: 90%; 367 + padding-left: 6px; 368 + margin: 0px; 361 361 } 362 -div.suggestResults ul li a:hover span.suggestItem span.suggestName{ 370 +.suggestResults em{ 371 + background-color:#F7FF94; 372 + padding:0; 373 + margin: 0; 374 + text-decoration: inherited; 375 +} 376 +.suggestResults ul li a:hover .suggestItem .suggestTitle, 377 +.suggestResults ul li a:hover .suggestItem .suggestTitle em{ 363 363 text-decoration: underline; 364 364 } 365 -div.suggestResults ul li a span.suggestItem span.suggestLocation{ 380 +.suggestResults ul li a:hover .suggestItem .suggestLocation .suggestWiki, 381 +.suggestResults ul li a:hover .suggestItem .suggestLocation .suggestSpace{ 382 + color: #39397F; 383 + text-decoration: none; 384 +} 385 +.suggestResults ul li a .suggestItem .suggestLocation{ 366 366 text-align: right; 367 - color: #cccccc; 387 + color: #888; 388 + font-size: 90%; 368 368 width: 36%; 369 369 vertical-align: top; 370 370 display:inline-block; 371 371 padding-right: 6px; 393 + margin: 0px; 372 372 } 373 -div.suggestResults ul em{ 374 - font-style: normal; 375 - color: #5599FF; 376 -}