diff --git a/exposition.html b/exposition.html
index b687518..ac1b107 100644
--- a/exposition.html
+++ b/exposition.html
@@ -9,6 +9,7 @@
+
diff --git a/scripts/exposition.js b/scripts/exposition.js
index 95f3731..caec13e 100644
--- a/scripts/exposition.js
+++ b/scripts/exposition.js
@@ -45,7 +45,7 @@ jQuery(document).ready(function($)
dataSource: paintingList,
pageSize: pageSize,
pageRange: null,
- className: 'paginationjs-theme-blue',
+ className: 'paginationjs-theme-ginou',
callback: function (response, pagination)
{
currentPage = pagination.pageNumber;
diff --git a/styles/pagination.css b/styles/pagination.css
new file mode 100644
index 0000000..67c9f4b
--- /dev/null
+++ b/styles/pagination.css
@@ -0,0 +1,28 @@
+.paginationjs.paginationjs-theme-ginou {
+ font-family:'Commissioner', Helvetica;
+ font-size:1rem;
+ line-height:0.2rem;
+}
+
+.paginationjs.paginationjs-theme-ginou .paginationjs-go-input > input[type="text"], .paginationjs.paginationjs-theme-ginou .paginationjs-pages li {
+ border-color:#187795;
+}
+
+.paginationjs.paginationjs-theme-ginou .paginationjs-pages li > a:hover {
+ background:#D0E4E9;
+}
+
+.paginationjs.paginationjs-theme-ginou .paginationjs-pages li.active > a {
+ background:#187795;
+ color:#D0E4E9;
+ line-height:1.7rem;
+}
+
+.paginationjs.paginationjs-theme-ginou .paginationjs-pages li > a {
+ color:#187795;
+ line-height:1.7rem;
+}
+
+.paginationjs.paginationjs-theme-ginou .paginationjs-pages li.disabled > a:hover {
+ background:0 0;
+}
\ No newline at end of file