/* -------- calendar ------ */
.calendartop,
.calendar {
width: 100%;
text-align: center;
}
.calendartop {
line-height: 1.6;
}
.calendar {
line-height: 2;
}
.calendartop tbody tr:first-child td a {
padding: .25em .65em;
}
.calendar tbody tr:first-child td {
background-color: var(--color-text-1-light);
}
.calendar tbody tr:first-child td:first-child {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.calendar tbody tr:first-child td:last-child {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.calendar .day,
.calendar td a {
position: relative;
color: var(--color-theme-light);
}
.calendar td a {
text-decoration: underline;
}
.calendar .day::after,
.calendar td a:hover::after {
content: '';
display: block;
width: 24px;
height: 24px;
position: absolute;
left: calc(50% - 12px);
top: calc(50% - 12px);
border: 1px solid var(--color-theme-light);
border-radius: 100%;
}
/* Captcha styles */
.captcha-container {
display: flex;
align-items: center;
gap: 1rem;
}
.captcha {
width: 6rem;
height: 2.4rem;
border-radius: 0.375rem;
border: 1px solid #d1d5db;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.captcha_input {
width: 8rem;
padding: 0.5rem 0.75rem;
border: 1px solid #d1d5db;
border-radius: 0.375rem;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
font-size: 0.875rem;
outline: none;
transition: border-color 0.2s, box-shadow 0.2s;
}
.captcha_input:focus {
border-color: #3b82f6;
box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5);
}
.icon-eye {
display: inline-block;
width: 1.2em;
height: 1.2em;
background: no-repeat center/contain;
background-image: url('data:image/svg+xml;utf8,');
}
.icon-comment {
display: inline-block;
width: 1.2em;
height: 1.2em;
background: no-repeat center/contain;
background-image: url('data:image/svg+xml;utf8,');
}
.icon-like {
display: inline-block;
width: 1.2em;
height: 1.2em;
background: no-repeat center/contain;
background-image: url('data:image/svg+xml;utf8,');
}