Changes for page ListWebSearch
Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 82.1
edited by Ecaterina Valica
on 2009/03/17 15:08
on 2009/03/17 15:08
Change comment:
There is no comment for this version
To version 174.1
edited by Ecaterina Valica
on 2009/03/19 15:56
on 2009/03/19 15:56
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
-
... ... @@ -34,13 +34,13 @@ 34 34 #end 35 35 <div id="search"> 36 36 <form action=""> 37 + <div id="searchBar"> 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" class="searchQuery"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} 43 + </div> 44 44 </form> 45 45 #includeInContext("XWiki.WebSearchCode") 46 46 #includeInContext("XWiki.ListResults")
- XWiki.StyleSheetExtension[0]
-
- Code
-
... ... @@ -4,16 +4,17 @@ 4 4 } 5 5 /* Search Bar*/ 6 6 #searchBar{ 7 - padding: 10px 10px 5px 10px; 8 - background-color: #e6e6e6; 9 9 border: 1px solid #b3b3b3; 10 10 margin-bottom: 11px; 11 11 clear: both; 12 12 } 13 -#searchBar input, #searchBar select {14 - border: 1px solid # b3b3b3;11 +#searchBar .searchQuery, #searchBar select { 12 + border: 1px solid #5599FF; 15 15 color: #4d4d4d; 16 16 } 15 +.searchButton{ 16 + border: none; 17 +} 17 17 .searchHelp{ 18 18 font-size: 80%; 19 19 color: #808080; ... ... @@ -22,18 +22,20 @@ 22 22 .searchFilters{ 23 23 clear: both; 24 24 margin-bottom: 15px; 26 + font-size: 90%; 25 25 } 26 26 #sortFilter{ 27 27 color: #808080; 28 - background-color: #e6e6e6; 29 - border-bottom: 2px solid #b3b3b3; 30 + background-color: #F9F9F9; 30 30 padding: 5px; 32 + line-height: 16px; 31 31 } 32 -#sortFilter a{ 34 +#sortFilter a.sortType{ 33 33 color: #808080; 34 34 } 35 35 #sortFilter a:hover{ 36 36 color: #777777; 39 + 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; 48 + background-color: #F9F9F9; 49 + border-top: 1px solid #CCCCCC; 46 46 padding: 5px; 47 47 display: block; 52 + 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; 62 + margin-right: 10px; 57 57 } 58 58 .pagination a{ 59 59 color: #808080; ... ... @@ -60,35 +60,89 @@ 60 60 } 61 61 .pagination a:hover{ 62 62 color: #777777; 69 + font-weight: bold; 63 63 } 64 64 .pagination a.currentPagination{ 65 65 color: #777777; 66 66 font-weight: bold; 67 67 } 68 -.pagination .controlPagination{} 75 +.controlPagination{ 76 + position:relative; 77 + width:41px; 78 + height:22px; 79 + overflow:hidden; 80 + margin:0!important; 81 + padding:0!important; 82 + list-style:none; 83 + background-image:url($xwiki.getSkinFile("navigation.png")); 84 + float: right; 85 +} 86 +.controlPagination li{ 87 + display:inline; 88 +} 89 +.controlPagination a{ 90 + position:absolute; 91 + top:0; 92 + left:0; 93 + text-indent:-1000em; 94 + height:25px; 95 + line-height:25px; 96 + outline:none; 97 + overflow:hidden; 98 + border:none; 99 +} 100 +a.prevPagination { 101 + width: 50%; 102 + z-index: 2; 103 +} 104 +a.nextPagination { 105 + width: 100%; 106 + z-index: 1; 107 +} 69 69 /* Search Filters*/ 70 70 #searchResultsList{ 71 71 clear: both; 111 + display: table; 72 72 } 73 73 .resultItem{ 74 - margin-bottom:15px;114 + 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: 5%;122 + display: inline-block; 123 + width: 3%; 85 85 } 125 +.itemType .typeComment{ 126 + background:transparent url($xwiki.getSkinFile("comment.png")) center right no-repeat; 127 + display:inline-block; 128 + width:16px; 129 + height:16px; 130 +} 131 +.itemType .typeAttachment{ 132 + background:transparent url($xwiki.getSkinFile("attach.png")) center right no-repeat; 133 + display:inline-block; 134 + width:16px; 135 + height:16px; 136 +} 137 +.itemType .typePage{ 138 + background:transparent; 139 + display:inline-block; 140 + width:16px; 141 + height:16px; 142 +} 86 86 .itemDescription{ 87 87 float: left; 88 - display: table-cell;89 - width: 8 0%;145 + display: inline-block; 146 + width: 82%; 90 90 } 91 -.itemTitle{ 148 +.itemDescription a{ 149 + color: #5599ff; 150 +} 151 +.itemTitle a{ 92 92 color: #4d4d4d; 93 93 font-weight: bold; 94 94 font-size:130%; ... ... @@ -113,41 +113,29 @@ 113 113 display:inline; 114 114 clear:none; 115 115 float:left; 176 + padding-right: 5px; 116 116 } 117 -.itemOthers a.itemComments, .itemOthers a.itemAttachments, .itemOthers .itemRating{} 118 -.itemRelevance{ 119 - float: left; 120 - display: table-cell; 121 - width: 15%; 122 - text-align: right; 178 +.itemOthers .itemComments a{ 179 + background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat; 180 + display:inline-block; 181 + padding-right:16px; 123 123 } 124 -.searchFooter{ 125 - margin-bottom: 15px; 126 - display: block; 127 - clear: both; 128 - text-align: right; 183 +.itemOthers .itemAttachments a{ 184 + background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat; 185 + display:inline-block; 186 + padding-right:16px; 129 129 } 130 -.searchFooter .pagination { 131 - width: 100%; 132 - background-color: #f2f2f2; 133 -} 134 -.divClosure 135 -{ 136 - background-color: transparent; 137 - clear: both; 138 - height: 1px; 139 - margin: 0 211px; 140 -} 141 -/* Item Rating*/ 142 -.star-rating{ 188 +.itemRating{ 143 143 position:relative; 144 144 width:55px; 145 145 height:11px; 146 146 overflow:hidden; 147 - margin:0!important;padding:0!important; 193 + margin:1px 0 0 0!important; 194 + padding:0!important; 148 148 background-position:left top; 196 + background-image:url($xwiki.getSkinFile("rating.png")); 149 149 } 150 -. star-rating .current-rating{198 +.itemRating .currentRating{ 151 151 position:absolute; 152 152 top:0;left:0; 153 153 text-indent:-1000em; ... ... @@ -156,22 +156,66 @@ 156 156 outline:none; 157 157 overflow:hidden; 158 158 border:none; 207 + background-image:url($xwiki.getSkinFile("rating.png")); 159 159 z-index:1; 160 160 background-position:left center; 161 161 } 162 -.small-star{width:55px;height:11px;} 163 -.small-star,.small-star .current-rating{background-image:url($xwiki.getSkinFile("rating.png"));line-height:11px;height:11px;} 164 - 165 -/* Item Relevance*/ 166 -.relevance-rating{position:relative;width:48px;height:8px;overflow:hidden;list-style:none;margin:0!important;padding:0!important;background-position:left bottom;} 167 -.relevance-rating .current-rating{position:absolute;top:0;left:0;text-indent:-1000em;height:8px;line-height:8px;outline:none;overflow:hidden;border:none;} 168 -.relevance-rating .current-rating{z-index:1;background-position:left top;} 169 -.small-relevance{width:48px;height:8px;} 170 -.small-relevance{ 171 -background-image:url($xwiki.getSkinFile("relevance.png"));line-height:8px;height:8px; 211 +.itemRelevance{ 212 + float: left; 213 + display: inline-block; 214 + width: 15%; 215 + text-align: right; 172 172 } 173 -.small-relevance .current-rating{ 174 -background-image:url($xwiki.getSkinFile("relevance.png"));line-height:8px;height:8px;} 175 -.small-relevance .current-rating{height:8px;} 176 - 177 - 217 +.relevance{ 218 + position:relative; 219 + width:48px; 220 + height:8px; 221 + overflow:hidden; 222 + list-style:none; 223 + margin:5px 0 0 0!important; 224 + padding:0!important; 225 + background-position:left bottom; 226 + background-image:url($xwiki.getSkinFile("relevance.png")); 227 + float:right; 228 +} 229 +.relevance .currentRelevance{ 230 + position:absolute; 231 + top:0;left:0; 232 + text-indent:-1000em; 233 + height:8px; 234 + line-height:8px; 235 + outline:none; 236 + overflow:hidden; 237 + border:none; 238 + background-image:url($xwiki.getSkinFile("relevance.png")); 239 + z-index:1; 240 + background-position:left top; 241 +} 242 +.relevanceText{ 243 + float: right; 244 + margin-right: 5px; 245 + color: #808080; 246 + font-size:80%; 247 +} 248 +.resultSeparator{ 249 + display:block; 250 + width:100%; 251 + clear:both; 252 + padding: 0; 253 + margin: 0; 254 + margin-bottom: 15px; 255 + height: 1px; 256 +} 257 +.searchFooter{ 258 + margin-bottom: 15px; 259 + display: block; 260 + clear: both; 261 + text-align: right; 262 + font-size: 90%; 263 +} 264 +.divClosure { 265 + background-color: transparent; 266 + clear: both; 267 + height: 1px; 268 + margin: 0 211px; 269 +}