Changes for page ListWebSearch
Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 102.1
edited by Ecaterina Valica
on 2009/03/17 16:21
on 2009/03/17 16:21
Change comment:
There is no comment for this version
To version 170.1
edited by Ecaterina Valica
on 2009/03/19 15:51
on 2009/03/19 15:51
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" value="search..." size="50"/> 40 + #spaceselect($space $spaces $spacesText) <input class="button searchButton" 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
-
... ... @@ -14,6 +14,9 @@ 14 14 border: 1px solid #b3b3b3; 15 15 color: #4d4d4d; 16 16 } 17 +.searchButton{ 18 + border: none; 19 +} 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; 28 + font-size: 90%; 25 25 } 26 26 #sortFilter{ 27 27 color: #808080; 28 - background-color: #e6e6e6; 29 - border-bottom: 2px solid #b3b3b3; 32 + background-color: #F9F9F9; 30 30 padding: 5px; 34 + line-height: 16px; 31 31 } 32 -#sortFilter a{ 36 +#sortFilter a.sortType{ 33 33 color: #808080; 34 34 } 35 35 #sortFilter a:hover{ 36 36 color: #777777; 41 + 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; 50 + background-color: #F9F9F9; 51 + border-top: 1px solid #CCCCCC; 46 46 padding: 5px; 47 47 display: block; 54 + 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; 64 + 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; 71 + font-weight: bold; 63 63 } 64 64 .pagination a.currentPagination{ 65 65 color: #777777; 66 66 font-weight: bold; 67 67 } 68 -.pagination .controlPagination{} 77 +.controlPagination{ 78 + position:relative; 79 + width:41px; 80 + height:22px; 81 + overflow:hidden; 82 + margin:0!important; 83 + padding:0!important; 84 + list-style:none; 85 + background-image:url($xwiki.getSkinFile("navigation.png")); 86 + float: right; 87 +} 88 +.controlPagination li{ 89 + display:inline; 90 +} 91 +.controlPagination a{ 92 + position:absolute; 93 + top:0; 94 + left:0; 95 + text-indent:-1000em; 96 + height:25px; 97 + line-height:25px; 98 + outline:none; 99 + overflow:hidden; 100 + border:none; 101 +} 102 +a.prevPagination { 103 + width: 50%; 104 + z-index: 2; 105 +} 106 +a.nextPagination { 107 + width: 100%; 108 + z-index: 1; 109 +} 69 69 /* Search Filters*/ 70 70 #searchResultsList{ 71 71 clear: both; 113 + display: table; 72 72 } 73 73 .resultItem{ 74 - margin-bottom:15px;116 + 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%;124 + display: inline-block; 125 + width: 3%; 85 85 } 127 +.itemType .typeComment{ 128 + background:transparent url($xwiki.getSkinFile("comment.png")) center right no-repeat; 129 + display:inline-block; 130 + width:16px; 131 + height:16px; 132 +} 133 +.itemType .typeAttachment{ 134 + background:transparent url($xwiki.getSkinFile("attach.png")) center right no-repeat; 135 + display:inline-block; 136 + width:16px; 137 + height:16px; 138 +} 139 +.itemType .typePage{ 140 + background:transparent; 141 + display:inline-block; 142 + width:16px; 143 + height:16px; 144 +} 86 86 .itemDescription{ 87 87 float: left; 88 - display: table-cell;89 - width: 8 0%;147 + display: inline-block; 148 + width: 82%; 90 90 } 91 -.itemTitle{ 150 +.itemDescription a{ 151 + color: #5599ff; 152 +} 153 +.itemTitle a{ 92 92 color: #4d4d4d; 93 93 font-weight: bold; 94 94 font-size:130%; ... ... @@ -116,12 +116,12 @@ 116 116 padding-right: 5px; 117 117 } 118 118 .itemOthers .itemComments a{ 119 - background:transparent url($xwiki.getSkinFile(" attach.gif")) center right no-repeat;181 + background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat; 120 120 display:inline-block; 121 121 padding-right:16px; 122 122 } 123 123 .itemOthers .itemAttachments a{ 124 - background:transparent url($xwiki.getSkinFile(" comment.gif")) center right no-repeat;186 + background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat; 125 125 display:inline-block; 126 126 padding-right:16px; 127 127 } ... ... @@ -130,7 +130,8 @@ 130 130 width:55px; 131 131 height:11px; 132 132 overflow:hidden; 133 - margin:0!important;padding:0!important; 195 + margin:1px 0 0 0!important; 196 + padding:0!important; 134 134 background-position:left top; 135 135 background-image:url($xwiki.getSkinFile("rating.png")); 136 136 } ... ... @@ -149,7 +149,7 @@ 149 149 } 150 150 .itemRelevance{ 151 151 float: left; 152 - display: table-cell;215 + display: inline-block; 153 153 width: 15%; 154 154 text-align: right; 155 155 } ... ... @@ -159,7 +159,8 @@ 159 159 height:8px; 160 160 overflow:hidden; 161 161 list-style:none; 162 - margin:0!important;padding:0!important; 225 + margin:5px 0 0 0!important; 226 + padding:0!important; 163 163 background-position:left bottom; 164 164 background-image:url($xwiki.getSkinFile("relevance.png")); 165 165 float:right; ... ... @@ -177,16 +177,28 @@ 177 177 z-index:1; 178 178 background-position:left top; 179 179 } 244 +.relevanceText{ 245 + float: right; 246 + margin-right: 5px; 247 + color: #808080; 248 + font-size:80%; 249 +} 250 +.resultSeparator{ 251 + display:block; 252 + width:100%; 253 + clear:both; 254 + padding: 0; 255 + margin: 0; 256 + margin-bottom: 15px; 257 + height: 1px; 258 +} 180 180 .searchFooter{ 181 181 margin-bottom: 15px; 182 182 display: block; 183 183 clear: both; 184 184 text-align: right; 264 + font-size: 90%; 185 185 } 186 -.searchFooter .pagination { 187 - width: 100%; 188 - background-color: #f2f2f2; 189 -} 190 190 .divClosure { 191 191 background-color: transparent; 192 192 clear: both;