Changes for page ListWebSearch
Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 132.1
edited by Ecaterina Valica
on 2009/03/18 13:10
on 2009/03/18 13:10
Change comment:
There is no comment for this version
To version 200.1
edited by Ecaterina Valica
on 2009/03/19 16:57
on 2009/03/19 16:57
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,80 +21,91 @@ 21 21 /* Search Filters*/ 22 22 .searchFilters{ 23 23 clear: both; 24 - margin-bottom:15px;27 + font-size: 90%; 25 25 } 26 26 #sortFilter{ 27 27 color: #808080; 28 - background-color: #e6e6e6; 29 29 padding: 5px; 32 + line-height: 16px; 30 30 } 31 -#sortFilter a{ 34 +#sortFilter a.sortType{ 32 32 color: #808080; 33 33 } 34 34 #sortFilter a:hover{ 35 - color: #777777; 36 - font-weight: bold; 38 + color: #4D4D4D; 37 37 } 38 38 #sortFilter a#currentSort{ 39 - color: # 777777;41 + 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; 47 + border-top: 1px solid #CCCCCC; 48 + padding: 5px 0px 5px 5px; 48 48 display: block; 50 + line-height: 22px; 49 49 } 50 50 .resultsNo{ 51 51 float: left; 52 52 } 53 53 .resultsNo .currentResultsNo, .resultsNo .totalResultsNo{ 54 - color: # 4D4D4D;56 + color: #808080; 55 55 } 56 56 .pagination{ 57 57 float: right; 60 + 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; 66 + color: #4D4D4D; 65 65 } 66 66 .pagination a.currentPagination{ 67 - color: # 777777;69 + color: #4D4D4D; 68 68 font-weight: bold; 69 69 } 70 -.pagination .controlPagination{} 71 71 .controlPagination{ 72 72 position:relative; 73 - width:4 4px;74 - height:2 6px;74 + width:41px; 75 + height:22px; 75 75 overflow:hidden; 76 76 margin:0!important; 77 77 padding:0!important; 78 - background-position:left top;79 + list-style:none; 79 79 background-image:url($xwiki.getSkinFile("navigation.png")); 81 + float: right; 80 80 } 81 -.controlPagination a.nextPagination { 82 - position:relative; 83 - width:44px; 84 - height:26px; 83 +.controlPagination li{ 84 + display:inline; 85 +} 86 +.controlPagination a{ 87 + position:absolute; 88 + top:0; 89 + left:0; 90 + text-indent:-1000em; 91 + height:25px; 92 + line-height:25px; 93 + outline:none; 85 85 overflow:hidden; 86 - margin:0!important; 87 - padding:0!important; 88 - background-position:right top; 89 - background-image:url($xwiki.getSkinFile("navigation.png")); 95 + border:none; 90 90 } 91 -/* Search Filters*/ 97 +a.prevPagination { 98 + width: 50%; 99 + z-index: 2; 100 +} 101 +a.nextPagination { 102 + width: 100%; 103 + z-index: 1; 104 +} 105 +/* Search Result List*/ 92 92 #searchResultsList{ 93 93 clear: both; 94 94 display: table; 109 + padding-top: 15px; 95 95 } 96 96 .resultItem{ 97 - margin-bottom: 15px; 98 98 display: block; 99 99 } 100 100 .resultItemContainer{ ... ... @@ -104,7 +104,7 @@ 104 104 .itemType{ 105 105 float: left; 106 106 display: inline-block; 107 - width: 2%;121 + width: 3%; 108 108 } 109 109 .itemType .typeComment{ 110 110 background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat; ... ... @@ -127,16 +127,24 @@ 127 127 .itemDescription{ 128 128 float: left; 129 129 display: inline-block; 130 - width: 8 3%;144 + width: 82%; 131 131 } 132 132 .itemDescription a{ 133 133 color: #5599ff; 134 134 } 135 -.itemTitle{ 149 +.itemDescription a:hover{ 150 + color: #5599ff; 151 +} 152 +.itemTitle a{ 136 136 color: #4d4d4d; 137 137 font-weight: bold; 138 138 font-size:130%; 139 139 } 157 +.itemTitle a:hover{ 158 + color: #4d4d4d; 159 + font-weight: bold; 160 + font-size:130%; 161 +} 140 140 .itemLocation{ 141 141 color: #808080; 142 142 font-size:90%; ... ... @@ -147,7 +147,10 @@ 147 147 font-size:90%; 148 148 } 149 149 .itemModifiers a.itemAuthor, .itemModifiers a.itemDate{} 150 -.itemContext{} 172 +.itemContext .highlight{ 173 + background-color: #f7ff94; 174 + padding: 0px 5px 0px 5px; 175 +} 151 151 .itemOthers{ 152 152 color: #808080; 153 153 font-size:80%; ... ... @@ -233,16 +233,17 @@ 233 233 display:block; 234 234 width:100%; 235 235 clear:both; 261 + padding: 0; 262 + margin: 0; 263 + margin-bottom: 15px; 264 + height: 1px; 236 236 } 237 237 .searchFooter{ 238 - margin-bottom: 15px; 239 239 display: block; 240 240 clear: both; 241 241 text-align: right; 270 + font-size: 90%; 242 242 } 243 -.searchFooter .pagination { 244 - width: 100%; 245 -} 246 246 .divClosure { 247 247 background-color: transparent; 248 248 clear: both;