62 lines
1.1 KiB
CSS
62 lines
1.1 KiB
CSS
|
.paginationMain {
|
||
|
|
width: 100%;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.paginationMainInside {
|
||
|
|
width: auto;
|
||
|
|
max-width: 500px;
|
||
|
|
height: 35px;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
grid-gap: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btnMain.paginationMainInsideBtn {
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.paginationMainInsideNumbers {
|
||
|
|
flex-grow: 1;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
grid-gap: 5px;
|
||
|
|
overflow-y: auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.paginationMainInsideNumbers::-webkit-scrollbar {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btnMain.paginationMainInsideNumbersBtn {
|
||
|
|
transition: ease 0.2s;
|
||
|
|
background: rgba(0,0,0,0);
|
||
|
|
color: #232323;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btnMain.paginationMainInsideNumbersBtn:hover {
|
||
|
|
color: #ffffff;
|
||
|
|
background: rgb(68,117,146);
|
||
|
|
}
|
||
|
|
|
||
|
|
.btnMain.paginationMainInsideNumbersBtn:active {
|
||
|
|
background: linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0.2)), linear-gradient(#4c82a3, #4c82a3);
|
||
|
|
}
|
||
|
|
|
||
|
|
.btnMain.paginationMainInsideNumbersBtn.paginationMainInsideNumbersBtnActive {
|
||
|
|
color: white;
|
||
|
|
background: #4b81a2;
|
||
|
|
}
|
||
|
|
|
||
|
|
.paginationMainInsideSplitter {
|
||
|
|
height: 75%;
|
||
|
|
width: 2px;
|
||
|
|
background: rgba(0,0,0,0.1);
|
||
|
|
}
|
||
|
|
|