28 行
1023 B
CSS
28 行
1023 B
CSS
.page-link {
|
|
background: linear-gradient(to bottom, #57229c 0%, #6b4386 34%, #2d1a46 100%);
|
|
}
|
|
|
|
.page-link, .page-item .disabled {
|
|
text-align: center;
|
|
color: #fcfcfc;
|
|
padding: 8px 20px;
|
|
font-size: 28px;
|
|
border-bottom: solid 2px #cb81ea;
|
|
cursor: pointer;
|
|
transition: background 0.3s, color 0.3s;
|
|
margin: auto;
|
|
}
|
|
|
|
.page-link > a { color: #fcfcfc; }
|
|
|
|
.page-link > a:hover { text-decoration: none; }
|
|
|
|
.page-link:hover {
|
|
color: #fcfcfc;
|
|
background: linear-gradient(to bottom, #6c29b9 0%, #916ead 34%, #5d2b8b 100%);
|
|
}
|
|
|
|
.page-item.disabled > .page-link { color: #fcfcfc; background: linear-gradient(to bottom, #4d4d4d 0%, #727272 34%, #495051 100%); border-color: #b16cce; }
|
|
.page-item.active > .page-link { color: #fcfcfc; background: linear-gradient(to bottom, #b16cce 0%, #e4b4f8 34%, #9b59b6 100%); border-color: #b16cce; }
|
|
.page-item.active > .page-link:hover { color: #fcfcfc; background: linear-gradient(to bottom, #cb81ea 0%, #f1d0ff 34%, #d898f3 100%); }
|
|
.pagination { margin: auto; padding: 8px; } |