mirror of
https://github.com/BTMuli/TeyvatGuide.git
synced 2026-03-31 06:29:46 +08:00
77 lines
1.1 KiB
CSS
77 lines
1.1 KiB
CSS
/*
|
|
* @file assets css post-parser.css
|
|
* @description 游戏公告解析 css
|
|
* @author BTMuli <bt-muli@outlook.com
|
|
* @since Alpha v0.2.0
|
|
*/
|
|
|
|
.anno-body {
|
|
width: 800px;
|
|
margin: 0 auto;
|
|
font-family: var(--font-text);
|
|
}
|
|
|
|
.anno-title {
|
|
color: var(--common-text-title);
|
|
font-family: var(--font-title);
|
|
font-size: 24px;
|
|
}
|
|
|
|
.anno-subtitle {
|
|
color: var(--common-text-quote);
|
|
font-size: 16px;
|
|
}
|
|
|
|
.anno-img {
|
|
width: 800px;
|
|
max-width: 100%;
|
|
height: auto;
|
|
border-radius: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.anno-content {
|
|
line-height: 2;
|
|
}
|
|
|
|
.anno-link-icon {
|
|
width: 18px;
|
|
height: 18px;
|
|
color: #00c3ff;
|
|
}
|
|
|
|
.anno-content :deep(a) {
|
|
color: #00c3ff;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.anno-content :deep(p) {
|
|
color: #4b5366;
|
|
line-height: 2;
|
|
}
|
|
|
|
.anno-content :deep(details) {
|
|
padding: 10px;
|
|
border: #35acce 2px solid;
|
|
border-radius: 10px;
|
|
margin: 10px;
|
|
}
|
|
|
|
.anno-content :deep(details) div {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.anno-content :deep(details) ::marker {
|
|
color: #35acce;
|
|
content: "✧";
|
|
}
|
|
|
|
.anno-content :deep(ol) {
|
|
list-style: "✧";
|
|
}
|
|
|
|
.anno-content :deep(td) {
|
|
padding-left: 10px;
|
|
line-height: 2;
|
|
}
|