Changes for page ListWebSearch
Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 84.1
edited by Ecaterina Valica
on 2009/03/17 15:17
on 2009/03/17 15:17
Change comment:
There is no comment for this version
To version 152.1
edited by Ecaterina Valica
on 2009/03/18 14:42
on 2009/03/18 14:42
Change comment:
There is no comment for this version
Summary
-
Objects (1 modified, 0 added, 0 removed)
Details
- XWiki.StyleSheetExtension[0]
-
- Code
-
... ... @@ -26,7 +26,6 @@ 26 26 #sortFilter{ 27 27 color: #808080; 28 28 background-color: #e6e6e6; 29 - border-bottom: 2px solid #b3b3b3; 30 30 padding: 5px; 31 31 } 32 32 #sortFilter a{ ... ... @@ -34,6 +34,7 @@ 34 34 } 35 35 #sortFilter a:hover{ 36 36 color: #777777; 36 + font-weight: bold; 37 37 } 38 38 #sortFilter a#currentSort{ 39 39 color: #777777; ... ... @@ -43,8 +43,10 @@ 43 43 color: #808080; 44 44 height: 100%; 45 45 background-color: #f2f2f2; 46 + border-top: 2px solid #b3b3b3; 46 46 padding: 5px; 47 47 display: block; 49 + 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; 59 + margin-right: 10px; 57 57 } 58 58 .pagination a{ 59 59 color: #808080; ... ... @@ -60,34 +60,88 @@ 60 60 } 61 61 .pagination a:hover{ 62 62 color: #777777; 66 + font-weight: bold; 63 63 } 64 64 .pagination a.currentPagination{ 65 65 color: #777777; 66 66 font-weight: bold; 67 67 } 68 -.pagination .controlPagination{} 72 +.controlPagination{ 73 + position:relative; 74 + width:41px; 75 + height:22px; 76 + overflow:hidden; 77 + margin:0!important; 78 + padding:0!important; 79 + list-style:none; 80 + background-image:url($xwiki.getSkinFile("navigation2.png")); 81 + float: right; 82 +} 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; 94 + overflow:hidden; 95 + border:none; 96 +} 97 +a.prevPagination { 98 + width: 50%; 99 + z-index: 2; 100 +} 101 +a.nextPagination { 102 + width: 100%; 103 + z-index: 1; 104 +} 69 69 /* Search Filters*/ 70 70 #searchResultsList{ 71 71 clear: both; 108 + display: table; 72 72 } 73 73 .resultItem{ 74 - margin-bottom:15px;111 + 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%;119 + display: inline-block; 120 + width: 3%; 85 85 } 122 +.itemType .typeComment{ 123 + background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat; 124 + display:inline-block; 125 + width:16px; 126 + height:16px; 127 +} 128 +.itemType .typeAttachment{ 129 + background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat; 130 + display:inline-block; 131 + width:16px; 132 + height:16px; 133 +} 134 +.itemType .typePage{ 135 + background:transparent; 136 + display:inline-block; 137 + width:16px; 138 + height:16px; 139 +} 86 86 .itemDescription{ 87 87 float: left; 88 - display: table-cell;89 - width: 8 0%;142 + display: inline-block; 143 + width: 82%; 90 90 } 145 +.itemDescription a{ 146 + color: #5599ff; 147 +} 91 91 .itemTitle{ 92 92 color: #4d4d4d; 93 93 font-weight: bold; ... ... @@ -113,42 +113,29 @@ 113 113 display:inline; 114 114 clear:none; 115 115 float:left; 173 + padding-right: 5px; 116 116 } 117 -.itemOthers a.itemComments, .itemOthers a.itemAttachments, .itemOthers .itemRating{} 118 -.itemRelevance{ 119 - float: left; 120 - display: table-cell; 121 - width: 15%; 122 - text-align: right; 175 +.itemOthers .itemComments a{ 176 + background:transparent url($xwiki.getSkinFile("comment.gif")) center right no-repeat; 177 + display:inline-block; 178 + padding-right:16px; 123 123 } 124 -.searchFooter{ 125 - margin-bottom: 15px; 126 - display: block; 127 - clear: both; 128 - text-align: right; 180 +.itemOthers .itemAttachments a{ 181 + background:transparent url($xwiki.getSkinFile("attach.gif")) center right no-repeat; 182 + display:inline-block; 183 + padding-right:16px; 129 129 } 130 -.searchFooter .pagination { 131 - width: 100%; 132 - background-color: #f2f2f2; 133 -} 134 -.divClosure 135 -{ 136 - background-color: transparent; 137 - clear: both; 138 - height: 1px; 139 - margin: 0 211px; 140 -} 141 -/* Item Rating*/ 142 -.star-rating{ 185 +.itemRating{ 143 143 position:relative; 144 144 width:55px; 145 145 height:11px; 146 146 overflow:hidden; 147 - margin:0!important;padding:0!important; 190 + margin:1px 0 0 0!important; 191 + padding:0!important; 148 148 background-position:left top; 149 149 background-image:url($xwiki.getSkinFile("rating.png")); 150 150 } 151 -. star-rating .current-rating{195 +.itemRating .currentRating{ 152 152 position:absolute; 153 153 top:0;left:0; 154 154 text-indent:-1000em; ... ... @@ -161,18 +161,25 @@ 161 161 z-index:1; 162 162 background-position:left center; 163 163 } 164 -/* Item Relevance*/ 165 -.relevance-rating{ 208 +.itemRelevance{ 209 + float: left; 210 + display: inline-block; 211 + width: 15%; 212 + text-align: right; 213 +} 214 +.relevance{ 166 166 position:relative; 167 167 width:48px; 168 168 height:8px; 169 169 overflow:hidden; 170 170 list-style:none; 171 - margin:0!important;padding:0!important; 220 + margin:5px 0 0 0!important; 221 + padding:0!important; 172 172 background-position:left bottom; 173 173 background-image:url($xwiki.getSkinFile("relevance.png")); 224 + float:right; 174 174 } 175 -.relevance -rating.current-rating{226 +.relevance .currentRelevance{ 176 176 position:absolute; 177 177 top:0;left:0; 178 178 text-indent:-1000em; ... ... @@ -185,3 +185,30 @@ 185 185 z-index:1; 186 186 background-position:left top; 187 187 } 239 +.relevanceText{ 240 + float: right; 241 + margin-right: 5px; 242 + color: #808080; 243 + font-size:80%; 244 +} 245 +.resultSeparator{ 246 + display:block; 247 + width:100%; 248 + clear:both; 249 + padding: 0; 250 + margin: 0; 251 + margin-bottom: 15px; 252 + height: 1px; 253 +} 254 +.searchFooter{ 255 + margin-bottom: 15px; 256 + display: block; 257 + clear: both; 258 + text-align: right; 259 +} 260 +.divClosure { 261 + background-color: transparent; 262 + clear: both; 263 + height: 1px; 264 + margin: 0 211px; 265 +}