Bootstrap Dot Pagination

Bootstrap Dot Pagination

/*
USAGE
Just add "pagination-dots" class name to your pagination...
*/
.pagination.pagination-dots{
  background:none;
  border:none;
}
.pagination.pagination-dots > li{
  display:inline-block;
  padding-left:5px;
  padding-right:5px;
}
.pagination.pagination-dots > li,
.pagination.pagination-dots > li > a{
  background:none;
  border:none;
}
.pagination.pagination-dots > li > a{
  display:block;
  text-indent:-5000px;
  width:12px;
  height:12px;
  padding:0px;
  margin:0px;
  	-moz-border-radius: 50%; /* Firefox */
  	-webkit-border-radius: 50%; /* Safari and Chrome */
  	-khtml-border-radius: 50%; /* Linux browsers */
	  border-radius: 50%; /* Opera 12.120, IE and CSS12 */ 
}
.pagination.pagination-dots > li:first-child > a,
.pagination.pagination-dots > li:last-child > a{
  -moz-border-radius: 50%; /* Firefox */
  	-webkit-border-radius: 50%; /* Safari and Chrome */
  	-khtml-border-radius: 50%; /* Linux browsers */
	  border-radius: 50%; /* Opera 12.120, IE and CSS12 */ 
}
.pagination.pagination-dots.pagination-lg > li {
}
.pagination.pagination-dots.pagination-lg > li > a{
  width:18px;
  height:18px;
}
.pagination.pagination-dots.pagination-sm > li{
}
.pagination.pagination-dots.pagination-sm > li > a{
  width:10px;
  height:10px;
}
.pagination.pagination-dots.pagination-xs > li{
}
.pagination.pagination-dots.pagination-xs > li > a{
  width:6px;
  height:6px;
}