Skip to content

Commit 53dbbea

Browse files
authored
docs: beautify
1 parent ef044e8 commit 53dbbea

File tree

2 files changed

+109
-0
lines changed

2 files changed

+109
-0
lines changed

docs/stylesheets/extra.css

Lines changed: 105 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,105 @@
1+
@import url('https://static.zeoseven.com/zsft/292/main/result.css');
2+
3+
body {
4+
font-family: "LXGW WenKai";
5+
font-weight: normal;
6+
}
7+
8+
9+
/* button.md-top {
10+
font-family: LXGW WenKai;
11+
font-size: 16px;
12+
font-weight: lighter;
13+
} */
14+
15+
:root {
16+
--admonition-border-left-width: 0.2rem;
17+
--base-border-radius: 1rem;
18+
/* --md-primary-fg-color: #FBFBFB;
19+
--md-primary-fg-color--light: #FBFBFB;
20+
--md-primary-fg-color--dark: #1E2129; */
21+
/* --card-hover-shadow: 0 0 0.2rem #ffffff40; */
22+
}
23+
24+
/* 卡片圆角与悬浮阴影 */
25+
.md-typeset .grid.cards>ul>li,
26+
.md-typeset .md-button,
27+
.md-typeset table:not([class]) {
28+
border-radius: var(--base-border-radius);
29+
}
30+
31+
.md-typeset .grid.cards>ul>li:hover {
32+
box-shadow: var(--card-hover-shadow);
33+
}
34+
35+
/* 页脚社交图标高度 */
36+
.md-social__link svg {
37+
max-height: 1rem;
38+
}
39+
40+
/* 搜索框及下拉结果圆角 */
41+
.md-search__form {
42+
border-radius: var(--base-border-radius);
43+
}
44+
45+
[data-md-toggle="search"]:checked~.md-header .md-search__form {
46+
border-top-right-radius: var(--base-border-radius);
47+
border-top-left-radius: var(--base-border-radius);
48+
}
49+
50+
[dir="ltr"] .md-search__output {
51+
border-bottom-right-radius: var(--base-border-radius);
52+
border-bottom-left-radius: var(--base-border-radius);
53+
}
54+
55+
/* 可选:如需恢复代码块、警告框等样式,取消注释即可 */
56+
/*
57+
.highlight span.filename {
58+
border-bottom: none;
59+
border-radius: var(--base-border-radius);
60+
display: inline;
61+
font-family: var(--md-code-font-family);
62+
border-bottom-left-radius: 0;
63+
border-bottom-right-radius: 0;
64+
margin-bottom: 5px;
65+
text-align: center;
66+
}
67+
.highlight span.filename + pre > code,
68+
.md-typeset pre > code {
69+
border-radius: var(--base-border-radius);
70+
border-top-left-radius: 0;
71+
}
72+
.md-typeset .admonition {
73+
border-width: 0px;
74+
border-left-width: var(--admonition-border-left-width);
75+
}
76+
[dir="ltr"] .md-typeset blockquote {
77+
border-radius: 0.2rem;
78+
border-left-width: var(--admonition-border-left-width);
79+
}
80+
*/
81+
82+
/* 可选:博客相关样式,按需启用 */
83+
84+
/* .md-post--excerpt {
85+
background-color: rgba(68,138,255,.1);
86+
box-shadow: 0 0 0 1rem rgba(68,138,255,.1);
87+
border-radius: var(--base-border-radius);
88+
}
89+
.md-post--excerpt .md-post__header {
90+
justify-content: left;
91+
}
92+
.md-post--excerpt .md-post__content > h2,
93+
.md-post__action {
94+
text-align: left;
95+
} */
96+
97+
98+
/* 让所有admonition(包括!!! tip)圆角化且更自然 */
99+
.md-typeset .admonition,
100+
.md-typeset details {
101+
border-radius: 1.5em;
102+
box-shadow: 0 2px 12px 0 rgba(60, 60, 60, 0.07);
103+
transition: border-radius 0.4s cubic-bezier(.4, 2, .6, 1), box-shadow 0.3s;
104+
overflow: hidden;
105+
}

mkdocs.yml

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -76,6 +76,10 @@ plugins:
7676
hooks:
7777
- hooks/change_copyright.py
7878

79+
extra_css:
80+
- stylesheets/extra.css
81+
- https://static.zeoseven.com/zsft/292/main/result.css
82+
7983
markdown_extensions:
8084
- abbr
8185
- attr_list

0 commit comments

Comments
 (0)