12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364 |
- //
- // Pagination (multiple pages)
- // --------------------------------------------------
- .pagination {
- height: @baseLineHeight * 2;
- margin: @baseLineHeight 0;
- }
- .pagination ul {
- display: inline-block;
- .ie7-inline-block();
- margin-left: 0;
- margin-bottom: 0;
- .border-radius(3px);
- .box-shadow(0 1px 2px rgba(0,0,0,.05));
- }
- .pagination ul > li {
- display: inline;
- }
- .pagination ul > li > a,
- .pagination ul > li > span {
- float: left;
- padding: 0 14px;
- line-height: (@baseLineHeight * 2) - 2;
- text-decoration: none;
- background-color: @paginationBackground;
- border: 1px solid @paginationBorder;
- border-left-width: 0;
- }
- .pagination ul > li > a:hover,
- .pagination ul > .active > a,
- .pagination ul > .active > span {
- background-color: #f5f5f5;
- }
- .pagination ul > .active > a,
- .pagination ul > .active > span {
- color: @grayLight;
- cursor: default;
- }
- .pagination ul > .disabled > span,
- .pagination ul > .disabled > a,
- .pagination ul > .disabled > a:hover {
- color: @grayLight;
- background-color: transparent;
- cursor: default;
- }
- .pagination ul > li:first-child > a,
- .pagination ul > li:first-child > span {
- border-left-width: 1px;
- .border-radius(3px 0 0 3px);
- }
- .pagination ul > li:last-child > a,
- .pagination ul > li:last-child > span {
- .border-radius(0 3px 3px 0);
- }
- // Centered
- .pagination-centered {
- text-align: center;
- }
- .pagination-right {
- text-align: right;
- }
|