Files
wordpress-theme-aksrt/assets/css/frontend/pages/empty-state.css
T

293 lines
5.3 KiB
CSS
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
/* Empty state */
.aksrt-forum__empty {
text-align: center;
padding: 48px 24px;
color: var(--color-ink-3, #999);
}
.aksrt-forum__empty i {
font-size: 48px;
margin-bottom: 16px;
opacity: 0.3;
}
.aksrt-forum-header {
text-align: left;
}
.aksrt-forum-header__content {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
justify-content: space-between;
gap: 20px;
width: min(1200px, calc(100% - 32px));
margin: 0 auto 20px;
}
.aksrt-forum-header__actions {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.aksrt-forum-header__action {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 16px;
border-radius: 999px;
border: 1px solid var(--color-line, #d9e2f2);
background: rgba(255, 255, 255, 0.78);
color: var(--color-ink);
text-decoration: none;
}
.aksrt-forum-header__action--primary {
border-color: var(--color-primary);
background: var(--color-primary);
color: #fff;
}
.aksrt-forum-header__stats {
flex-wrap: wrap;
}
.aksrt-forum-header__stat {
min-width: 92px;
}
.aksrt-forum-ops {
margin-bottom: 24px;
}
.aksrt-forum-ops__card {
padding: 20px;
background: var(--surface-1, #fff);
border: 1px solid var(--color-line, #e8e8e8);
border-radius: 12px;
}
.aksrt-forum-ops__list {
margin: 0;
padding-left: 18px;
color: var(--color-ink-2, #666);
line-height: 1.7;
}
.aksrt-forum-board-card__link {
display: flex;
gap: 12px;
width: 100%;
color: inherit;
text-decoration: none;
}
.aksrt-forum-board-card__head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.aksrt-forum-board-card__status {
display: inline-flex;
align-items: center;
padding: 2px 8px;
border-radius: 999px;
background: var(--surface-2, #f0f5ff);
color: var(--color-primary);
font-size: 11px;
}
.aksrt-forum-topic-row__title-wrap {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 6px;
margin-bottom: 4px;
}
.aksrt-forum-topic-row__badge {
display: inline-flex;
align-items: center;
padding: 2px 8px;
border-radius: 999px;
font-size: 11px;
font-weight: 600;
}
.aksrt-forum-topic-row__badge--sticky {
background: #e6f4ff;
color: #1677ff;
}
.aksrt-forum-topic-row__badge--featured {
background: #f6ffed;
color: #389e0d;
}
.aksrt-forum-topic-row__board {
color: var(--color-primary);
text-decoration: none;
}
.aksrt-forum-sidebar-card__empty {
margin: 0;
color: var(--color-ink-3, #999);
font-size: 13px;
}
.aksrt-forum-sidebar-card__item--stack {
display: block;
}
.aksrt-forum-sidebar-card__item--stack strong,
.aksrt-forum-sidebar-card__item--stack span {
display: block;
}
@media (max-width: 767px) {
.aksrt-forum-header__content {
width: calc(100% - 24px);
}
.aksrt-forum-header__actions {
width: 100%;
}
.aksrt-forum-header__action {
width: 100%;
justify-content: center;
}
}
/* ============================================================
* 文章归档(page-archives.php + [aksrt_archive] 短代码)
* Phase 10 视觉收口:此前 .aksrt-archives 无样式。
* ============================================================ */
.aksrt-archives__year {
font-size: 1.5rem;
font-weight: 700;
color: var(--color-ink);
margin: 28px 0 12px;
padding-bottom: 8px;
border-bottom: 2px solid var(--color-line);
}
.aksrt-archives__year:first-child {
margin-top: 0;
}
.aksrt-archives__month {
font-size: 0.95rem;
font-weight: 600;
color: var(--color-ink-3, #666);
margin: 16px 0 8px;
}
.aksrt-archives__list {
list-style: none;
margin: 0 0 8px;
padding: 0;
}
.aksrt-archives__item {
display: flex;
align-items: baseline;
gap: 12px;
padding: 6px 0;
border-bottom: 1px dashed var(--color-line);
}
.aksrt-archives__date {
flex-shrink: 0;
font-variant-numeric: tabular-nums;
font-size: 0.8125rem;
color: var(--color-ink-4, #999);
}
.aksrt-archives__link {
color: var(--color-ink);
text-decoration: none;
transition: color 0.15s ease;
}
.aksrt-archives__link:hover {
color: var(--color-primary);
}
.aksrt-archives--empty {
padding: 24px;
text-align: center;
color: var(--color-ink-4, #999);
}
/* ============================================================
* 个人资料卡短代码([aksrt_profile])
* ============================================================ */
.aksrt-profile-card {
display: flex;
gap: 14px;
align-items: flex-start;
padding: 16px;
border: 1px solid var(--color-line);
border-radius: var(--radius, 8px);
background: var(--surface-1, #fff);
}
.aksrt-profile-card--guest {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.aksrt-profile-card__avatar img {
width: 64px;
height: 64px;
border-radius: 50%;
object-fit: cover;
}
.aksrt-profile-card__body {
flex: 1;
min-width: 0;
}
.aksrt-profile-card__name {
font-size: 1rem;
font-weight: 600;
color: var(--color-ink);
text-decoration: none;
}
.aksrt-profile-card__name:hover {
color: var(--color-primary);
}
.aksrt-profile-card__bio {
margin: 4px 0 8px;
font-size: 0.8125rem;
color: var(--color-ink-3, #666);
line-height: 1.5;
}
.aksrt-profile-card__stats {
display: flex;
gap: 18px;
}
.aksrt-profile-card__stat {
display: flex;
flex-direction: column;
font-size: 0.75rem;
color: var(--color-ink-4, #999);
}
.aksrt-profile-card__stat strong {
font-size: 1.05rem;
color: var(--color-ink);
line-height: 1.2;
}