// // Pagination (multiple pages) // ————————————————–

$paginationBackground: $grayLight; $paginationBorder: $gray; $paginationActiveBackground: $concerto-blue-5; $baseBorderRadius: 3px;

// Space out pagination from surrounding content .pagination {

margin-bottom: $baseLineHeight;

} .pagination > span {

line-height: 2em;
color: $grayLight;

} .header-with-icon .pagination {

margin: 0px;

}

.pagination ul {

// Allow for text-based alignment
display: inline-block;
@include ie7-inline-block();
// Reset default ul styles
margin-left: 0;
margin-bottom: 0;

} .pagination ul > li {

display: inline; // Remove list-style and block-level defaults

} .pagination ul > li > a, .pagination ul > li > span {

// float: left; // Collapse white-space - commented out because it was causing unnecessary wrapping
padding: 4px 12px 2px 12px;
line-height: $baseLineHeight;
text-decoration: none;

} .pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span {

background-color: $paginationActiveBackground;
border-bottom: solid 3px $paginationActiveBackground;

} .pagination ul > .active > a, .pagination ul > .active > span {

cursor: default;

} .pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus {

color: $black;
font-weight: bold;
background-color: transparent;
cursor: default;
border-bottom: solid 3px $concerto-blue-4;

} .pagination ul > .next > a, .pagination ul > .last > a {

border: none;
background: none;

}