Changes for page ListWebSearch
Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 367.1
edited by Ecaterina Valica
on 2009/03/24 14:52
on 2009/03/24 14:52
Change comment:
There is no comment for this version
To version 426.4
edited by Ecaterina Valica
on 2010/07/22 10:30
on 2010/07/22 10:30
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
-
... ... @@ -1,3 +1,5 @@ 1 +#info("Discussed: New Search Interface: http://xwiki.markmail.org/thread/2pgbx6d6rrkqzd6y") 2 + 1 1 $xwiki.ssx.use("Main.ListWebSearch") 2 2 3 3 #if(!$request.space) ... ... @@ -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"> 38 +<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')"/>42 + <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
-
... ... @@ -1,4 +1,8 @@ 1 -39397F Bar*/ 1 +#search{ 2 + width: 100%; 3 + background-color: #fff; 4 +} 5 +/* Search Bar*/ 2 2 #searchBar{ 3 3 margin-bottom: 11px; 4 4 padding-left: 5px; ... ... @@ -22,7 +22,6 @@ 22 22 background-color:#B3B3B3; 23 23 border:2px solid #B3B3B3; 24 24 color:#FFFFFF; 25 - font-family:Verdana; 26 26 font-size:11px; 27 27 font-variant:small-caps; 28 28 font-weight:bold; ... ... @@ -39,18 +39,18 @@ 39 39 font-size: 90%; 40 40 } 41 41 #sortFilter{ 42 - color: #8 08080;45 + color: #888; 43 43 padding: 5px; 44 44 line-height: 16px; 45 45 } 46 46 #sortFilter a.sortType{ 47 - color: #8 08080;50 + color: #888; 48 48 } 49 49 #sortFilter a.sortType:hover{ 50 50 color: #4D4D4D; 51 51 } 52 52 #sortFilter a.sortType:focus { 53 - 56 + outline: dotted 1px #000; 54 54 } 55 55 #sortFilter a#currentSort{ 56 56 color: #4D4D4D; ... ... @@ -57,10 +57,10 @@ 57 57 font-weight: bold; 58 58 } 59 59 #sortFilter a#currentSort:focus { 60 - 63 + outline: dotted 1px #000; 61 61 } 62 62 .paginationFilter { 63 - color: #8 08080;66 + color: #888; 64 64 height: 100%; 65 65 border-top: 1px solid #CCCCCC; 66 66 padding: 2px 0px 5px 5px; ... ... @@ -71,14 +71,20 @@ 71 71 float: left; 72 72 } 73 73 .resultsNo .currentResultsNo, .resultsNo .totalResultsNo{ 74 - color: #8 08080;77 + color: #888; 75 75 } 79 +.paginationFooter{ 80 + display: block; 81 + clear: both; 82 + text-align: right; 83 + font-size: 90%; 84 +} 76 76 .pagination{ 77 77 float: right; 78 78 margin-right: 10px; 79 79 } 80 80 .pagination a{ 81 - color: #8 08080;90 + color: #888; 82 82 } 83 83 .pagination a:hover{ 84 84 color: #4D4D4D; ... ... @@ -88,43 +88,51 @@ 88 88 font-weight: bold; 89 89 } 90 90 .pagination a:focus { 91 - 100 + outline: dotted 1px #000; 92 92 } 93 93 .controlPagination{ 94 94 position:relative; 95 - width:4 1px;104 + width:42px; 96 96 height:22px; 97 97 overflow:hidden; 98 98 margin:0!important; 99 99 padding:0!important; 100 - list-style:none; 101 - background-image:url($xwiki.getSkinFile("navigation.png")); 102 102 float: right; 103 103 } 104 -.controlPagination li{ 105 - display:inline; 106 -} 107 107 .controlPagination a{ 108 108 position:absolute; 109 109 top:0; 110 110 left:0; 111 111 text-indent:-1000em; 112 - height:25px; 113 113 line-height:25px; 114 114 outline:none; 115 115 overflow:hidden; 116 116 border:none; 117 117 } 118 -a.prevPagination { 119 - width: 50%; 120 - 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; 121 121 } 122 -a.nextPagination { 123 - width: 100%; 124 - z-index: 1; 129 +.controlPagination a.prevPagination { 130 + background-position:left top; 125 125 } 126 -/* Search Result List*/ 127 -#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{ 128 128 clear: both; 129 129 display: table; 130 130 padding-top: 15px; ... ... @@ -132,7 +132,7 @@ 132 132 .resultItem{ 133 133 display: block; 134 134 } 135 -.result ItemContainer{152 +.resultContainer{ 136 136 clear: both; 137 137 width: 100%; 138 138 } ... ... @@ -142,19 +142,19 @@ 142 142 width: 3%; 143 143 } 144 144 .itemType .typeComment{ 145 - 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; 146 146 display:inline-block; 147 147 width:16px; 148 148 height:16px; 149 149 } 150 150 .itemType .typeAttachment{ 151 - 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; 152 152 display:inline-block; 153 153 width:16px; 154 154 height:16px; 155 155 } 156 156 .itemType .typePage{ 157 - background:transparent; 174 + background:transparent url($xwiki.getSkinFile("icons/silk/page_white_text.gif")) center right no-repeat; 158 158 display:inline-block; 159 159 width:16px; 160 160 height:16px; ... ... @@ -171,7 +171,7 @@ 171 171 color: #39397F; 172 172 } 173 173 .itemDescription a:focus { 174 - 191 + outline: dotted 1px #000; 175 175 } 176 176 .itemTitle a{ 177 177 color: #4d4d4d; ... ... @@ -184,24 +184,25 @@ 184 184 font-size:130%; 185 185 } 186 186 .itemTitle a:focus { 187 - 204 + outline: dotted 1px #000; 188 188 } 189 189 a.itemAuthor:focus{ 190 - 207 + outline: dotted 1px #000; 191 191 } 192 192 .itemLocation{ 193 - color: # aaa;210 + color: #888; 194 194 font-size:90%; 195 195 } 196 196 .itemLocation a.itemWiki , .itemLocation a.itemSpace, .itemLocation a.itemPage{} 197 197 .itemModifiers{ 198 - color: # aaa;215 + color: #888; 199 199 font-size:90%; 200 200 } 201 -.itemModifiers a.itemAuthor, .itemModifiers a.itemDate{} 202 -.itemContext .highlight{ 203 - background-color: #f7ff94; 204 - padding: 0px 5px 0px 5px; 218 +.itemContext em{ 219 + background-color:lemonChiffon; 220 + padding:0; 221 + margin: 0; 222 + text-decoration: inherited; 205 205 } 206 206 .itemOthers{ 207 207 font-size:80%; ... ... @@ -214,12 +214,12 @@ 214 214 padding-right: 5px; 215 215 } 216 216 .itemOthers .itemComments a{ 217 - 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; 218 218 display:inline-block; 219 219 padding-right:16px; 220 220 } 221 221 .itemOthers .itemAttachments a{ 222 - 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; 223 223 display:inline-block; 224 224 padding-right:16px; 225 225 } ... ... @@ -280,7 +280,6 @@ 280 280 .relevanceText{ 281 281 float: right; 282 282 margin-right: 5px; 283 - color: #808080; 284 284 font-size:80%; 285 285 } 286 286 .resultSeparator{ ... ... @@ -292,22 +292,11 @@ 292 292 margin-bottom: 15px; 293 293 height: 1px; 294 294 } 295 -.searchFooter{ 296 - display: block; 297 - clear: both; 298 - text-align: right; 299 - font-size: 90%; 300 -} 301 -.divClosure { 302 - background-color: transparent; 303 - clear: both; 304 - height: 1px; 305 - margin: 0 211px; 306 -} 307 -html>body div.suggestResults{ 312 +html>body .suggestResults{ 308 308 width: 422px; 309 309 } 310 -div.suggestResults{ 315 +.suggestResults{ 316 + display:none; 311 311 width: 400px; 312 312 position: absolute; 313 313 padding: 11px 0px; ... ... @@ -316,21 +316,21 @@ 316 316 left: 5px; 317 317 top: 27px; 318 318 } 319 - div.suggestResults ul{325 +.suggestResults ul{ 320 320 list-style: none; 321 321 list-style-position: outside; 322 322 margin: 0; 323 323 padding: 0; 324 - background: #FFFFFF url($xwiki.getSkinFile( "greyback2.png")) repeat-x scroll 0 0;330 + background: #FFFFFF url($xwiki.getSkinFile('suggestBg.png')) repeat-x scroll 0 0; 325 325 border: 2px solid #ccc; 326 326 border-top: none; 327 327 } 328 - div.suggestResults ul li{329 - padding: 0; 334 +.suggestResults ul li{ 335 + padding: 5px 0 0; 330 330 margin: 0; 331 331 text-align: left; 332 332 } 333 - div.suggestResults ul li a{339 +.suggestResults ul li a{ 334 334 display: block; 335 335 text-decoration: none; 336 336 background-color: transparent; ... ... @@ -338,13 +338,16 @@ 338 338 padding: 0; 339 339 width: 100%; 340 340 } 341 - div.suggestResults ul li aspan.suggestItem{347 +.suggestResults ul li a .suggestItem{ 342 342 display: block; 343 343 padding: 0; 344 344 margin: 0; 345 345 clear: both; 346 346 } 347 -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{ 348 348 text-align: left; 349 349 width: 60%; 350 350 color: #4D4D4D; ... ... @@ -354,19 +354,24 @@ 354 354 padding-left: 6px; 355 355 margin: 0px; 356 356 } 357 -div.suggestResults ul li a:hover span.suggestItem span.suggestName{ 358 - text-decoration: underline; 366 +.suggestResults em{ 367 + background-color:lemonChiffon; 368 + padding:0; 369 + margin: 0; 370 + text-decoration: inherited; 359 359 } 360 -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{ 361 361 text-decoration: underline; 362 362 } 363 -div.suggestResults ul li a:hover span.suggestItem span.suggestLocation{ 376 +.suggestResults ul li a:hover .suggestItem .suggestLocation .suggestWiki, 377 +.suggestResults ul li a:hover .suggestItem .suggestLocation .suggestSpace{ 364 364 color: #39397F; 365 365 text-decoration: none; 366 366 } 367 - div.suggestResults ul li aspan.suggestItemspan.suggestLocation{381 +.suggestResults ul li a .suggestItem .suggestLocation{ 368 368 text-align: right; 369 - color: # cccccc;383 + color: #888; 370 370 font-size: 90%; 371 371 width: 36%; 372 372 vertical-align: top; ... ... @@ -374,9 +374,3 @@ 374 374 padding-right: 6px; 375 375 margin: 0px; 376 376 } 377 -em{ 378 - color:#5599FF; 379 - padding:0; 380 - margin: 0; 381 - text-decoration: inherited; 382 -}