Changes for page ListWebSearch
Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 386.1
edited by Ecaterina Valica
on 2009/03/24 16:20
on 2009/03/24 16:20
Change comment:
There is no comment for this version
To version 420.1
edited by Ecaterina Valica
on 2009/04/17 08:19
on 2009/04/17 08:19
Change comment:
There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Objects (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -37,7 +37,7 @@ 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=" 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')"/> 41 41 <div class="searchHelp">$msg.get("xe.search.bar.help")</div> 42 42 {/pre} 43 43 </form>
- XWiki.StyleSheetExtension[0]
-
- Code
-
... ... @@ -42,18 +42,18 @@ 42 42 font-size: 90%; 43 43 } 44 44 #sortFilter{ 45 - color: # aaa;45 + color: #888; 46 46 padding: 5px; 47 47 line-height: 16px; 48 48 } 49 49 #sortFilter a.sortType{ 50 - color: # aaa;50 + color: #888; 51 51 } 52 52 #sortFilter a.sortType:hover{ 53 53 color: #4D4D4D; 54 54 } 55 55 #sortFilter a.sortType:focus { 56 - 56 + 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 - 63 + outline: dotted 1px #000; 64 64 } 65 65 .paginationFilter { 66 - color: # aaa;66 + color: #888; 67 67 height: 100%; 68 68 border-top: 1px solid #CCCCCC; 69 69 padding: 2px 0px 5px 5px; ... ... @@ -74,14 +74,20 @@ 74 74 float: left; 75 75 } 76 76 .resultsNo .currentResultsNo, .resultsNo .totalResultsNo{ 77 - color: # aaa;77 + color: #888; 78 78 } 79 +.paginationFooter{ 80 + display: block; 81 + clear: both; 82 + text-align: right; 83 + font-size: 90%; 84 +} 79 79 .pagination{ 80 80 float: right; 81 81 margin-right: 10px; 82 82 } 83 83 .pagination a{ 84 - color: # aaa;90 + color: #888; 85 85 } 86 86 .pagination a:hover{ 87 87 color: #4D4D4D; ... ... @@ -91,43 +91,55 @@ 91 91 font-weight: bold; 92 92 } 93 93 .pagination a:focus { 94 - 100 + outline: dotted 1px #000; 95 95 } 96 96 .controlPagination{ 97 97 position:relative; 98 - width:4 1px;104 + width:42px; 99 99 height:22px; 100 100 overflow:hidden; 101 101 margin:0!important; 102 102 padding:0!important; 103 - list-style:none; 104 - background-image:url($xwiki.getSkinFile("navigation.png")); 105 105 float: right; 106 106 } 107 -.controlPagination li{ 108 - display:inline; 109 -} 110 110 .controlPagination a{ 111 111 position:absolute; 112 112 top:0; 113 113 left:0; 114 114 text-indent:-1000em; 115 - height:25px; 116 116 line-height:25px; 117 117 outline:none; 118 118 overflow:hidden; 119 119 border:none; 120 120 } 121 -a.prevPagination { 122 - width: 50%; 123 - 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; 124 124 } 125 -a.nextPagination { 126 - width: 100%; 127 - 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; 128 128 } 129 -/* Search Result List*/ 130 -#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{ 131 131 clear: both; 132 132 display: table; 133 133 padding-top: 15px; ... ... @@ -135,7 +135,7 @@ 135 135 .resultItem{ 136 136 display: block; 137 137 } 138 -.result ItemContainer{156 +.resultContainer{ 139 139 clear: both; 140 140 width: 100%; 141 141 } ... ... @@ -145,19 +145,19 @@ 145 145 width: 3%; 146 146 } 147 147 .itemType .typeComment{ 148 - 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; 149 149 display:inline-block; 150 150 width:16px; 151 151 height:16px; 152 152 } 153 153 .itemType .typeAttachment{ 154 - 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; 155 155 display:inline-block; 156 156 width:16px; 157 157 height:16px; 158 158 } 159 159 .itemType .typePage{ 160 - background:transparent; 178 + background:transparent url($xwiki.getSkinFile("icons/silk/page.gif")) center right no-repeat; 161 161 display:inline-block; 162 162 width:16px; 163 163 height:16px; ... ... @@ -174,7 +174,7 @@ 174 174 color: #39397F; 175 175 } 176 176 .itemDescription a:focus { 177 - 195 + outline: dotted 1px #000; 178 178 } 179 179 .itemTitle a{ 180 180 color: #4d4d4d; ... ... @@ -187,24 +187,25 @@ 187 187 font-size:130%; 188 188 } 189 189 .itemTitle a:focus { 190 - 208 + outline: dotted 1px #000; 191 191 } 192 192 a.itemAuthor:focus{ 193 - 211 + outline: dotted 1px #000; 194 194 } 195 195 .itemLocation{ 196 - color: # aaa;214 + color: #888; 197 197 font-size:90%; 198 198 } 199 199 .itemLocation a.itemWiki , .itemLocation a.itemSpace, .itemLocation a.itemPage{} 200 200 .itemModifiers{ 201 - color: # aaa;219 + color: #888; 202 202 font-size:90%; 203 203 } 204 -.itemModifiers a.itemAuthor, .itemModifiers a.itemDate{} 205 -.itemContext .highlight{ 206 - background-color: #f7ff94; 207 - padding: 0px 5px 0px 5px; 222 +.itemContext em{ 223 + background-color:#F7FF94; 224 + padding:0; 225 + margin: 0; 226 + text-decoration: inherited; 208 208 } 209 209 .itemOthers{ 210 210 font-size:80%; ... ... @@ -294,22 +294,11 @@ 294 294 margin-bottom: 15px; 295 295 height: 1px; 296 296 } 297 -.searchFooter{ 298 - display: block; 299 - clear: both; 300 - text-align: right; 301 - font-size: 90%; 302 -} 303 -.divClosure { 304 - background-color: transparent; 305 - clear: both; 306 - height: 1px; 307 - margin: 0 211px; 308 -} 309 309 html>body .suggestResults{ 310 310 width: 422px; 311 311 } 312 312 .suggestResults{ 320 + display:none; 313 313 width: 400px; 314 314 position: absolute; 315 315 padding: 11px 0px; ... ... @@ -323,7 +323,7 @@ 323 323 list-style-position: outside; 324 324 margin: 0; 325 325 padding: 0; 326 - background: #FFFFFF url($xwiki.getSkinFile('g reyback2.png')) repeat-x scroll 0 0;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 } ... ... @@ -346,7 +346,10 @@ 346 346 margin: 0; 347 347 clear: both; 348 348 } 349 -.suggestResults ul li a .suggestItem .suggestName{ 357 +.suggestResults ul li a:focus .suggestItem{ 358 + outline: dotted 1px #000; 359 +} 360 +.suggestResults ul li a .suggestItem .suggestTitle{ 350 350 text-align: left; 351 351 width: 60%; 352 352 color: #4D4D4D; ... ... @@ -356,19 +356,24 @@ 356 356 padding-left: 6px; 357 357 margin: 0px; 358 358 } 359 -.suggestResults ul li a:hover .suggestItem .suggestName{ 360 - text-decoration: underline; 370 +.suggestResults em{ 371 + background-color:#F7FF94; 372 + padding:0; 373 + margin: 0; 374 + text-decoration: inherited; 361 361 } 362 -.suggestResults ul li a:hover .suggestItem .suggestName em{ 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 -.suggestResults ul li a:hover .suggestItem .suggestLocation{ 380 +.suggestResults ul li a:hover .suggestItem .suggestLocation .suggestWiki, 381 +.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;387 + 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 -}