Changes for page ListWebSearch
Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 100.1
edited by Ecaterina Valica
on 2009/03/17 16:18
on 2009/03/17 16:18
Change comment:
There is no comment for this version
To version 195.1
edited by Ecaterina Valica
on 2009/03/19 16:47
on 2009/03/19 16:47
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
-
... ... @@ -4,7 +4,6 @@ 4 4 #else 5 5 #set($space = $request.space) 6 6 #end 7 - 8 8 #set($spacesText = {}) 9 9 #set($spaces = $xwiki.spaces) 10 10 #set($ok = $spacesText.put("All","All")) ... ... @@ -34,13 +34,13 @@ 34 34 #end 35 35 <div id="search"> 36 36 <form action=""> 36 + <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"/> 38 + <input type="text" name="text" class="searchQuery" value="search..." size="50"/> 39 + #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} 42 + </div> 44 44 </form> 45 45 #includeInContext("XWiki.WebSearchCode") 46 46 #includeInContext("XWiki.ListResults")
- XWiki.StyleSheetExtension[0]
-
- Code
-
... ... @@ -4,16 +4,19 @@ 4 4 } 5 5 /* Search Bar*/ 6 6 #searchBar{ 7 - padding: 10px 10px 5px 10px; 8 - background-color: #e6e6e6; 9 - border: 1px solid #b3b3b3; 10 10 margin-bottom: 11px; 8 + padding-left: 5px; 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 +.searchQuery{ 16 + background:transparent url($xwiki.getSkinFile("search.png")) center left no-repeat; 17 + display:inline-block; 18 + padding-left:18px; 19 +} 17 17 .searchHelp{ 18 18 font-size: 80%; 19 19 color: #808080; ... ... @@ -21,78 +21,142 @@ 21 21 /* Search Filters*/ 22 22 .searchFilters{ 23 23 clear: both; 24 - margin-bottom: 15px; 27 + margin-bottom: 10px; 28 + font-size: 90%; 25 25 } 26 26 #sortFilter{ 27 27 color: #808080; 28 - background-color: #e6e6e6; 29 - border-bottom: 2px solid #b3b3b3; 30 30 padding: 5px; 33 + line-height: 16px; 31 31 } 32 -#sortFilter a{ 35 +#sortFilter a.sortType{ 33 33 color: #808080; 34 34 } 35 35 #sortFilter a:hover{ 36 - color: # 777777;39 + color: #4D4D4D; 37 37 } 38 38 #sortFilter a#currentSort{ 39 - color: # 777777;42 + color: #4D4D4D; 40 40 font-weight: bold; 41 41 } 42 42 .paginationFilter { 43 43 color: #808080; 44 44 height: 100%; 45 - b ackground-color: #f2f2f2;46 - padding: 5px; 48 + border-top: 1px solid #CCCCCC; 49 + padding: 5px 0px 5px 5px; 47 47 display: block; 51 + line-height: 22px; 48 48 } 49 49 .resultsNo{ 50 50 float: left; 51 51 } 52 52 .resultsNo .currentResultsNo, .resultsNo .totalResultsNo{ 53 - color: # 4D4D4D;57 + color: #808080; 54 54 } 55 55 .pagination{ 56 56 float: right; 61 + margin-right: 10px; 57 57 } 58 58 .pagination a{ 59 59 color: #808080; 60 60 } 61 61 .pagination a:hover{ 62 - color: # 777777;67 + color: #4D4D4D; 63 63 } 64 64 .pagination a.currentPagination{ 65 - color: # 777777;70 + color: #4D4D4D; 66 66 font-weight: bold; 67 67 } 68 -.pagination .controlPagination{} 73 +.controlPagination{ 74 + position:relative; 75 + width:41px; 76 + height:22px; 77 + overflow:hidden; 78 + margin:0!important; 79 + padding:0!important; 80 + list-style:none; 81 + background-image:url($xwiki.getSkinFile("navigation.png")); 82 + float: right; 83 +} 84 +.controlPagination li{ 85 + display:inline; 86 +} 87 +.controlPagination a{ 88 + position:absolute; 89 + top:0; 90 + left:0; 91 + text-indent:-1000em; 92 + height:25px; 93 + line-height:25px; 94 + outline:none; 95 + overflow:hidden; 96 + border:none; 97 +} 98 +a.prevPagination { 99 + width: 50%; 100 + z-index: 2; 101 +} 102 +a.nextPagination { 103 + width: 100%; 104 + z-index: 1; 105 +} 69 69 /* Search Filters*/ 70 70 #searchResultsList{ 71 71 clear: both; 109 + display: table; 110 +padding-top: 15px; 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: 5%;121 + display: inline-block; 122 + width: 3%; 85 85 } 124 +.itemType .typeComment{ 125 + background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat; 126 + display:inline-block; 127 + width:16px; 128 + height:16px; 129 +} 130 +.itemType .typeAttachment{ 131 + background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat; 132 + display:inline-block; 133 + width:16px; 134 + height:16px; 135 +} 136 +.itemType .typePage{ 137 + background:transparent; 138 + display:inline-block; 139 + width:16px; 140 + height:16px; 141 +} 86 86 .itemDescription{ 87 87 float: left; 88 - display: table-cell;89 - width: 8 0%;144 + display: inline-block; 145 + width: 82%; 90 90 } 91 -.itemTitle{ 147 +.itemDescription a{ 148 + color: #5599ff; 149 +} 150 +.itemDescription a:hover{ 151 + color: #5599ff; 152 +} 153 +.itemTitle a{ 92 92 color: #4d4d4d; 93 93 font-weight: bold; 94 94 font-size:130%; 95 95 } 158 +.itemTitle a:hover{ 159 + color: #4d4d4d; 160 + font-weight: bold; 161 + font-size:130%; 162 +} 96 96 .itemLocation{ 97 97 color: #808080; 98 98 font-size:90%; ... ... @@ -113,14 +113,15 @@ 113 113 display:inline; 114 114 clear:none; 115 115 float:left; 183 + padding-right: 5px; 116 116 } 117 117 .itemOthers .itemComments a{ 118 - background:transparent url($xwiki.getSkinFile(" attach.gif")) center right no-repeat;186 + background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat; 119 119 display:inline-block; 120 120 padding-right:16px; 121 121 } 122 122 .itemOthers .itemAttachments a{ 123 - background:transparent url($xwiki.getSkinFile(" comment.gif")) center right no-repeat;191 + background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat; 124 124 display:inline-block; 125 125 padding-right:16px; 126 126 } ... ... @@ -129,7 +129,8 @@ 129 129 width:55px; 130 130 height:11px; 131 131 overflow:hidden; 132 - margin:0!important;padding:0!important; 200 + margin:1px 0 0 0!important; 201 + padding:0!important; 133 133 background-position:left top; 134 134 background-image:url($xwiki.getSkinFile("rating.png")); 135 135 } ... ... @@ -148,7 +148,7 @@ 148 148 } 149 149 .itemRelevance{ 150 150 float: left; 151 - display: table-cell;220 + display: inline-block; 152 152 width: 15%; 153 153 text-align: right; 154 154 } ... ... @@ -158,7 +158,8 @@ 158 158 height:8px; 159 159 overflow:hidden; 160 160 list-style:none; 161 - margin:0!important;padding:0!important; 230 + margin:5px 0 0 0!important; 231 + padding:0!important; 162 162 background-position:left bottom; 163 163 background-image:url($xwiki.getSkinFile("relevance.png")); 164 164 float:right; ... ... @@ -176,16 +176,27 @@ 176 176 z-index:1; 177 177 background-position:left top; 178 178 } 179 -.searchFooter{ 249 +.relevanceText{ 250 + float: right; 251 + margin-right: 5px; 252 + color: #808080; 253 + font-size:80%; 254 +} 255 +.resultSeparator{ 256 + display:block; 257 + width:100%; 258 + clear:both; 259 + padding: 0; 260 + margin: 0; 180 180 margin-bottom: 15px; 262 + height: 1px; 263 +} 264 +.searchFooter{ 181 181 display: block; 182 182 clear: both; 183 183 text-align: right; 268 + font-size: 90%; 184 184 } 185 -.searchFooter .pagination { 186 - width: 100%; 187 - background-color: #f2f2f2; 188 -} 189 189 .divClosure { 190 190 background-color: transparent; 191 191 clear: both;