keb/ginou
1
0
Fork 0
Code Issues 6 Pull Requests Releases Activity

Pagination design

Browse Source
This commit is contained in:
Théo Marchal 2021-02-14 11:17:16 +01:00
parent 708d4de228
commit 0b268b8654
3 changed files with 30 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
exposition.html
View File

@ -9,6 +9,7 @@
<link rel="shortcut icon" href="images/favicon.png"> <link rel="shortcut icon" href="images/favicon.png">
<link rel="stylesheet" href="styles/main.css" media="screen"> <link rel="stylesheet" href="styles/main.css" media="screen">
<link rel="stylesheet" href="styles/fancybox.css" media="screen"> <link rel="stylesheet" href="styles/fancybox.css" media="screen">
<link rel="stylesheet" href="styles/pagination.css" media="screen">
<script src="plugins/jquery-3.5.1.min.js"></script> <script src="plugins/jquery-3.5.1.min.js"></script>
<script src="scripts/menu.js"></script> <script src="scripts/menu.js"></script>
<link href="plugins/jquery.fancybox.min.css" rel="stylesheet"> <link href="plugins/jquery.fancybox.min.css" rel="stylesheet">

2
scripts/exposition.js
View File

@ -45,7 +45,7 @@ jQuery(document).ready(function($)
dataSource: paintingList, dataSource: paintingList,
pageSize: pageSize, pageSize: pageSize,
pageRange: null, pageRange: null,
className: 'paginationjs-theme-blue', className: 'paginationjs-theme-ginou',
callback: function (response, pagination) callback: function (response, pagination)
{ {
currentPage = pagination.pageNumber; currentPage = pagination.pageNumber;

28
styles/pagination.css Normal file
View File

@ -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;
}