Changes for page ListWebSearch
Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 103.1
edited by Ecaterina Valica
on 2009/03/17 16:24
on 2009/03/17 16:24
Change comment:
There is no comment for this version
To version 159.1
edited by Ecaterina Valica
on 2009/03/19 15:19
on 2009/03/19 15:19
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
-
... ... @@ -36,7 +36,7 @@ 36 36 <form action=""> 37 37 {pre} 38 38 <div id="searchBar"> 39 - <input type="text" name="text" value=" $xwiki.getFormEncoded($!text)" size="50"/>39 + <input type="text" name="text" value="Search..." size="50"/> 40 40 #spaceselect($space $spaces $spacesText) <input type="submit" value="Search"/> 41 41 <div class="searchHelp">eq. xwiki* AND "search query"</div> 42 42 </div>
- XWiki.StyleSheetExtension[0]
-
- Code
-
... ... @@ -25,15 +25,16 @@ 25 25 } 26 26 #sortFilter{ 27 27 color: #808080; 28 - background-color: #e6e6e6; 29 - border-bottom: 2px solid #b3b3b3; 28 + background-color: #F9F9F9; 30 30 padding: 5px; 30 + line-height: 22px; 31 31 } 32 -#sortFilter a{ 32 +#sortFilter a.sortType{ 33 33 color: #808080; 34 34 } 35 35 #sortFilter a:hover{ 36 36 color: #777777; 37 + 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; 46 + background-color: #F9F9F9; 47 + border-top: 1px solid #CCCCCC; 46 46 padding: 5px; 47 47 display: block; 50 + 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; 60 + margin-right: 10px; 57 57 } 58 58 .pagination a{ 59 59 color: #808080; ... ... @@ -60,39 +60,88 @@ 60 60 } 61 61 .pagination a:hover{ 62 62 color: #777777; 67 + font-weight: bold; 63 63 } 64 64 .pagination a.currentPagination{ 65 65 color: #777777; 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; 72 72 } 73 73 .resultItem{ 74 - margin-bottom:15px;112 + 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%;120 + display: inline-block; 121 + width: 3%; 85 85 } 86 -.itemType . comment{87 - background:transparent url($xwiki.getSkinFile(" attach.gif")) center right no-repeat;123 +.itemType .typeComment{ 124 + background:transparent url($xwiki.getSkinFile("comment.png")) center right no-repeat; 88 88 display:inline-block; 89 - padding-right:16px; 126 + width:16px; 127 + height:16px; 90 90 } 129 +.itemType .typeAttachment{ 130 + background:transparent url($xwiki.getSkinFile("attach.png")) center right no-repeat; 131 + display:inline-block; 132 + width:16px; 133 + height:16px; 134 +} 135 +.itemType .typePage{ 136 + background:transparent; 137 + display:inline-block; 138 + width:16px; 139 + height:16px; 140 +} 91 91 .itemDescription{ 92 92 float: left; 93 - display: table-cell;94 - width: 8 0%;143 + display: inline-block; 144 + width: 82%; 95 95 } 146 +.itemDescription a{ 147 + color: #5599ff; 148 +} 96 96 .itemTitle{ 97 97 color: #4d4d4d; 98 98 font-weight: bold; ... ... @@ -121,12 +121,12 @@ 121 121 padding-right: 5px; 122 122 } 123 123 .itemOthers .itemComments a{ 124 - background:transparent url($xwiki.getSkinFile(" attach.gif")) center right no-repeat;177 + background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat; 125 125 display:inline-block; 126 126 padding-right:16px; 127 127 } 128 128 .itemOthers .itemAttachments a{ 129 - background:transparent url($xwiki.getSkinFile(" comment.gif")) center right no-repeat;182 + background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat; 130 130 display:inline-block; 131 131 padding-right:16px; 132 132 } ... ... @@ -135,7 +135,8 @@ 135 135 width:55px; 136 136 height:11px; 137 137 overflow:hidden; 138 - margin:0!important;padding:0!important; 191 + margin:1px 0 0 0!important; 192 + padding:0!important; 139 139 background-position:left top; 140 140 background-image:url($xwiki.getSkinFile("rating.png")); 141 141 } ... ... @@ -154,7 +154,7 @@ 154 154 } 155 155 .itemRelevance{ 156 156 float: left; 157 - display: table-cell;211 + display: inline-block; 158 158 width: 15%; 159 159 text-align: right; 160 160 } ... ... @@ -164,7 +164,8 @@ 164 164 height:8px; 165 165 overflow:hidden; 166 166 list-style:none; 167 - margin:0!important;padding:0!important; 221 + margin:5px 0 0 0!important; 222 + padding:0!important; 168 168 background-position:left bottom; 169 169 background-image:url($xwiki.getSkinFile("relevance.png")); 170 170 float:right; ... ... @@ -182,6 +182,21 @@ 182 182 z-index:1; 183 183 background-position:left top; 184 184 } 240 +.relevanceText{ 241 + float: right; 242 + margin-right: 5px; 243 + color: #808080; 244 + font-size:80%; 245 +} 246 +.resultSeparator{ 247 + display:block; 248 + width:100%; 249 + clear:both; 250 + padding: 0; 251 + margin: 0; 252 + margin-bottom: 15px; 253 + height: 1px; 254 +} 185 185 .searchFooter{ 186 186 margin-bottom: 15px; 187 187 display: block; ... ... @@ -188,10 +188,6 @@ 188 188 clear: both; 189 189 text-align: right; 190 190 } 191 -.searchFooter .pagination { 192 - width: 100%; 193 - background-color: #f2f2f2; 194 -} 195 195 .divClosure { 196 196 background-color: transparent; 197 197 clear: both;