55 lines
1006 B
CSS
55 lines
1006 B
CSS
|
.paginationMain {
|
||
|
|
width: 100%;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: column;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.paginationMainInside {
|
||
|
|
width: 100%;
|
||
|
|
max-width: 500px;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
grid-gap: 10px;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.paginationMainInsideDivider {
|
||
|
|
width: 1px;
|
||
|
|
height: 35px;
|
||
|
|
background: rgba(0,0,0,0.1);
|
||
|
|
}
|
||
|
|
|
||
|
|
.paginationMainInsideNumbers {
|
||
|
|
flex-grow: 1;
|
||
|
|
overflow-x: auto;
|
||
|
|
overflow-y: hidden;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
grid-gap: 10px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.paginationMainInsideNumbers::-webkit-scrollbar {
|
||
|
|
display: none;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btnMain.paginationMainInsideNumbersBtn {
|
||
|
|
background: rgba(255,153,0,0);
|
||
|
|
color: rgba(0,0,0,0.5);
|
||
|
|
padding: 10px 20px;
|
||
|
|
line-height: 1.5;
|
||
|
|
}
|
||
|
|
|
||
|
|
.btnMain.paginationMainInsideNumbersBtn:hover {
|
||
|
|
background: #ff9900;
|
||
|
|
color: rgb(255,255,255);
|
||
|
|
}
|
||
|
|
|
||
|
|
.btnMain.paginationMainInsideNumbersBtn.paginationMainInsideNumbersBtnActive {
|
||
|
|
background: rgba(255,153,0,0.85);
|
||
|
|
color: rgb(255,255,255);
|
||
|
|
}
|
||
|
|
|