329 lines
6.4 KiB
CSS
329 lines
6.4 KiB
CSS
/* @theme university-blue */
|
||
|
||
/*
|
||
* 学校定制主题 —— 以经典学术蓝为基调
|
||
* 适用于：学术报告、论文答辩、课程讲义
|
||
* 灵感来源：favourhong/Awesome-Marp、zhaoluting/marp-themes
|
||
*
|
||
* 使用方法：
|
||
* 1. 将此文件放入 Obsidian vault 的 MarpTheme/ 目录
|
||
* 2. 重启 Obsidian
|
||
* 3. 在幻灯片 front-matter 中写 theme: university-blue
|
||
*/
|
||
|
||
@import 'default';
|
||
|
||
/* ========== 颜色变量 ========== */
|
||
:root {
|
||
--color-primary: #003366; /* 主色：深学术蓝 */
|
||
--color-secondary: #1a6fb5; /* 辅助色：中蓝 */
|
||
--color-accent: #c8102e; /* 强调色：学术红 */
|
||
--color-bg: #ffffff; /* 背景色 */
|
||
--color-text: #2c2c2c; /* 正文色 */
|
||
--color-light: #f0f4f8; /* 浅色背景 */
|
||
--color-border: #d0dbe8; /* 边框色 */
|
||
--color-muted: #6b7b8d; /* 次要文字 */
|
||
--font-title: 'Georgia', 'Noto Serif SC', '宋体', serif;
|
||
--font-body: 'Segoe UI', 'Noto Sans SC', '微软雅黑', sans-serif;
|
||
--font-code: 'Cascadia Code', 'Fira Code', 'Consolas', monospace;
|
||
}
|
||
|
||
/* ========== 全局 ========== */
|
||
section {
|
||
font-family: var(--font-body);
|
||
font-size: 26px;
|
||
color: var(--color-text);
|
||
background-color: var(--color-bg);
|
||
line-height: 1.6;
|
||
padding: 40px 60px;
|
||
}
|
||
|
||
/* ========== 标题 ========== */
|
||
h1 {
|
||
font-family: var(--font-title);
|
||
font-size: 48px;
|
||
color: var(--color-primary);
|
||
border-bottom: 3px solid var(--color-secondary);
|
||
padding-bottom: 15px;
|
||
margin-bottom: 30px;
|
||
}
|
||
|
||
h2 {
|
||
font-family: var(--font-title);
|
||
font-size: 36px;
|
||
color: var(--color-primary);
|
||
margin-top: 10px;
|
||
}
|
||
|
||
h3 {
|
||
font-family: var(--font-title);
|
||
font-size: 30px;
|
||
color: var(--color-secondary);
|
||
}
|
||
|
||
h4, h5, h6 {
|
||
font-family: var(--font-title);
|
||
color: var(--color-secondary);
|
||
}
|
||
|
||
/* ========== 列表 ========== */
|
||
ul, ol {
|
||
padding-left: 30px;
|
||
line-height: 1.8;
|
||
}
|
||
|
||
ul li::marker {
|
||
color: var(--color-secondary);
|
||
}
|
||
|
||
ol li::marker {
|
||
color: var(--color-secondary);
|
||
font-weight: bold;
|
||
}
|
||
|
||
/* ========== 引用 ========== */
|
||
blockquote {
|
||
border-left: 5px solid var(--color-secondary);
|
||
background-color: var(--color-light);
|
||
padding: 15px 25px;
|
||
margin: 20px 0;
|
||
border-radius: 0 8px 8px 0;
|
||
font-size: 0.9em;
|
||
}
|
||
|
||
blockquote p {
|
||
margin: 0;
|
||
}
|
||
|
||
/* ========== 代码 ========== */
|
||
code {
|
||
font-family: var(--font-code);
|
||
background-color: #e8eef4;
|
||
color: var(--color-primary);
|
||
padding: 2px 6px;
|
||
border-radius: 3px;
|
||
font-size: 0.85em;
|
||
}
|
||
|
||
pre {
|
||
background-color: #1e293b;
|
||
color: #e2e8f0;
|
||
border-radius: 8px;
|
||
padding: 25px;
|
||
font-size: 0.78em;
|
||
line-height: 1.5;
|
||
border-left: 4px solid var(--color-secondary);
|
||
}
|
||
|
||
pre code {
|
||
background: none;
|
||
color: inherit;
|
||
padding: 0;
|
||
font-size: 1em;
|
||
}
|
||
|
||
/* ========== 表格 ========== */
|
||
table {
|
||
border-collapse: collapse;
|
||
margin: 20px auto;
|
||
font-size: 0.85em;
|
||
}
|
||
|
||
th {
|
||
background-color: var(--color-primary);
|
||
color: white;
|
||
padding: 12px 20px;
|
||
text-align: center;
|
||
font-weight: bold;
|
||
}
|
||
|
||
td {
|
||
padding: 10px 20px;
|
||
border-bottom: 1px solid var(--color-border);
|
||
}
|
||
|
||
table tr:nth-child(even) {
|
||
background-color: var(--color-light);
|
||
}
|
||
|
||
/* ========== 图片 ========== */
|
||
img {
|
||
max-width: 90%;
|
||
border-radius: 6px;
|
||
margin: 10px auto;
|
||
display: block;
|
||
}
|
||
|
||
/* ========== 链接 ========== */
|
||
a {
|
||
color: var(--color-secondary);
|
||
text-decoration: none;
|
||
border-bottom: 1px dashed var(--color-secondary);
|
||
}
|
||
|
||
a:hover {
|
||
color: var(--color-accent);
|
||
}
|
||
|
||
/* ========== 强调 ========== */
|
||
strong {
|
||
color: var(--color-primary);
|
||
font-weight: 700;
|
||
}
|
||
|
||
/* ========== 页码 ========== */
|
||
section::after {
|
||
font-size: 14px;
|
||
color: var(--color-muted);
|
||
content: attr(data-marpit-pagination) ' / ' attr(data-marpit-pagination-total);
|
||
}
|
||
|
||
/* ========================================
|
||
特殊页面 class 指令
|
||
======================================== */
|
||
|
||
/* ---------- 封面页 ---------- */
|
||
section.cover {
|
||
background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
|
||
color: white;
|
||
text-align: center;
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
align-items: center;
|
||
}
|
||
|
||
section.cover h1 {
|
||
color: white;
|
||
border: none;
|
||
font-size: 52px;
|
||
padding-bottom: 0;
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
section.cover h2 {
|
||
color: rgba(255, 255, 255, 0.9);
|
||
font-size: 28px;
|
||
font-weight: normal;
|
||
}
|
||
|
||
section.cover h3 {
|
||
color: rgba(255, 255, 255, 0.8);
|
||
font-size: 22px;
|
||
font-weight: normal;
|
||
}
|
||
|
||
section.cover::after {
|
||
content: none;
|
||
}
|
||
|
||
section.cover footer {
|
||
color: rgba(255, 255, 255, 0.7);
|
||
}
|
||
|
||
/* ---------- 过渡页 ---------- */
|
||
section.trans {
|
||
background-color: var(--color-light);
|
||
text-align: center;
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
}
|
||
|
||
section.trans h2 {
|
||
color: var(--color-primary);
|
||
font-size: 42px;
|
||
margin: 0;
|
||
}
|
||
|
||
/* ---------- 深色页 ---------- */
|
||
section.dark {
|
||
background-color: var(--color-primary);
|
||
color: white;
|
||
}
|
||
|
||
section.dark h1, section.dark h2, section.dark h3 {
|
||
color: white;
|
||
border-color: rgba(255,255,255,0.3);
|
||
}
|
||
|
||
section.dark strong {
|
||
color: #7db8e8;
|
||
}
|
||
|
||
section.dark code {
|
||
background-color: rgba(255,255,255,0.15);
|
||
color: #a8d4f0;
|
||
}
|
||
|
||
section.dark blockquote {
|
||
background-color: rgba(255,255,255,0.1);
|
||
border-left-color: #7db8e8;
|
||
color: rgba(255,255,255,0.9);
|
||
}
|
||
|
||
/* ---------- 两栏布局 ---------- */
|
||
section.cols-2 {
|
||
overflow: visible;
|
||
display: grid;
|
||
gap: 1.5rem;
|
||
grid-template-columns: 50% 50%;
|
||
grid-template-rows: auto 1fr;
|
||
grid-template-areas:
|
||
"heading heading"
|
||
"left right";
|
||
}
|
||
|
||
section.cols-2 > h2,
|
||
section.cols-2 > h3 {
|
||
grid-area: heading;
|
||
}
|
||
|
||
section.cols-2 .ldiv { grid-area: left; }
|
||
section.cols-2 .rdiv { grid-area: right; }
|
||
|
||
/* ---------- 强调页（居中大标题） ---------- */
|
||
section.lead {
|
||
text-align: center;
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
align-items: center;
|
||
}
|
||
|
||
section.lead h1 {
|
||
font-size: 56px;
|
||
border: none;
|
||
}
|
||
|
||
section.lead h2 {
|
||
font-size: 40px;
|
||
}
|
||
|
||
/* ---------- 结束页 ---------- */
|
||
section.ending {
|
||
background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);
|
||
color: white;
|
||
text-align: center;
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
align-items: center;
|
||
}
|
||
|
||
section.ending h1 {
|
||
color: white;
|
||
border: none;
|
||
font-size: 60px;
|
||
}
|
||
|
||
section.ending h2 {
|
||
color: rgba(255, 255, 255, 0.85);
|
||
font-weight: normal;
|
||
font-size: 26px;
|
||
}
|
||
|
||
section.ending::after {
|
||
content: none;
|
||
}
|