add pagination style
This commit is contained in:
parent
3d1a633b70
commit
4dfeb93202
3 changed files with 58 additions and 18 deletions
|
@ -35,6 +35,49 @@ p{
|
|||
|
||||
/* END - top cover part */
|
||||
|
||||
/* START - pagination */
|
||||
.center{
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.pagination{
|
||||
display: flex;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.pagination a{
|
||||
color: #337cf6;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.page-item{
|
||||
border: #80808050;
|
||||
border-style: solid;
|
||||
border-width: 0.5px;
|
||||
border-radius: 2%;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
|
||||
.page-link .page-item:hover{
|
||||
background-color: #eaecef;
|
||||
color: #2157ad;
|
||||
}
|
||||
|
||||
.page-item.active{
|
||||
background-color: #337cf6;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.page-item.disabled{
|
||||
color:rgb(108, 117, 125)
|
||||
}
|
||||
/* END - pagination */
|
||||
|
||||
.page{
|
||||
max-width: 1150px;
|
||||
margin: auto;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue