Changes for page ListWebSearch
Last modified by Ecaterina Valica on 2010/07/22 10:30
From version 138.1
edited by Ecaterina Valica
on 2009/03/18 13:25
on 2009/03/18 13:25
Change comment:
There is no comment for this version
To version 176.1
edited by Ecaterina Valica
on 2009/03/19 15:58
on 2009/03/19 15:58
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,14 @@ 34 34 #end 35 35 <div id="search"> 36 36 <form action=""> 37 + <div id="searchBar"> 38 + <div>Enter the query you would like to search for:</div> 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"/> 40 + <input type="text" name="text" class="searchQuery" value="search..." size="50"/> 41 + #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} 44 + </div> 44 44 </form> 45 45 #includeInContext("XWiki.WebSearchCode") 46 46 #includeInContext("XWiki.ListResults")
- XWiki.StyleSheetExtension[0]
-
- Code
-
... ... @@ -4,16 +4,16 @@ 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; 11 11 clear: both; 12 12 } 13 -#searchBar input, #searchBar select {14 - border: 1px solid # b3b3b3;10 +#searchBar .searchQuery, #searchBar select { 11 + border: 1px solid #5599FF; 15 15 color: #4d4d4d; 16 16 } 14 +.searchButton{ 15 + border: none; 16 +} 17 17 .searchHelp{ 18 18 font-size: 80%; 19 19 color: #808080; ... ... @@ -22,13 +22,15 @@ 22 22 .searchFilters{ 23 23 clear: both; 24 24 margin-bottom: 15px; 25 + font-size: 90%; 25 25 } 26 26 #sortFilter{ 27 27 color: #808080; 28 - background-color: # e6e6e6;29 + background-color: #F9F9F9; 29 29 padding: 5px; 31 + line-height: 16px; 30 30 } 31 -#sortFilter a{ 33 +#sortFilter a.sortType{ 32 32 color: #808080; 33 33 } 34 34 #sortFilter a:hover{ ... ... @@ -42,10 +42,11 @@ 42 42 .paginationFilter { 43 43 color: #808080; 44 44 height: 100%; 45 - background-color: # f2f2f2;46 - border-top: 2px solid #b3b3b3;47 + background-color: #F9F9F9; 48 + border-top: 1px solid #CCCCCC; 47 47 padding: 5px; 48 48 display: block; 51 + line-height: 22px; 49 49 } 50 50 .resultsNo{ 51 51 float: left; ... ... @@ -55,6 +55,7 @@ 55 55 } 56 56 .pagination{ 57 57 float: right; 61 + margin-right: 10px; 58 58 } 59 59 .pagination a{ 60 60 color: #808080; ... ... @@ -67,27 +67,39 @@ 67 67 color: #777777; 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;76 + width:41px; 77 + height:22px; 75 75 overflow:hidden; 76 76 margin:0!important; 77 77 padding:0!important; 78 - background-position:left top;81 + list-style:none; 79 79 background-image:url($xwiki.getSkinFile("navigation.png")); 83 + float: right; 80 80 } 81 -.controlPagination a.nextPagination { 82 - position:relative; 83 - width:44px; 84 - height:26px; 85 +.controlPagination li{ 86 + display:inline; 87 +} 88 +.controlPagination a{ 89 + position:absolute; 90 + top:0; 91 + left:0; 92 + text-indent:-1000em; 93 + height:25px; 94 + line-height:25px; 95 + 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")); 97 + border:none; 90 90 } 99 +a.prevPagination { 100 + width: 50%; 101 + z-index: 2; 102 +} 103 +a.nextPagination { 104 + width: 100%; 105 + z-index: 1; 106 +} 91 91 /* Search Filters*/ 92 92 #searchResultsList{ 93 93 clear: both; ... ... @@ -106,13 +106,13 @@ 106 106 width: 3%; 107 107 } 108 108 .itemType .typeComment{ 109 - background:transparent url($xwiki.getSkinFile("comment.g if")) center right no-repeat;125 + background:transparent url($xwiki.getSkinFile("comment.png")) center right no-repeat; 110 110 display:inline-block; 111 111 width:16px; 112 112 height:16px; 113 113 } 114 114 .itemType .typeAttachment{ 115 - background:transparent url($xwiki.getSkinFile("attach.g if")) center right no-repeat;131 + background:transparent url($xwiki.getSkinFile("attach.png")) center right no-repeat; 116 116 display:inline-block; 117 117 width:16px; 118 118 height:16px; ... ... @@ -131,7 +131,7 @@ 131 131 .itemDescription a{ 132 132 color: #5599ff; 133 133 } 134 -.itemTitle{ 150 +.itemTitle a{ 135 135 color: #4d4d4d; 136 136 font-weight: bold; 137 137 font-size:130%; ... ... @@ -234,6 +234,7 @@ 234 234 clear:both; 235 235 padding: 0; 236 236 margin: 0; 253 + margin-bottom: 15px; 237 237 height: 1px; 238 238 } 239 239 .searchFooter{ ... ... @@ -241,10 +241,8 @@ 241 241 display: block; 242 242 clear: both; 243 243 text-align: right; 261 + font-size: 90%; 244 244 } 245 -.searchFooter .pagination { 246 - width: 100%; 247 -} 248 248 .divClosure { 249 249 background-color: transparent; 250 250 clear: both;