szurubooru/public_html/media/css/paginator.css
Marcin Kurczewski 6e9a18c0ae Paginator: introducing "..." pseudo-pages
If delta between pages in paginator is greater than 2, it adds "..." inbetween.
If delta is equal to 2, it adds missing page link instead.

Examples:

    1,4,5 gets converted to 1,...,4,5
    1,3,4 gets converted to 1,2,3,4
2013-11-23 13:54:13 +01:00

39 lines
569 B
CSS

.paginator-wrapper {
text-align: center;
}
.paginator {
margin: 2em auto 0 auto;
padding: 0;
list-style-type: none;
}
.paginator li {
display: inline-block;
margin-right: 0.5em;
}
.paginator li a {
display: inline-block;
padding: 0.2em 0.5em;
background: #eee;
border: 1px solid silver;
color: black;
text-decoration: none;
}
.paginator li.active a {
color: red;
background: mistyrose;
border-color: red;
}
.paginator li.disabled a {
color: gray;
}
.paginator li a:focus,
.paginator li a:hover {
border: 1px solid firebrick;
background: pink;
}