Changes for page ListWebSearch
Last modified by Ecaterina Valica on 2010/07/22 10:30
From 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
To version 379.1
edited by Ecaterina Valica
on 2009/03/24 15:51
on 2009/03/24 15:51
Change comment:
Upload new image <a href="/xwiki/bin/downloadrev/Main/ListWebSearch/orange.png?rev=1.1">orange.png</a>
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Attachments (0 modified, 1 added, 2 removed)
-
Objects (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -33,13 +33,15 @@ 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="" id="searchBar"> 36 +<form action=""> 37 + <div id="searchBar"> 37 37 {pre} 38 38 <input type="text" name="text" class="searchQuery" value="$msg.get("xe.search.bar.query")" title="$msg.get('xe.search.bar.query.title')"/> 39 39 #spaceselect($space $spaces $spacesText) 40 - <input type="submit" class="searchButton" value=" $msg.get('xe.search.bar.go')" title="$msg.get('xe.search.bar.go.title')"/>41 + <input type="submit" class="searchButton" value="Search" title="$msg.get('xe.search.bar.go.title')"/> 41 41 <div class="searchHelp">$msg.get("xe.search.bar.help")</div> 42 42 {/pre} 44 + </div> 43 43 </form> 44 44 #includeInContext("XWiki.WebSearchCode") 45 45 #includeInContext("XWiki.ListSuggestions")
- searchBlue.css
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.evalica - Size
-
... ... @@ -1,1 +1,0 @@ 1 -7.3 KB - Content
- searchYellow.css
-
- Author
-
... ... @@ -1,1 +1,0 @@ 1 -XWiki.evalica - Size
-
... ... @@ -1,1 +1,0 @@ 1 -7.4 KB - Content
-
... ... @@ -1,386 +1,0 @@ 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 -}
- orange.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +XWiki.evalica - Size
-
... ... @@ -1,0 +1,1 @@ 1 +791 bytes - Content
- XWiki.StyleSheetExtension[0]
-
- Code
-
... ... @@ -26,6 +26,7 @@ 26 26 background-color:#B3B3B3; 27 27 border:2px solid #B3B3B3; 28 28 color:#FFFFFF; 29 + font-family:Verdana; 29 29 font-size:11px; 30 30 font-variant:small-caps; 31 31 font-weight:bold; ... ... @@ -42,18 +42,18 @@ 42 42 font-size: 90%; 43 43 } 44 44 #sortFilter{ 45 - color: # aaa;46 + color: #808080; 46 46 padding: 5px; 47 47 line-height: 16px; 48 48 } 49 49 #sortFilter a.sortType{ 50 - color: # aaa;51 + color: #808080; 51 51 } 52 52 #sortFilter a.sortType:hover{ 53 53 color: #4D4D4D; 54 54 } 55 55 #sortFilter a.sortType:focus { 56 - outline: dotted 1px #000; 57 + outline: dotted 1px #000; 57 57 } 58 58 #sortFilter a#currentSort{ 59 59 color: #4D4D4D; ... ... @@ -60,10 +60,10 @@ 60 60 font-weight: bold; 61 61 } 62 62 #sortFilter a#currentSort:focus { 63 - outline: dotted 1px #000; 64 + outline: dotted 1px #000; 64 64 } 65 65 .paginationFilter { 66 - color: # aaa;67 + color: #808080; 67 67 height: 100%; 68 68 border-top: 1px solid #CCCCCC; 69 69 padding: 2px 0px 5px 5px; ... ... @@ -74,20 +74,14 @@ 74 74 float: left; 75 75 } 76 76 .resultsNo .currentResultsNo, .resultsNo .totalResultsNo{ 77 - color: # aaa;78 + color: #808080; 78 78 } 79 -.paginationFooter{ 80 - display: block; 81 - clear: both; 82 - text-align: right; 83 - font-size: 90%; 84 -} 85 85 .pagination{ 86 86 float: right; 87 87 margin-right: 10px; 88 88 } 89 89 .pagination a{ 90 - color: # aaa;85 + color: #808080; 91 91 } 92 92 .pagination a:hover{ 93 93 color: #4D4D4D; ... ... @@ -97,18 +97,22 @@ 97 97 font-weight: bold; 98 98 } 99 99 .pagination a:focus { 100 - outline: dotted 1px #000; 95 + outline: dotted 1px #000; 101 101 } 102 102 .controlPagination{ 103 103 position:relative; 104 - width:4 2px;99 + width:41px; 105 105 height:22px; 106 106 overflow:hidden; 107 107 margin:0!important; 108 108 padding:0!important; 109 109 list-style:none; 105 + background-image:url($xwiki.getSkinFile("navigation.png")); 110 110 float: right; 111 111 } 108 +.controlPagination li{ 109 + display:inline; 110 +} 112 112 .controlPagination a{ 113 113 position:absolute; 114 114 top:0; ... ... @@ -120,38 +120,16 @@ 120 120 overflow:hidden; 121 121 border:none; 122 122 } 123 -.controlPagination a:focus { 124 - outline: dotted 1px #000; 122 +a.prevPagination { 123 + width: 50%; 124 + z-index: 2; 125 125 } 126 -.controlPagination a.prevPagination { 127 - background-position:left top; 128 - background-image:url($xwiki.getSkinFile("navigat.png")); 129 - width: 21px; 130 - height: 22px; 126 +a.nextPagination { 127 + width: 100%; 128 + z-index: 1; 131 131 } 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{ 130 +/* Search Result List*/ 131 +#searchResultsList{ 155 155 clear: both; 156 156 display: table; 157 157 padding-top: 15px; ... ... @@ -159,7 +159,7 @@ 159 159 .resultItem{ 160 160 display: block; 161 161 } 162 -.resultContainer{ 139 +.resultItemContainer{ 163 163 clear: both; 164 164 width: 100%; 165 165 } ... ... @@ -192,13 +192,13 @@ 192 192 width: 82%; 193 193 } 194 194 .itemDescription a{ 195 - color: # 39397F;172 + color: #5599ff; 196 196 } 197 197 .itemDescription a:hover{ 198 - color: # 39397F;175 + color: #5599ff; 199 199 } 200 200 .itemDescription a:focus { 201 - outline: dotted 1px #000; 178 + outline: dotted 1px #000; 202 202 } 203 203 .itemTitle a{ 204 204 color: #4d4d4d; ... ... @@ -211,27 +211,27 @@ 211 211 font-size:130%; 212 212 } 213 213 .itemTitle a:focus { 214 - outline: dotted 1px #000; 191 + outline: dotted 1px #000; 215 215 } 216 216 a.itemAuthor:focus{ 217 - outline: dotted 1px #000; 194 + outline: dotted 1px #000; 218 218 } 219 219 .itemLocation{ 220 - color: # aaa;197 + color: #808080; 221 221 font-size:90%; 222 222 } 223 223 .itemLocation a.itemWiki , .itemLocation a.itemSpace, .itemLocation a.itemPage{} 224 224 .itemModifiers{ 225 - color: # aaa;202 + color: #808080; 226 226 font-size:90%; 227 227 } 228 -.itemContext em{ 229 - background-color:#F7FF94; 230 - padding:0; 231 - margin: 0; 232 - text-decoration: inherited; 205 +.itemModifiers a.itemAuthor, .itemModifiers a.itemDate{} 206 +.itemContext .highlight{ 207 + background-color: #f7ff94; 208 + padding: 0px 5px 0px 5px; 233 233 } 234 234 .itemOthers{ 211 + color: #808080; 235 235 font-size:80%; 236 236 } 237 237 .itemOthers .itemComments, .itemOthers .itemAttachments, .itemOthers .itemRating{ ... ... @@ -308,6 +308,7 @@ 308 308 .relevanceText{ 309 309 float: right; 310 310 margin-right: 5px; 288 + color: #808080; 311 311 font-size:80%; 312 312 } 313 313 .resultSeparator{ ... ... @@ -319,11 +319,22 @@ 319 319 margin-bottom: 15px; 320 320 height: 1px; 321 321 } 322 -html>body .suggestResults{ 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{ 323 323 width: 422px; 324 324 } 325 -.suggestResults{ 326 - display:none; 315 +div.suggestResults{ 327 327 width: 400px; 328 328 position: absolute; 329 329 padding: 11px 0px; ... ... @@ -332,21 +332,21 @@ 332 332 left: 5px; 333 333 top: 27px; 334 334 } 335 -.suggestResults ul{ 324 +div.suggestResults ul{ 336 336 list-style: none; 337 337 list-style-position: outside; 338 338 margin: 0; 339 339 padding: 0; 340 - background: #FFFFFF url($xwiki.getSkinFile( 'suggestBg.png')) repeat-x scroll 0 0;329 + background: #FFFFFF url($xwiki.getSkinFile("greyback2.png")) repeat-x scroll 0 0; 341 341 border: 2px solid #ccc; 342 342 border-top: none; 343 343 } 344 -.suggestResults ul li{ 345 - padding: 5px00;333 +div.suggestResults ul li{ 334 + padding: 0; 346 346 margin: 0; 347 347 text-align: left; 348 348 } 349 -.suggestResults ul li a{ 338 +div.suggestResults ul li a{ 350 350 display: block; 351 351 text-decoration: none; 352 352 background-color: transparent; ... ... @@ -354,43 +354,34 @@ 354 354 padding: 0; 355 355 width: 100%; 356 356 } 357 -.suggestResults ul li a .suggestItem{ 346 +div.suggestResults ul li a span.suggestItem{ 358 358 display: block; 359 359 padding: 0; 360 360 margin: 0; 361 361 clear: both; 362 362 } 363 -.suggestResults ul li a:focus .suggestItem{ 364 - outline: dotted 1px #000; 365 -} 366 -.suggestResults ul li a .suggestItem .suggestTitle{ 352 +div.suggestResults ul li a span.suggestItem span.suggestName{ 367 367 text-align: left; 368 368 width: 60%; 369 369 color: #4D4D4D; 370 370 display:inline-block; 371 - font-weight: bold; 372 372 font-size: 90%; 373 373 padding-left: 6px; 374 374 margin: 0px; 375 375 } 376 -.suggestResults em{ 377 - background-color:#F7FF94; 378 - padding:0; 379 - margin: 0; 380 - text-decoration: inherited; 361 +div.suggestResults ul li a:hover span.suggestItem span.suggestName{ 362 + text-decoration: underline; 381 381 } 382 -.suggestResults ul li a:hover .suggestItem .suggestTitle, 383 -.suggestResults ul li a:hover .suggestItem .suggestTitle em{ 364 +div.suggestResults ul li a:hover span.suggestItem span.suggestName em{ 384 384 text-decoration: underline; 385 385 } 386 -.suggestResults ul li a:hover .suggestItem .suggestLocation .suggestWiki, 387 -.suggestResults ul li a:hover .suggestItem .suggestLocation .suggestSpace{ 388 - color: #39397F; 367 +div.suggestResults ul li a:hover span.suggestItem span.suggestLocation{ 368 + color: #5599FF; 389 389 text-decoration: none; 390 390 } 391 -.suggestResults ul li a .suggestItem .suggestLocation{ 371 +div.suggestResults ul li a span.suggestItem span.suggestLocation{ 392 392 text-align: right; 393 - color: # aaa;373 + color: #bbb; 394 394 font-size: 90%; 395 395 width: 36%; 396 396 vertical-align: top; ... ... @@ -398,3 +398,9 @@ 398 398 padding-right: 6px; 399 399 margin: 0px; 400 400 } 381 +em{ 382 + background-color:#F7FF94; 383 + padding:0; 384 + margin: 0; 385 + text-decoration: inherited; 386 +}