form { margin: 0 0 20px; } .pagination-centered { text-align: center; } .pagination { margin: 20px 0; } .pagination ul { border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); display: inline-block; margin-bottom: 0; margin-left: 0; } ul, ol { margin: 0 0 10px 25px; padding: 0; } .pagination ul > li { display: inline; } li { line-height: 20px; } .pagination ul > li:first-child > a, .pagination ul > li:first-child > span { border-bottom-left-radius: 4px; border-left-width: 1px; border-top-left-radius: 4px; } .pagination ul > li:last-child > a, .pagination ul > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } .pagination ul > li > a, .pagination ul > li > span { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: #fff; border-color: #ddd; border-image: none; border-style: solid; border-width: 1px 1px 1px 0; float: left; line-height: 20px; padding: 4px 12px; text-decoration: none; cursor:pointer; } .pagination ul > .active > a, .pagination ul > .active > span { color: #999; cursor: default; } .pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span { background-color: #f5f5f5; }