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