Changes for page ListWebSearch
Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 370.1
edited by Ecaterina Valica
on 2009/03/24 15:06
on 2009/03/24 15:06
Change comment:
There is no comment for this version
To version 410.1
edited by Ecaterina Valica
on 2009/03/25 12:43
on 2009/03/25 12:43
Change comment:
There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Attachments (0 modified, 3 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")
- searchBlue.css
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.evalica - Size
-
... ... @@ -1,0 +1,1 @@ 1 +7.3 KB - Content
- searchYellow.css
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.evalica - Size
-
... ... @@ -1,0 +1,1 @@ 1 +7.4 KB - Content
-
... ... @@ -1,0 +1,386 @@ 1 +#search{ 2 + width: 100%; 3 + background-color: #fff; 4 +} 5 +/* Search Bar*/ 6 +#searchBar{ 7 + margin-bottom: 11px; 8 + padding-left: 5px; 9 + clear: both; 10 +} 11 +#searchBar select { 12 + border: 2px solid #CCCCCC; 13 + color: #4d4d4d; 14 + font-size:15px; 15 +} 16 +.searchQuery{ 17 + background:transparent url($xwiki.getSkinFile("search.png")) center left no-repeat; 18 + display:inline-block; 19 + padding-left:18px; 20 + border: 2px solid #CCCCCC; 21 + color: #4d4d4d; 22 + font-size:15px; 23 + width: 400px; 24 +} 25 +.searchButton{ 26 + background-color:#B3B3B3; 27 + border:2px solid #B3B3B3; 28 + color:#FFFFFF; 29 + font-family:Verdana; 30 + font-size:11px; 31 + font-variant:small-caps; 32 + font-weight:bold; 33 + height:23px; 34 + line-height:12px; 35 +} 36 +.searchHelp{ 37 + font-size: 80%; 38 + color: #808080; 39 +} 40 +/* Search Filters*/ 41 +.searchFilters{ 42 + clear: both; 43 + font-size: 90%; 44 +} 45 +#sortFilter{ 46 + color: #808080; 47 + padding: 5px; 48 + line-height: 16px; 49 +} 50 +#sortFilter a.sortType{ 51 + color: #808080; 52 +} 53 +#sortFilter a.sortType:hover{ 54 + color: #4D4D4D; 55 +} 56 +#sortFilter a.sortType:focus { 57 + outline: dotted 1px #000; 58 +} 59 +#sortFilter a#currentSort{ 60 + color: #4D4D4D; 61 + font-weight: bold; 62 +} 63 +#sortFilter a#currentSort:focus { 64 + outline: dotted 1px #000; 65 +} 66 +.paginationFilter { 67 + color: #808080; 68 + height: 100%; 69 + border-top: 1px solid #CCCCCC; 70 + padding: 2px 0px 5px 5px; 71 + display: block; 72 + line-height: 22px; 73 +} 74 +.resultsNo{ 75 + float: left; 76 +} 77 +.resultsNo .currentResultsNo, .resultsNo .totalResultsNo{ 78 + color: #808080; 79 +} 80 +.pagination{ 81 + float: right; 82 + margin-right: 10px; 83 +} 84 +.pagination a{ 85 + color: #808080; 86 +} 87 +.pagination a:hover{ 88 + color: #4D4D4D; 89 +} 90 +.pagination a.currentPagination{ 91 + color: #4D4D4D; 92 + font-weight: bold; 93 +} 94 +.pagination a:focus { 95 + outline: dotted 1px #000; 96 +} 97 +.controlPagination{ 98 + position:relative; 99 + width:41px; 100 + height:22px; 101 + overflow:hidden; 102 + margin:0!important; 103 + padding:0!important; 104 + list-style:none; 105 + background-image:url($xwiki.getSkinFile("navigation.png")); 106 + float: right; 107 +} 108 +.controlPagination li{ 109 + display:inline; 110 +} 111 +.controlPagination a{ 112 + position:absolute; 113 + top:0; 114 + left:0; 115 + text-indent:-1000em; 116 + height:25px; 117 + line-height:25px; 118 + outline:none; 119 + overflow:hidden; 120 + border:none; 121 +} 122 +a.prevPagination { 123 + width: 50%; 124 + z-index: 2; 125 +} 126 +a.nextPagination { 127 + width: 100%; 128 + z-index: 1; 129 +} 130 +/* Search Result List*/ 131 +#searchResultsList{ 132 + clear: both; 133 + display: table; 134 + padding-top: 15px; 135 +} 136 +.resultItem{ 137 + display: block; 138 +} 139 +.resultItemContainer{ 140 + clear: both; 141 + width: 100%; 142 +} 143 +.itemType{ 144 + float: left; 145 + display: inline-block; 146 + width: 3%; 147 +} 148 +.itemType .typeComment{ 149 + background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat; 150 + display:inline-block; 151 + width:16px; 152 + height:16px; 153 +} 154 +.itemType .typeAttachment{ 155 + background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat; 156 + display:inline-block; 157 + width:16px; 158 + height:16px; 159 +} 160 +.itemType .typePage{ 161 + background:transparent; 162 + display:inline-block; 163 + width:16px; 164 + height:16px; 165 +} 166 +.itemDescription{ 167 + float: left; 168 + display: inline-block; 169 + width: 82%; 170 +} 171 +.itemDescription a{ 172 + color: #5599ff; 173 +} 174 +.itemDescription a:hover{ 175 + color: #5599ff; 176 +} 177 +.itemDescription a:focus { 178 + outline: dotted 1px #000; 179 +} 180 +.itemTitle a{ 181 + color: #4d4d4d; 182 + font-weight: bold; 183 + font-size:130%; 184 +} 185 +.itemTitle a:hover{ 186 + color: #4d4d4d; 187 + font-weight: bold; 188 + font-size:130%; 189 +} 190 +.itemTitle a:focus { 191 + outline: dotted 1px #000; 192 +} 193 +a.itemAuthor:focus{ 194 + outline: dotted 1px #000; 195 +} 196 +.itemLocation{ 197 + color: #808080; 198 + font-size:90%; 199 +} 200 +.itemLocation a.itemWiki , .itemLocation a.itemSpace, .itemLocation a.itemPage{} 201 +.itemModifiers{ 202 + color: #808080; 203 + font-size:90%; 204 +} 205 +.itemModifiers a.itemAuthor, .itemModifiers a.itemDate{} 206 +.itemContext .highlight{ 207 + background-color: #f7ff94; 208 + padding: 0px 5px 0px 5px; 209 +} 210 +.itemOthers{ 211 + color: #808080; 212 + font-size:80%; 213 +} 214 +.itemOthers .itemComments, .itemOthers .itemAttachments, .itemOthers .itemRating{ 215 + font-size:80%; 216 + display:inline; 217 + clear:none; 218 + float:left; 219 + padding-right: 5px; 220 +} 221 +.itemOthers .itemComments a{ 222 + background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat; 223 + display:inline-block; 224 + padding-right:16px; 225 +} 226 +.itemOthers .itemAttachments a{ 227 + background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat; 228 + display:inline-block; 229 + padding-right:16px; 230 +} 231 +.itemRating{ 232 + position:relative; 233 + width:55px; 234 + height:11px; 235 + overflow:hidden; 236 + margin:1px 0 0 0!important; 237 + padding:0!important; 238 + background-position:left top; 239 + background-image:url($xwiki.getSkinFile("rating.png")); 240 +} 241 +.itemRating .currentRating{ 242 + position:absolute; 243 + top:0;left:0; 244 + text-indent:-1000em; 245 + height:11px; 246 + line-height:11px; 247 + outline:none; 248 + overflow:hidden; 249 + border:none; 250 + background-image:url($xwiki.getSkinFile("rating.png")); 251 + z-index:1; 252 + background-position:left center; 253 +} 254 +.itemRelevance{ 255 + float: left; 256 + display: inline-block; 257 + width: 15%; 258 + text-align: right; 259 +} 260 +.relevance{ 261 + position:relative; 262 + width:48px; 263 + height:8px; 264 + overflow:hidden; 265 + list-style:none; 266 + margin:5px 0 0 0!important; 267 + padding:0!important; 268 + background-position:left bottom; 269 + background-image:url($xwiki.getSkinFile("relevance.png")); 270 + float:right; 271 +} 272 +.relevance .currentRelevance{ 273 + position:absolute; 274 + top:0;left:0; 275 + text-indent:-1000em; 276 + height:8px; 277 + line-height:8px; 278 + outline:none; 279 + overflow:hidden; 280 + border:none; 281 + background-image:url($xwiki.getSkinFile("relevance.png")); 282 + z-index:1; 283 + background-position:left top; 284 +} 285 +.relevanceText{ 286 + float: right; 287 + margin-right: 5px; 288 + color: #808080; 289 + font-size:80%; 290 +} 291 +.resultSeparator{ 292 + display:block; 293 + width:100%; 294 + clear:both; 295 + padding: 0; 296 + margin: 0; 297 + margin-bottom: 15px; 298 + height: 1px; 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{ 313 + width: 422px; 314 +} 315 +div.suggestResults{ 316 + width: 400px; 317 + position: absolute; 318 + padding: 11px 0px; 319 + margin: 0px; 320 + z-index: 1000; 321 + left: 5px; 322 + top: 27px; 323 +} 324 +div.suggestResults ul{ 325 + list-style: none; 326 + list-style-position: outside; 327 + margin: 0; 328 + padding: 0; 329 + background: #FFFFFF url($xwiki.getSkinFile("greyback2.png")) repeat-x scroll 0 0; 330 + border: 2px solid #ccc; 331 + border-top: none; 332 +} 333 +div.suggestResults ul li{ 334 + padding: 5px 0 0; 335 + margin: 0; 336 + text-align: left; 337 +} 338 +div.suggestResults ul li a{ 339 + display: block; 340 + text-decoration: none; 341 + background-color: transparent; 342 + position: relative; 343 + padding: 0; 344 + width: 100%; 345 +} 346 +div.suggestResults ul li a span.suggestItem{ 347 + display: block; 348 + padding: 0; 349 + margin: 0; 350 + clear: both; 351 +} 352 +div.suggestResults ul li a span.suggestItem span.suggestName{ 353 + text-align: left; 354 + width: 60%; 355 + color: #4D4D4D; 356 + display:inline-block; 357 + font-size: 90%; 358 + padding-left: 6px; 359 + margin: 0px; 360 +} 361 +div.suggestResults ul li a:hover span.suggestItem span.suggestName{ 362 + text-decoration: underline; 363 +} 364 +div.suggestResults ul li a:hover span.suggestItem span.suggestName em{ 365 + text-decoration: underline; 366 +} 367 +div.suggestResults ul li a:hover span.suggestItem span.suggestLocation{ 368 + color: #5599FF; 369 + text-decoration: none; 370 +} 371 +div.suggestResults ul li a span.suggestItem span.suggestLocation{ 372 + text-align: right; 373 + color: #bbb; 374 + font-size: 90%; 375 + width: 36%; 376 + vertical-align: top; 377 + display:inline-block; 378 + padding-right: 6px; 379 + margin: 0px; 380 +} 381 +em{ 382 + background-color:#F7FF94; 383 + padding:0; 384 + margin: 0; 385 + text-decoration: inherited; 386 +}
- 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; ... ... @@ -50,7 +50,7 @@ 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,7 +57,7 @@ 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 63 color: #aaa; ... ... @@ -73,6 +73,12 @@ 73 73 .resultsNo .currentResultsNo, .resultsNo .totalResultsNo{ 74 74 color: #aaa; 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; ... ... @@ -88,22 +88,18 @@ 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 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; ... ... @@ -115,16 +115,38 @@ 115 115 overflow:hidden; 116 116 border:none; 117 117 } 118 -a.prevPagination { 119 - width: 50%; 120 - z-index: 2; 123 +.controlPagination a:focus { 124 + outline: dotted 1px #000; 121 121 } 122 -a.nextPagination { 123 - width: 100%; 124 - z-index: 1; 126 +.controlPagination a.prevPagination { 127 + background-position:left top; 128 + background-image:url($xwiki.getSkinFile("navigat.png")); 129 + width: 21px; 130 + height: 22px; 125 125 } 126 -/* Search Result List*/ 127 -#searchResultsList{ 132 +.controlPagination a.noPrevPagination{ 133 + background-position:left bottom; 134 + background-image:url($xwiki.getSkinFile("navigat.png")); 135 + width: 21px; 136 + height: 22px; 137 +} 138 +.controlPagination a.nextPagination { 139 + background-position:right top; 140 + background-image:url($xwiki.getSkinFile("navigat.png")); 141 + width: 21px; 142 + height: 22px; 143 + left: 21px; 144 + margin: 0; 145 + padding:0; 146 +} 147 +.controlPagination a.noNextPagination { 148 + background-position:right bottom; 149 + background-image:url($xwiki.getSkinFile("navigat.png")); 150 + width: 21px; 151 + height: 22px; 152 +} 153 +/* Search Result*/ 154 +#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{162 +.resultContainer{ 136 136 clear: both; 137 137 width: 100%; 138 138 } ... ... @@ -171,7 +171,7 @@ 171 171 color: #39397F; 172 172 } 173 173 .itemDescription a:focus { 174 - 201 + outline: dotted 1px #000; 175 175 } 176 176 .itemTitle a{ 177 177 color: #4d4d4d; ... ... @@ -184,10 +184,10 @@ 184 184 font-size:130%; 185 185 } 186 186 .itemTitle a:focus { 187 - 214 + outline: dotted 1px #000; 188 188 } 189 189 a.itemAuthor:focus{ 190 - 217 + outline: dotted 1px #000; 191 191 } 192 192 .itemLocation{ 193 193 color: #aaa; ... ... @@ -198,10 +198,11 @@ 198 198 color: #aaa; 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; 228 +.itemContext em{ 229 + background-color:#F7FF94; 230 + padding:0; 231 + margin: 0; 232 + text-decoration: inherited; 205 205 } 206 206 .itemOthers{ 207 207 font-size:80%; ... ... @@ -291,22 +291,11 @@ 291 291 margin-bottom: 15px; 292 292 height: 1px; 293 293 } 294 -.searchFooter{ 295 - display: block; 296 - clear: both; 297 - text-align: right; 298 - font-size: 90%; 299 -} 300 -.divClosure { 301 - background-color: transparent; 302 - clear: both; 303 - height: 1px; 304 - margin: 0 211px; 305 -} 306 -html>body div.suggestResults{ 322 +html>body .suggestResults{ 307 307 width: 422px; 308 308 } 309 -div.suggestResults{ 325 +.suggestResults{ 326 + display:none; 310 310 width: 400px; 311 311 position: absolute; 312 312 padding: 11px 0px; ... ... @@ -315,21 +315,21 @@ 315 315 left: 5px; 316 316 top: 27px; 317 317 } 318 - div.suggestResults ul{335 +.suggestResults ul{ 319 319 list-style: none; 320 320 list-style-position: outside; 321 321 margin: 0; 322 322 padding: 0; 323 - background: #FFFFFF url($xwiki.getSkinFile( "greyback2.png")) repeat-x scrollrightbottom;340 + background: #FFFFFF url($xwiki.getSkinFile('suggestBg.png')) repeat-x scroll 0 0; 324 324 border: 2px solid #ccc; 325 325 border-top: none; 326 326 } 327 - div.suggestResults ul li{344 +.suggestResults ul li{ 328 328 padding: 5px 0 0; 329 329 margin: 0; 330 330 text-align: left; 331 331 } 332 - div.suggestResults ul li a{349 +.suggestResults ul li a{ 333 333 display: block; 334 334 text-decoration: none; 335 335 background-color: transparent; ... ... @@ -337,34 +337,43 @@ 337 337 padding: 0; 338 338 width: 100%; 339 339 } 340 - div.suggestResults ul li aspan.suggestItem{357 +.suggestResults ul li a .suggestItem{ 341 341 display: block; 342 342 padding: 0; 343 343 margin: 0; 344 344 clear: both; 345 345 } 346 -div.suggestResults ul li a span.suggestItem span.suggestName{ 363 +.suggestResults ul li a:focus .suggestItem{ 364 + outline: dotted 1px #000; 365 +} 366 +.suggestResults ul li a .suggestItem .suggestTitle{ 347 347 text-align: left; 348 348 width: 60%; 349 349 color: #4D4D4D; 350 350 display:inline-block; 371 + font-weight: bold; 351 351 font-size: 90%; 352 352 padding-left: 6px; 353 353 margin: 0px; 354 354 } 355 -div.suggestResults ul li a:hover span.suggestItem span.suggestName{ 356 - text-decoration: underline; 376 +.suggestResults em{ 377 + background-color:#F7FF94; 378 + padding:0; 379 + margin: 0; 380 + text-decoration: inherited; 357 357 } 358 -div.suggestResults ul li a:hover span.suggestItem span.suggestName em{ 382 +.suggestResults ul li a:hover .suggestItem .suggestTitle, 383 +.suggestResults ul li a:hover .suggestItem .suggestTitle em{ 359 359 text-decoration: underline; 360 360 } 361 -div.suggestResults ul li a:hover span.suggestItem span.suggestLocation{ 386 +.suggestResults ul li a:hover .suggestItem .suggestLocation .suggestWiki, 387 +.suggestResults ul li a:hover .suggestItem .suggestLocation .suggestSpace{ 362 362 color: #39397F; 363 363 text-decoration: none; 364 364 } 365 - div.suggestResults ul li aspan.suggestItemspan.suggestLocation{391 +.suggestResults ul li a .suggestItem .suggestLocation{ 366 366 text-align: right; 367 - color: # cccccc;393 + color: #aaa; 368 368 font-size: 90%; 369 369 width: 36%; 370 370 vertical-align: top; ... ... @@ -372,9 +372,3 @@ 372 372 padding-right: 6px; 373 373 margin: 0px; 374 374 } 375 -em{ 376 - color:#5599FF; 377 - padding:0; 378 - margin: 0; 379 - text-decoration: inherited; 380 -}