38 lines
711 B
CSS
38 lines
711 B
CSS
/* 按钮(上一篇，下一篇)样式 */
|
|
.pagination {
|
|
padding: 20px;
|
|
max-width: 600px;
|
|
}
|
|
|
|
.arrow {
|
|
margin-right: 15px;
|
|
display: flex;
|
|
align-items: center;
|
|
background: #007BFF; /* 按钮背景颜色 */
|
|
border: none;
|
|
color: #FFF; /* 按钮文字颜色 */
|
|
padding: 5px 12px;
|
|
font-size: 20px;
|
|
border-radius: 5px;
|
|
transition: background-color 0.3s ease;
|
|
}
|
|
|
|
.arrow i {
|
|
margin: 0 5px;
|
|
}
|
|
|
|
.arrow:hover {
|
|
background-color: #0056b3; /* 按钮悬停时的背景颜色 */
|
|
cursor: pointer;
|
|
}
|
|
|
|
.arrow:focus {
|
|
outline: none;
|
|
box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.5);
|
|
}
|
|
|
|
/* 为首页时按钮(Pre Article)的背景颜色 */
|
|
.gray-background {
|
|
background-color: #6c757d !important;
|
|
}
|