Changes for page ListWebSearch
Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 150.1
edited by Ecaterina Valica
on 2009/03/18 14:00
on 2009/03/18 14:00
Change comment:
There is no comment for this version
To version 212.1
edited by Ecaterina Valica
on 2009/03/20 13:26
on 2009/03/20 13:26
Change comment:
There is no comment for this version
Summary
-
Page properties (1 modified, 0 added, 0 removed)
-
Attachments (0 modified, 1 added, 0 removed)
-
Objects (1 modified, 0 added, 0 removed)
Details
- Page properties
-
- Content
-
... ... @@ -1,10 +1,12 @@ 1 1 $xwiki.ssx.use("Main.ListWebSearch") 2 + 3 +1 Search 4 + 2 2 #if(!$request.space) 3 3 #set($space = "All") 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")) ... ... @@ -16,7 +16,7 @@ 16 16 <option value="$spacesText.get($space)" #if($selectspace == $spacesText.get($space))selected="selected"#end>$space</option> 17 17 #end 18 18 #macro(spaceselect $selectspace $spaces $spacesText) 19 - <select name="space"> 21 + <select name="space" title="$msg.get('xe.search.bar.spaces.title')"> 20 20 #spaceoption("All spaces" $selectspace $spacesText) 21 21 #foreach($space in $spaces) 22 22 #spaceoption($space $selectspace $spacesText) ... ... @@ -34,13 +34,14 @@ 34 34 #end 35 35 <div id="search"> 36 36 <form action=""> 39 + <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"/> 41 - <div class="searchHelp">eq. xwiki* AND "search query"</div> 42 - </div> 41 + <input type="text" name="text" class="searchQuery" value="$msg.get("xe.search.bar.query")" size="50" title="$msg.get('xe.search.bar.query.title')"/> 42 + #spaceselect($space $spaces $spacesText) 43 + <span class="searchButton"><input class="button" type="image" src="/xwiki/skins/albatross/go.png" value="Go" title="$msg.get('xe.search.bar.go.title')"/></span> 44 + <div class="searchHelp">$msg.get("xe.search.bar.help")</div> 43 43 {/pre} 46 + </div> 44 44 </form> 45 45 #includeInContext("XWiki.WebSearchCode") 46 46 #includeInContext("XWiki.ListResults")
- SearchImprovementIdeas.png
-
- Author
-
... ... @@ -1,0 +1,1 @@ 1 +xwiki:XWiki.GuillaumeLerouge - Size
-
... ... @@ -1,0 +1,1 @@ 1 +351.6 KB - Content
- XWiki.StyleSheetExtension[0]
-
- Code
-
... ... @@ -4,16 +4,23 @@ 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 +} 20 +.searchButton{ 21 + height: 100%; 22 + vertical-align: middle; 23 +} 17 17 .searchHelp{ 18 18 font-size: 80%; 19 19 color: #808080; ... ... @@ -21,61 +21,60 @@ 21 21 /* Search Filters*/ 22 22 .searchFilters{ 23 23 clear: both; 24 - margin-bottom:15px;31 + font-size: 90%; 25 25 } 26 26 #sortFilter{ 27 27 color: #808080; 28 - background-color: #e6e6e6; 29 29 padding: 5px; 36 + line-height: 16px; 30 30 } 31 -#sortFilter a{ 38 +#sortFilter a.sortType{ 32 32 color: #808080; 33 33 } 34 34 #sortFilter a:hover{ 35 - color: #777777; 36 - font-weight: bold; 42 + color: #4D4D4D; 37 37 } 38 38 #sortFilter a#currentSort{ 39 - color: # 777777;45 + color: #4D4D4D; 40 40 font-weight: bold; 41 41 } 42 42 .paginationFilter { 43 43 color: #808080; 44 44 height: 100%; 45 - background-color: #f2f2f2; 46 - border-top: 2px solid #b3b3b3; 47 - padding: 5px; 51 + border-top: 1px solid #CCCCCC; 52 + padding: 2px 0px 5px 5px; 48 48 display: block; 54 + line-height: 22px; 49 49 } 50 50 .resultsNo{ 51 51 float: left; 52 52 } 53 53 .resultsNo .currentResultsNo, .resultsNo .totalResultsNo{ 54 - color: # 4D4D4D;60 + color: #808080; 55 55 } 56 56 .pagination{ 57 57 float: right; 64 + margin-right: 10px; 58 58 } 59 59 .pagination a{ 60 60 color: #808080; 61 61 } 62 62 .pagination a:hover{ 63 - color: #777777; 64 - font-weight: bold; 70 + color: #4D4D4D; 65 65 } 66 66 .pagination a.currentPagination{ 67 - color: # 777777;73 + color: #4D4D4D; 68 68 font-weight: bold; 69 69 } 70 70 .controlPagination{ 71 71 position:relative; 72 - width:4 4px;78 + width:41px; 73 73 height:22px; 74 74 overflow:hidden; 75 75 margin:0!important; 76 76 padding:0!important; 77 77 list-style:none; 78 - background-image:url($xwiki.getSkinFile("navigation 2.png"));84 + background-image:url($xwiki.getSkinFile("navigation.png")); 79 79 float: right; 80 80 } 81 81 .controlPagination li{ ... ... @@ -100,10 +100,11 @@ 100 100 width: 100%; 101 101 z-index: 1; 102 102 } 103 -/* Search Filters*/109 +/* Search Result List*/ 104 104 #searchResultsList{ 105 105 clear: both; 106 106 display: table; 113 + padding-top: 15px; 107 107 } 108 108 .resultItem{ 109 109 display: block; ... ... @@ -143,11 +143,19 @@ 143 143 .itemDescription a{ 144 144 color: #5599ff; 145 145 } 146 -.itemTitle{ 153 +.itemDescription a:hover{ 154 + color: #5599ff; 155 +} 156 +.itemTitle a{ 147 147 color: #4d4d4d; 148 148 font-weight: bold; 149 149 font-size:130%; 150 150 } 161 +.itemTitle a:hover{ 162 + color: #4d4d4d; 163 + font-weight: bold; 164 + font-size:130%; 165 +} 151 151 .itemLocation{ 152 152 color: #808080; 153 153 font-size:90%; ... ... @@ -158,7 +158,10 @@ 158 158 font-size:90%; 159 159 } 160 160 .itemModifiers a.itemAuthor, .itemModifiers a.itemDate{} 161 -.itemContext{} 176 +.itemContext .highlight{ 177 + background-color: #f7ff94; 178 + padding: 0px 5px 0px 5px; 179 +} 162 162 .itemOthers{ 163 163 color: #808080; 164 164 font-size:80%; ... ... @@ -250,10 +250,10 @@ 250 250 height: 1px; 251 251 } 252 252 .searchFooter{ 253 - margin-bottom: 15px; 254 254 display: block; 255 255 clear: both; 256 256 text-align: right; 274 + font-size: 90%; 257 257 } 258 258 .divClosure { 259 259 background-color: transparent;