mirror of
https://github.com/yeban8090/mp-preview.git
synced 2026-07-22 12:40:24 +00:00
98 lines
1.7 KiB
CSS
98 lines
1.7 KiB
CSS
/* ===== 预览区域 ===== */
|
|
.mp-preview-area {
|
|
padding: 10px 20px 20px 20px;
|
|
margin: 10px;
|
|
height: calc(100% - 180px);
|
|
overflow-y: auto;
|
|
background: #fcfcfc;
|
|
flex: 1;
|
|
border-radius: 12px;
|
|
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.02);
|
|
border: 1px solid rgba(82, 144, 220, 0.08);
|
|
}
|
|
|
|
/* 段落 */
|
|
.mp-content-section p {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/* 列表 */
|
|
.mp-content-section ul,ol {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
/* 链接样式 */
|
|
.mp-content-section a {
|
|
color: var(--text-accent);
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* 表格样式 */
|
|
.mp-content-section table {
|
|
border-collapse: collapse;
|
|
margin: 1em 0;
|
|
width: 100%;
|
|
}
|
|
|
|
.mp-content-section th,
|
|
.mp-content-section td {
|
|
border: 1px solid var(--background-modifier-border);
|
|
padding: 8px;
|
|
}
|
|
|
|
/* 分割线样式 */
|
|
.mp-content-section hr {
|
|
border: none;
|
|
border-top: 1px solid var(--background-modifier-border);
|
|
margin: 20px 0;
|
|
}
|
|
|
|
/* 删除线样式 */
|
|
.mp-content-section del {
|
|
text-decoration: line-through;
|
|
}
|
|
|
|
/* 任务列表样式 */
|
|
.mp-content-section .task-list-item {
|
|
list-style: none;
|
|
}
|
|
|
|
.mp-content-section .task-list-item input[type="checkbox"] {
|
|
margin-right: 6px;
|
|
}
|
|
|
|
/* 脚注样式 */
|
|
.mp-content-section .footnote-ref,
|
|
.mp-content-section .footnote-backref {
|
|
color: var(--text-accent);
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* 图片样式 */
|
|
.mp-content-section img {
|
|
max-width: 100%;
|
|
height: auto;
|
|
display: block;
|
|
margin: 1em auto;
|
|
}
|
|
|
|
/* 引用块样式 */
|
|
.mp-content-section blockquote p {
|
|
margin: 0;
|
|
padding: 0;
|
|
line-height: inherit;
|
|
}
|
|
|
|
|
|
|
|
.mp-empty-message {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 100%;
|
|
color: var(--text-muted);
|
|
font-size: 16px;
|
|
}
|
|
|