tonyair/silverstripe-simple
1
0
Fork 0
mirror of https://github.com/silverstripe/silverstripe-simple synced 2024-10-22 11:05:50 +02:00
Code Issues Projects Releases Wiki Activity

ENHANCEMENT:fixed search results styling and added styling for the results pagination

Browse Source
This commit is contained in:
Jeremy Bridson 2012-04-10 10:45:25 +12:00
parent 2158f384bb
commit 55566cf9f5
2 changed files with 27 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
css/layout.css
View File

@ -20,7 +20,7 @@ a.btn:hover{background:#d80000; color:#fff;}
.content-container h3{font-size:21px; margin-bottom:10px; padding-top:10px;} .content-container h3{font-size:21px; margin-bottom:10px; padding-top:10px;}
.content a{border-bottom:1px dashed #b80000;} .content a{border-bottom:1px dashed #b80000;}
.brand{float:left; display:block;} .brand{float:left; display:inline-block;}
.brand h1{margin:0; padding:0; font-size:50px; font-family: "HelveticaNeueLTPro-Bd", "Helvetica Neue LT Pro Bold", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue LT Pro", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#fff; font-weight:600; font-stretch:normal; line-height:1em;} .brand h1{margin:0; padding:0; font-size:50px; font-family: "HelveticaNeueLTPro-Bd", "Helvetica Neue LT Pro Bold", "HelveticaNeueBold", "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue LT Pro", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#fff; font-weight:600; font-stretch:normal; line-height:1em;}
.brand, .brand:hover{color:#fff;} .brand, .brand:hover{color:#fff;}
@ -95,19 +95,24 @@ aside{float:left; width:20%; margin-top:17px;}
/* Search Results */ /* Search Results */
.searchResults h1 { font-size:36px; margin-bottom:15px;} .searchResults h1 { font-size:36px; margin-bottom:15px;}
.searchResults p.searchQuery {color:#333; margin-bottom:10px;} .searchResults p.searchQuery {color:#333; margin-bottom:10px;}
.searchResults ul#SearchResults {padding-left:20px;} .searchResults ul#SearchResults {padding:0px;}
.searchResults ul#SearchResults li {margin-bottom:20px; list-style-type:none;} .searchResults ul#SearchResults li {border-top:1px solid #e5e5e5; padding:20px 0 0 20px; margin-bottom:20px; list-style-type:none;}
.searchResults ul#SearchResults p {font-size:1.1em; font-weight:normal; line-height:2em;} .searchResults ul#SearchResults p {font-size:1.1em; font-weight:normal; line-height:2em;}
.searchResults ul#SearchResults a.searchResultHeader {font-size:1.3em; font-weight:bold; text-decoration:none; margin:20px 0 8px 0;} .searchResults ul#SearchResults a.searchResultHeader {font-size:1.3em; font-weight:bold; text-decoration:none; margin:20px 0 8px 0;}
.searchResults ul#SearchResults a {text-decoration:none;} .searchResults ul#SearchResults a {text-decoration:none;}
.searchResults #PageNumbers {border-top:1px solid #e5e5e5;padding-top:20px;}
.searchResults #PageNumbers .pagination {float:left;}
.searchResults #PageNumbers p {float:right;}
.searchResults #PageNumbers .next {margin-left:20px;}
.searchResults #PageNumbers .prev {margin-right:20px;}
/* Footer */
.footer{color:#999; background:#ededed; padding:20px 0; font-size:11px; line-height:22px;} .footer{color:#999; background:#ededed; padding:20px 0; font-size:11px; line-height:22px;}
.footer a{color:#999;} .footer a{color:#999;}
.footer .left{float:left; color:#000; display:block;} .footer .left{float:left; color:#000; display:block; margin-bottom:20px;}
.footer .right{float:right; display:block;} .footer .right{float:right; display:block;}
.footer span{padding:0 3px; color:#bbb;} .footer span{padding:0 3px; color:#bbb;}
.footer .primary, .footer .primary ul{display:inline; margin:0; padding:0;} .footer .primary, .footer .primary ul{display:inline; margin:0; padding:0;}

32
templates/Layout/Page_results.ss
View File

@ -27,21 +27,23 @@
<% if Results.MoreThanOnePage %> <% if Results.MoreThanOnePage %>
<div id="PageNumbers"> <div id="PageNumbers">
<% if Results.NotLastPage %> <div class="pagination">
<a class="next" href="$Results.NextLink" title="View the next page">Next</a> <% if Results.NotFirstPage %>
<% end_if %> <a class="prev" href="$Results.PrevLink" title="View the previous page">←</a>
<% if Results.NotFirstPage %> <% end_if %>
<a class="prev" href="$Results.PrevLink" title="View the previous page">Prev</a> <span>
<% end_if %> <% control Results.Pages %>
<span> <% if CurrentBool %>
<% control Results.Pages %> $PageNum
<% if CurrentBool %> <% else %>
$PageNum <a href="$Link" title="View page number $PageNum" class="go-to-page">$PageNum</a>
<% else %> <% end_if %>
<a href="$Link" title="View page number $PageNum">$PageNum</a> <% end_control %>
<% end_if %> </span>
<% end_control %> <% if Results.NotLastPage %>
</span> <a class="next" href="$Results.NextLink" title="View the next page">→</a>
<% end_if %>
</div>
<p>Page $Results.CurrentPage of $Results.TotalPages</p> <p>Page $Results.CurrentPage of $Results.TotalPages</p>
</div> </div>
<% end_if %> <% end_if %>