Changes for page ListWebSearch
Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 382.1
edited by Ecaterina Valica
on 2009/03/24 15:53
on 2009/03/24 15:53
Change comment:
There is no comment for this version
To version 426.2
edited by Ecaterina Valica
on 2010/07/22 12:17
on 2010/07/22 12:17
Change comment:
There is no comment for this version
Summary
-
Page properties (2 modified, 0 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: 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")
- 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: # aaa;45 + color: #888; 47 47 padding: 5px; 48 48 line-height: 16px; 49 49 } 50 50 #sortFilter a.sortType{ 51 - color: # aaa;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: # aaa;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: # aaa;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: # aaa;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; ... ... @@ -175,7 +175,7 @@ 175 175 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,24 +188,25 @@ 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: # aaa;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: # aaa;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 211 font-size:80%; ... ... @@ -218,12 +218,12 @@ 218 218 padding-right: 5px; 219 219 } 220 220 .itemOthers .itemComments a{ 221 - 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; 222 222 display:inline-block; 223 223 padding-right:16px; 224 224 } 225 225 .itemOthers .itemAttachments a{ 226 - 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; 227 227 display:inline-block; 228 228 padding-right:16px; 229 229 } ... ... @@ -295,22 +295,11 @@ 295 295 margin-bottom: 15px; 296 296 height: 1px; 297 297 } 298 -.searchFooter{ 299 - display: block; 300 - clear: both; 301 - text-align: right; 302 - font-size: 90%; 303 -} 304 -.divClosure { 305 - background-color: transparent; 306 - clear: both; 307 - height: 1px; 308 - margin: 0 211px; 309 -} 310 310 html>body .suggestResults{ 311 311 width: 422px; 312 312 } 313 313 .suggestResults{ 316 + display:none; 314 314 width: 400px; 315 315 position: absolute; 316 316 padding: 11px 0px; ... ... @@ -324,7 +324,7 @@ 324 324 list-style-position: outside; 325 325 margin: 0; 326 326 padding: 0; 327 - background: #FFFFFF url($xwiki.getSkinFile('g reyback2.png')) repeat-x scrollrightbottom;330 + background: #FFFFFF url($xwiki.getSkinFile('suggestBg.png')) repeat-x scroll 0 0; 328 328 border: 2px solid #ccc; 329 329 border-top: none; 330 330 } ... ... @@ -347,28 +347,37 @@ 347 347 margin: 0; 348 348 clear: both; 349 349 } 350 -.suggestResults ul li a .suggestItem .suggestName{ 353 +.suggestResults ul li a:focus .suggestItem{ 354 + outline: dotted 1px #000; 355 +} 356 +.suggestResults ul li a .suggestItem .suggestTitle{ 351 351 text-align: left; 352 352 width: 60%; 353 353 color: #4D4D4D; 354 354 display:inline-block; 361 + font-weight: bold; 355 355 font-size: 90%; 356 356 padding-left: 6px; 357 357 margin: 0px; 358 358 } 359 -.suggestResults ul li a:hover .suggestItem .suggestName{ 360 - text-decoration: underline; 366 +.suggestResults em{ 367 + background-color:lemonChiffon; 368 + padding:0; 369 + margin: 0; 370 + text-decoration: inherited; 361 361 } 362 -.suggestResults ul li a:hover .suggestItem .suggestName em{ 372 +.suggestResults ul li a:hover .suggestItem .suggestTitle, 373 +.suggestResults ul li a:hover .suggestItem .suggestTitle em{ 363 363 text-decoration: underline; 364 364 } 365 -.suggestResults ul li a:hover .suggestItem .suggestLocation{ 376 +.suggestResults ul li a:hover .suggestItem .suggestLocation .suggestWiki, 377 +.suggestResults ul li a:hover .suggestItem .suggestLocation .suggestSpace{ 366 366 color: #39397F; 367 367 text-decoration: none; 368 368 } 369 369 .suggestResults ul li a .suggestItem .suggestLocation{ 370 370 text-align: right; 371 - color: # aaa;383 + color: #888; 372 372 font-size: 90%; 373 373 width: 36%; 374 374 vertical-align: top; ... ... @@ -376,9 +376,3 @@ 376 376 padding-right: 6px; 377 377 margin: 0px; 378 378 } 379 -em{ 380 - color:orange; 381 - padding:0; 382 - margin: 0; 383 - text-decoration: inherited; 384 -}