Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Bootstrap v3 style for jquery.simplePagination.js plugin
.simple-pagination {
display: inline-block;
padding-left: 0;
margin-top: 1rem;
margin-bottom: 1rem;
border-radius: .25rem;
}
.simple-pagination li {
display: inline;
}
.simple-pagination .page-link,
.simple-pagination .ellipse,
.simple-pagination .current {
display: inline-block;
position: relative;
float: left;
padding: .5rem .75rem;
margin-left: -1px;
color: #0275d8;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}
.simple-pagination li:first-child .page-link {
margin-left: 0;
border-bottom-left-radius: .25rem;
border-top-left-radius: .25rem;
}
.simple-pagination li:last-child .page-link {
border-bottom-right-radius: .2rem;
border-top-right-radius: .2rem;
}
.simple-pagination li.active .page-link,
.simple-pagination li.active .page-link:focus,
.simple-pagination li.active .page-link:hover,
.simple-pagination li.active .current,
.simple-pagination li.active .current:focus,
.simple-pagination li.active .current:hover {
z-index: 2;
color: #fff;
cursor: default;
background-color: #0275d8;
border-color: #0275d8;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment