Changes for page ListWebSearch
Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 108.1
edited by Ecaterina Valica
on 2009/03/17 16:34
on 2009/03/17 16:34
Change comment:
There is no comment for this version
To version 166.1
edited by Ecaterina Valica
on 2009/03/19 15:45
on 2009/03/19 15:45
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
-
... ... @@ -33,15 +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=""> 36 +<div id="searchBar"> 37 +<form action="" id="searchBarForm"> 37 37 {pre} 38 - <div id="searchBar"> 39 - <input type="text" name="text" value="$xwiki.getFormEncoded($!text)" size="50"/> 40 - #spaceselect($space $spaces $spacesText) <input type="submit" value="Search"/> 39 + <input type="text" name="text" value="Search..." size="50"/> 40 + #spaceselect($space $spaces $spacesText) <input class="button" type="image" src="/xwiki/skins/albatross/go.png" value="Go"/> 41 41 <div class="searchHelp">eq. xwiki* AND "search query"</div> 42 - </div> 43 43 {/pre} 44 44 </form> 44 +</div> 45 45 #includeInContext("XWiki.WebSearchCode") 46 46 #includeInContext("XWiki.ListResults") 47 47 </div>
- XWiki.StyleSheetExtension[0]
-
- Code
-
... ... @@ -22,18 +22,20 @@ 22 22 .searchFilters{ 23 23 clear: both; 24 24 margin-bottom: 15px; 25 + font-size: 90%; 25 25 } 26 26 #sortFilter{ 27 27 color: #808080; 28 - background-color: #e6e6e6; 29 - border-bottom: 2px solid #b3b3b3; 29 + background-color: #F9F9F9; 30 30 padding: 5px; 31 + line-height: 16px; 31 31 } 32 -#sortFilter a{ 33 +#sortFilter a.sortType{ 33 33 color: #808080; 34 34 } 35 35 #sortFilter a:hover{ 36 36 color: #777777; 38 + font-weight: bold; 37 37 } 38 38 #sortFilter a#currentSort{ 39 39 color: #777777; ... ... @@ -42,9 +42,11 @@ 42 42 .paginationFilter { 43 43 color: #808080; 44 44 height: 100%; 45 - background-color: #f2f2f2; 47 + background-color: #F9F9F9; 48 + border-top: 1px solid #CCCCCC; 46 46 padding: 5px; 47 47 display: block; 51 + line-height: 22px; 48 48 } 49 49 .resultsNo{ 50 50 float: left; ... ... @@ -54,6 +54,7 @@ 54 54 } 55 55 .pagination{ 56 56 float: right; 61 + margin-right: 10px; 57 57 } 58 58 .pagination a{ 59 59 color: #808080; ... ... @@ -60,47 +60,89 @@ 60 60 } 61 61 .pagination a:hover{ 62 62 color: #777777; 68 + font-weight: bold; 63 63 } 64 64 .pagination a.currentPagination{ 65 65 color: #777777; 66 66 font-weight: bold; 67 67 } 68 -.pagination .controlPagination{} 74 +.controlPagination{ 75 + position:relative; 76 + width:41px; 77 + height:22px; 78 + overflow:hidden; 79 + margin:0!important; 80 + padding:0!important; 81 + list-style:none; 82 + background-image:url($xwiki.getSkinFile("navigation.png")); 83 + float: right; 84 +} 85 +.controlPagination li{ 86 + display:inline; 87 +} 88 +.controlPagination a{ 89 + position:absolute; 90 + top:0; 91 + left:0; 92 + text-indent:-1000em; 93 + height:25px; 94 + line-height:25px; 95 + outline:none; 96 + overflow:hidden; 97 + border:none; 98 +} 99 +a.prevPagination { 100 + width: 50%; 101 + z-index: 2; 102 +} 103 +a.nextPagination { 104 + width: 100%; 105 + z-index: 1; 106 +} 69 69 /* Search Filters*/ 70 70 #searchResultsList{ 71 71 clear: both; 110 + display: table; 72 72 } 73 73 .resultItem{ 74 - margin-bottom:15px;113 + display: block; 75 75 } 76 76 .resultItemContainer{ 77 77 clear: both; 78 - display: table-row; 79 79 width: 100%; 80 80 } 81 81 .itemType{ 82 82 float: left; 83 - display: table-cell;84 - width: 2%;121 + display: inline-block; 122 + width: 3%; 85 85 } 86 86 .itemType .typeComment{ 87 - background:transparent url($xwiki.getSkinFile("comment.g if")) center right no-repeat;125 + background:transparent url($xwiki.getSkinFile("comment.png")) center right no-repeat; 88 88 display:inline-block; 89 89 width:16px; 90 90 height:16px; 91 91 } 92 92 .itemType .typeAttachment{ 93 - background:transparent url($xwiki.getSkinFile("attach.g if")) center right no-repeat;131 + background:transparent url($xwiki.getSkinFile("attach.png")) center right no-repeat; 94 94 display:inline-block; 95 95 width:16px; 96 96 height:16px; 97 97 } 136 +.itemType .typePage{ 137 + background:transparent; 138 + display:inline-block; 139 + width:16px; 140 + height:16px; 141 +} 98 98 .itemDescription{ 99 99 float: left; 100 - display: table-cell;101 - width: 8 0%;144 + display: inline-block; 145 + width: 82%; 102 102 } 103 -.itemTitle{ 147 +.itemDescription a{ 148 + color: #5599ff; 149 +} 150 +.itemTitle a{ 104 104 color: #4d4d4d; 105 105 font-weight: bold; 106 106 font-size:130%; ... ... @@ -128,12 +128,12 @@ 128 128 padding-right: 5px; 129 129 } 130 130 .itemOthers .itemComments a{ 131 - background:transparent url($xwiki.getSkinFile(" attach.gif")) center right no-repeat;178 + background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat; 132 132 display:inline-block; 133 133 padding-right:16px; 134 134 } 135 135 .itemOthers .itemAttachments a{ 136 - background:transparent url($xwiki.getSkinFile(" comment.gif")) center right no-repeat;183 + background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat; 137 137 display:inline-block; 138 138 padding-right:16px; 139 139 } ... ... @@ -142,7 +142,8 @@ 142 142 width:55px; 143 143 height:11px; 144 144 overflow:hidden; 145 - margin:0!important;padding:0!important; 192 + margin:1px 0 0 0!important; 193 + padding:0!important; 146 146 background-position:left top; 147 147 background-image:url($xwiki.getSkinFile("rating.png")); 148 148 } ... ... @@ -161,7 +161,7 @@ 161 161 } 162 162 .itemRelevance{ 163 163 float: left; 164 - display: table-cell;212 + display: inline-block; 165 165 width: 15%; 166 166 text-align: right; 167 167 } ... ... @@ -171,7 +171,8 @@ 171 171 height:8px; 172 172 overflow:hidden; 173 173 list-style:none; 174 - margin:0!important;padding:0!important; 222 + margin:5px 0 0 0!important; 223 + padding:0!important; 175 175 background-position:left bottom; 176 176 background-image:url($xwiki.getSkinFile("relevance.png")); 177 177 float:right; ... ... @@ -189,16 +189,28 @@ 189 189 z-index:1; 190 190 background-position:left top; 191 191 } 241 +.relevanceText{ 242 + float: right; 243 + margin-right: 5px; 244 + color: #808080; 245 + font-size:80%; 246 +} 247 +.resultSeparator{ 248 + display:block; 249 + width:100%; 250 + clear:both; 251 + padding: 0; 252 + margin: 0; 253 + margin-bottom: 15px; 254 + height: 1px; 255 +} 192 192 .searchFooter{ 193 193 margin-bottom: 15px; 194 194 display: block; 195 195 clear: both; 196 196 text-align: right; 261 + font-size: 90%; 197 197 } 198 -.searchFooter .pagination { 199 - width: 100%; 200 - background-color: #f2f2f2; 201 -} 202 202 .divClosure { 203 203 background-color: transparent; 204 204 clear: both;