示例
代码
/*
Author:bealei
*/
:root {
--demo-color: #42B983;
/* --demo-color: #41B883; */
--thead-color: var(--demo-color);
--th-color:#d9f1e6;
--tr-color: #f9fdfb;
--tr2-color: #f2faf6;
--table-color: var(--demo-color);
/* --side-bar-bg-color: #fff;
--control-text-color: #777;
--font-sans-serif: 'Ubuntu', 'Source Sans Pro', sans-serif !important;
--font-monospace: 'Fira Code', 'Roboto Mono', monospace !important; */
}
html {
font-size: 16px;
}
body {
/* font-family: var(--font-sans-serif);
color: #34495e;
-webkit-font-smoothing: antialiased;
line-height: 1.6rem;
letter-spacing: 0;
margin: 0;
overflow-x: hidden; */
}
#write {
max-width: 860px;
margin: 0 auto;
padding: 20px 30px 100px;
}
@media only screen and (min-width: 1400px) {
#write {
max-width: 1024px;
}
}
@media only screen and (min-width: 1800px) {
#write {
max-width: 1200px;
}
}
/* 超链接 */
a {
color: #42b983;
font-weight: 600;
padding: 0 2px;
text-decoration: none;
}
/* 引用 */
blockquote {
border-left: 0.375rem solid #42b983;
padding: 0.625rem 0.9375rem;
color: #777;
background-color: #ebf7f2;
}
h1,
h2,
h3,
h4,
h5 {
margin:1.5rem 0;
font-weight: bold;
line-height: 1.4;
cursor: text;
}
h1 {
text-align: center;
font-size: 2.2rem;
line-height: 2.2;
color: #fff;
background-color: var(--demo-color);
}
h2 {
font-size: 1.75rem;
line-height: 1.75;
border-bottom: 0.1875rem solid #42b983;
}
h2::before {
content: '# ' !important;
color: var(--demo-color);
}
h3 {
font-size: 1.4rem;
border-left: 0.4375rem solid var(--demo-color);
padding: 0.3125rem 0.625rem;
}
h4 {
font-size: 1.2rem;
display: inline-block;
padding: 0 0.375rem;
border: 1px solid var(--demo-color);
border-top: 0.25rem solid var(--demo-color);
}
h5 {
font-size: 1rem;
}
hr {
height: 0.125rem;
padding: 0;
margin: 1rem 0;
background-color: var(--demo-color);
border: 0 none;
overflow: hidden;
box-sizing: content-box;
}
/* 代码块 */
.md-fences {
border: 1px solid #e8e8e8;
background-color: #faf8f8;
padding: 0.3rem;
}
code{
font-weight: bold;
color: #f56c6c;
background-color: #fef0f0;
padding: 0.125rem 0.25rem;
}
/* 表格 */
table {
padding: 0;
word-break: initial;
text-align: center;
}
thead {
/* color: var(--thead-color); */
}
table th {
font-weight: bold;
color: var(--thead-color);
background-color: var(--th-color);
border: 1px solid var(--table-color);
border-bottom: 0;
margin: 0;
padding: 6px 13px;
}
table tr {
border: 1px solid var(--table-color);
margin: 0;
padding: 0;
background-color: var(--tr-color);
}
table tr:nth-child(2n) {
background-color: var(--tr2-color);
}
table td {
border: 1px solid var(--table-color);
margin: 0;
padding: 6px 13px;
}
table th:first-child,
table td:first-child {
margin-top: 0;
}
table th:last-child,
table td:last-child {
margin-bottom: 0;
}
/* 大纲 */
.outline-item:hover {
color: #fff;
background-color: var(--demo-color);
}
.outline-item-active {
color: var(--demo-color);
}
.outline-item-active:hover {
color: #fff;
}
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之家整理，本文链接：https://www.bmabk.com/index.php/post/83707.html
