Files
wordpress-theme-aksrt/.tmp-shots/css/typography.css-9
T
2026-08-19 22:50:26 +08:00

213 lines
4.2 KiB
Plaintext

/**
* AKSRT Typography — 1:1 Zibll Alignment
*
* 对齐 zibll main.css 的排版系统
*/
/* ===== 全局标题 — 对齐 zibll line 8947 ===== */
h1, h2, h3, h4, h5, h6 {
font-weight: 700;
margin: 20px 0 10px;
color: var(--key-color, #333);
}
h1 { font-size: 22px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 15px; }
h6 { font-size: 14px; }
/* ===== 文章正文 — 对齐 zibll line 8740 ===== */
.wp-posts-content,
.entry-content,
.prose {
font-size: 16px;
line-height: 2;
color: var(--main-color, #4e5358);
min-height: 90px;
}
/* ===== 文章内标题 — 对齐 zibll line 8947 ===== */
.wp-posts-content h1,
.wp-posts-content h2,
.wp-posts-content h3,
.wp-posts-content h4,
.wp-posts-content h5,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.prose h1,
.prose h2,
.prose h3,
.prose h4,
.prose h5 {
font-weight: 700;
margin: 20px 0 10px;
color: var(--key-color, #333);
}
.wp-posts-content h1,
.entry-content h1,
.prose h1 { font-size: 22px; }
.wp-posts-content h2,
.entry-content h2,
.prose h2 { font-size: 20px; }
.wp-posts-content h3,
.entry-content h3,
.prose h3 { font-size: 18px; }
.wp-posts-content h4,
.entry-content h4,
.prose h4 { font-size: 16px; }
/* ===== 段落 — 对齐 zibll line 8999 ===== */
.wp-posts-content p,
.entry-content p,
.prose p {
margin: 0 0 20px;
word-wrap: break-word;
}
/* ===== 链接 — 对齐 zibll line 8836 ===== */
.wp-posts-content a,
.entry-content a,
.prose a {
color: var(--focus-color, #f04494);
text-decoration: none;
}
.wp-posts-content a:hover,
.entry-content a:hover,
.prose a:hover {
color: var(--focus-color, #f04494);
}
/* ===== 图片 — 对齐 zibll line 8850 ===== */
.wp-posts-content img,
.entry-content img,
.prose img {
max-width: 100%;
height: auto;
display: block;
margin: auto;
}
/* ===== 内联代码 — 对齐 zibll line 8844 ===== */
.wp-posts-content code:not(pre code),
.entry-content code:not(pre code),
.prose code:not(pre code) {
color: #ff3c98;
background: rgba(253, 153, 153, 0.2);
font-family: var(--font-mono, monospace);
font-size: 0.9em;
}
/* ===== 代码块 — 对齐 zibll ===== */
.wp-posts-content pre,
.entry-content pre,
.prose pre {
position: relative;
background: #282c34;
color: #abb2bf;
padding: 15px;
border-radius: var(--main-radius, 8px);
overflow-x: auto;
font-size: 14px;
line-height: 1.5;
margin: 0 0 20px;
}
.wp-posts-content pre code,
.entry-content pre code,
.prose pre code {
color: inherit;
background: none;
padding: 0;
font-size: inherit;
}
/* ===== 表格 — 对齐 zibll line 8897 ===== */
.wp-posts-content table,
.entry-content table,
.prose table {
font-size: 14px;
width: 100%;
border-collapse: collapse;
margin: 0 0 20px;
}
.wp-posts-content th,
.wp-posts-content td,
.entry-content th,
.entry-content td,
.prose th,
.prose td {
border: 1px solid var(--main-border-color, rgba(50, 50, 50, 0.06));
padding: 8px;
}
.wp-posts-content th,
.entry-content th,
.prose th {
background: var(--muted-border-color, rgba(0, 0, 0, 0.03));
font-weight: 700;
}
.wp-posts-content tr:hover,
.entry-content tr:hover,
.prose tr:hover {
background-color: rgba(240, 68, 148, 0.05);
}
/* ===== 列表 — 对齐 zibll line 8977 ===== */
.wp-posts-content ul,
.wp-posts-content ol,
.entry-content ul,
.entry-content ol,
.prose ul,
.prose ol {
margin: 10px 0 20px 15px;
padding-left: 15px;
}
.wp-posts-content li,
.entry-content li,
.prose li {
margin-bottom: 10px;
}
/* ===== 引用 — 对齐 zibll line 680 ===== */
.wp-posts-content blockquote,
.entry-content blockquote,
.prose blockquote {
padding: 15px 20px;
margin: 0 0 20px;
border-left: 4px solid var(--main-border-color, rgba(50, 50, 50, 0.06));
background: var(--muted-border-color, rgba(0, 0, 0, 0.03));
font-size: 16px;
color: var(--muted-color, #777);
border-radius: 0;
}
.wp-posts-content blockquote p:last-child,
.entry-content blockquote p:last-child,
.prose blockquote p:last-child {
margin-bottom: 0;
}
/* ===== 水平分割线 — 对齐 zibll line 676 ===== */
hr {
border-color: var(--main-border-color, rgba(50, 50, 50, 0.06));
}
/* ===== Strong / Bold ===== */
strong, b {
font-weight: 700;
}