Pridaný štýl stránkovača

static/alpha/scss/_pagination.scss

@@ -0,0 +1,25 @@
+.pagination {
+	text-align: center;
+
+	a {
+		text-decoration: none;
+		display: inline-block;
+		border: 1px solid $light-border-color;
+		padding: ($base-margin-reduced / 2) ($base-margin-reduced);
+		min-width: 1.25em;
+		&.prev:before { content: "\00AB "; }
+		&.next:after { content: " \00BB"; }
+		&:hover { color: $primary-color-complement; background: $primary-color; border-color: $primary-color; }
+	}
+
+	li {
+		display: inline;
+		list-style: none;
+		margin: 0;
+		padding: 0;
+
+		&.disabled a, &.disabled a:hover { color: $info-color; background: $body-color; cursor: default; border-color: $light-border-color; }
+		&.active a, &.active a:hover { color: $primary-color-complement; background: $primary-color; border-color: $primary-color; }
+		&.skip a { border: none; }
+	}
+}

static/alpha/scss/style.scss

@@ -6,6 +6,7 @@
 @import "alpha/scss/layout";
 @import "alpha/scss/base";
 @import "alpha/scss/components";
+@import "alpha/scss/pagination";
 @import "alpha/scss/forms";
 @import "alpha/scss/header";
 @import "alpha/scss/comments";

templates/paginator/paginator.html

@@ -7,7 +7,7 @@
 			{% if page %}
 			<li class="page {% if page_obj.number == page %}active{% endif %}"><a href="{{ pager_url(page) }}">{{ page }}</a></li>
 			{% else %}
-			<li class="disabled"><a href="#">...</a></li>
+			<li class="disabled skip"><a href="#">...</a></li>
 			{% endif %}
 		{% endfor %}
 		<li class="next{% if not page_obj.has_next() %} disabled{% endif %}"><a href="{% if page_obj.has_next() %}{{ pager_url(page_obj.next_page_number()) }}{% else %}#{% endif %}">&gt;</a></li>