Wednesday, December 8, 2010

Will paginate pagination style

Pagination using will paginate comes with div class "pagination"

Copy & paste the below code in css file, to make the pagination look a better.

.pagination {
padding:0.3em;
text-align:right;
}
.pagination a, .pagination span {
padding:0.2em 0.5em;
}
.pagination span.disabled {
color:#AAAAAA;
}
.pagination span.current {
color:#8FBF5D;
font-weight:bold;
}
.pagination a {
border:1px solid #DDDDDD;
color:#0063DC;
text-decoration:none;
}
.pagination a:hover, .pagination a:focus {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#0063DC none repeat scroll 0 0;
border-color:#003366;
color:white;
}
.pagination .page_info {
color:#AAAAAA;
padding-top:0.8em;
}
.pagination .prev_page, .pagination .next_page {
border-width:1px;
}

No comments: