diff --git a/src/postorius/static/postorius/css/style.css b/src/postorius/static/postorius/css/style.css
index 29acf1b..c4bb03b 100755
--- a/src/postorius/static/postorius/css/style.css
+++ b/src/postorius/static/postorius/css/style.css
@@ -307,3 +307,19 @@
 .well .archival-options-form li {
     display: block;
 }
+
+
+/* Pagination */
+.pager .pager-content {
+    margin: 0 1em;
+}
+.pager .pager-content span {
+    border: none;
+    cursor: pointer;
+}
+.pager .pager-content form {
+    display: none;
+}
+.pager .pager-content form select {
+    width: 4em;
+}
diff --git a/src/postorius/static/postorius/js/script.js b/src/postorius/static/postorius/js/script.js
index e69de29..604c7ac 100755
--- a/src/postorius/static/postorius/js/script.js
+++ b/src/postorius/static/postorius/js/script.js
@@ -0,0 +1,35 @@
+/*
+ * Postorius
+ *
+ * Copyright (C) 1998-2015 by the Free Software Foundation, Inc.
+ *
+ * This file is part of Postorius.
+ *
+ * Postorius is free software: you can redistribute it and/or modify it under
+ * the terms of the GNU General Public License as published by the Free
+ * Software Foundation, either version 3 of the License, or (at your option)
+ * any later version.
+ *
+ * Postorius is distributed in the hope that it will be useful, but WITHOUT
+ * ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or
+ * FITNESS FOR A PARTICULAR PURPOSE.  See the GNU General Public License for
+ * more details.
+ *
+ * You should have received a copy of the GNU General Public License along with
+ * Postorius.  If not, see <http://www.gnu.org/licenses/>.
+ *
+ */
+
+
+$(function() {
+
+    /* Pagination */
+    $(".pager .pager-content span").click(function() {
+        $(this).hide();
+        $(this).next().css("display", "inline-block");
+    });
+    $(".pager .pager-content form select").change(function() {
+        $(this).closest("form").submit();
+    });
+
+});
diff --git a/src/postorius/templates/postorius/_pagination.html b/src/postorius/templates/postorius/_pagination.html
new file mode 100644
index 0000000..4b6192a
--- /dev/null
+++ b/src/postorius/templates/postorius/_pagination.html
@@ -0,0 +1,57 @@
+{% load url from future %}
+{% load i18n %}
+
+{% if page.paginator.num_pages > 1 %}
+    {% if page.paginator.num_pages > 10 %}
+    <ul class="pager">
+        {% if page.has_previous %}
+            <li><a href="?page={{ page.previous_page_number }}">&larr; {% trans 'Previous' %}</a></li>
+        {% else %}
+            <li class="disabled"><span>&larr; {% trans 'Previous' %}</span></li>
+        {% endif %}
+        <li class="pager-content">
+            <span>{% blocktrans with num=page.number total=page.paginator.num_pages %}Page {{ num }} of {{ total }}{% endblocktrans %}</span>
+            <form class="form-inline" action="" method="GET">
+            <label>
+                {% trans 'Jump to page:' %}
+                <select class="form-control" name="page">
+                {% for pagenum in page.paginator.page_range %}
+                    <option value="{{ pagenum }}"
+                        {% if page.number == pagenum %}selected{% endif %}>
+                        {{ pagenum }}
+                    </option>
+                {% endfor %}
+                </select>
+            </label>
+            </form>
+        </li>
+        {% if page.has_next %}
+            <li><a href="?page={{ page.next_page_number }}">{% trans 'Next' %} &rarr;</a></li>
+        {% else %}
+            <li class="disabled"><span>{% trans 'Next' %} &rarr;</span></li>
+        {% endif %}
+    </ul>
+    {% else %}
+    <div class="pagination pagination-centered">
+        <ul>
+        {% if page.has_previous %}
+            <li><a href="?page={{ page.previous_page_number }}">&laquo;</a></li>
+        {% else %}
+            <li class="disabled"><span>&laquo;</span></li>
+        {% endif %}
+            {% for pagenum in page.paginator.page_range %}
+                {% if page.number == pagenum %}
+                <li class="active"><span>{{ pagenum }}</span></li>
+                {% else %}
+                <li><a href="?page={{ pagenum }}">{{ pagenum }}</a></li>
+                {% endif %}
+            {% endfor %}
+        {% if page.has_next %}
+            <li><a href="?page={{ page.next_page_number }}">&raquo;</a></li>
+        {% else %}
+        <li class="disabled"><span>&raquo;</span></li>
+        {% endif %}
+        </ul>
+    </div>
+    {% endif %}
+{% endif %}
diff --git a/src/postorius/templates/postorius/base.html b/src/postorius/templates/postorius/base.html
index 80acfcc..c546c0b 100644
--- a/src/postorius/templates/postorius/base.html
+++ b/src/postorius/templates/postorius/base.html
@@ -65,5 +65,6 @@
 
     <script src="{% static 'postorius/js/libs/jquery-1.8.3.min.js' %}"></script>
     <script src="{% static 'postorius/js/libs/bootstrap.js' %}"></script>
+    <script src="{% static 'postorius/js/script.js' %}"></script>
     {% block additionaljs %}{% endblock %}
 </body>
diff --git a/src/postorius/templates/postorius/lists/index.html b/src/postorius/templates/postorius/lists/index.html
index fe8ab78..a4224e5 100644
--- a/src/postorius/templates/postorius/lists/index.html
+++ b/src/postorius/templates/postorius/lists/index.html
@@ -51,27 +51,7 @@
             <small>* {% trans 'Only admins see unadvertised lists in the list index.' %}</small>
         {% endif %}
 
-        <div class="pagination pagination-centered">
-          <ul>
-            {% if lists.has_previous %}
-            <li><a href="?page={{ lists.previous_page_number }}">&laquo;</a></li>
-            {% else %}
-            <li class="disabled"><span>&laquo;</span></li>
-            {% endif %}
-            {% for pagenum in lists.paginator.page_range %}
-                {% if lists.number == pagenum %}
-                <li class="active"><span>{{ pagenum }}</span></li>
-                {% else %}
-                <li><a href="?page={{ pagenum }}">{{ pagenum }}</a></li>
-                {% endif %}
-            {% endfor %}
-            {% if lists.has_next %}
-            <li><a href="?page={{ lists.next_page_number }}">&raquo;</a></li>
-            {% else %}
-            <li class="disabled"><span>&raquo;</span></li>
-            {% endif %}
-          </ul>
-        </div>
+        {% include 'postorius/_pagination.html' with page=lists %}
 
     {% else %}