公众号 Markdown 自动排版 丨Substack 风格
404KSG/*自定义样式，实时生效*/
/* 全局属性
* 页边距 padding:30px;
* 全文字体 font-family:optima-Regular;
* 英文换行 word-break:break-all;
color:#2b2b2b;
*/
#nice {
line-height: 1.25;
color: #2b2b2b;
font-family: Optima-Regular, Optima, PingFangTC-Light, PingFangSC-light, PingFangTC-light;
}
/* 段落，下方未标注标签参数均同此处
* 上边距 margin-top:5px;
* 下边距 margin-bottom:5px;
* 行高 line-height:26px;
* 词间距 word-spacing:3px;
* 字间距 letter-spacing:3px;
* 对齐 text-align:justify;
* 颜色 color:#3e3e3e;
* 字体大小 font-size:16px;
* 首行缩进 text-indent:2em;
*/
#nice p {
color: #2b2b2b;
margin: 10px 0px;
letter-spacing: 0px;
word-spacing: 0px;
font-size: 15px;
text-align: justify;
}
/* 一级标题 */
#nice h1 {
font-size: 22px;
}
/* 一级标题内容 */
#nice h1 span {
display: inline-block;
font-weight: bold;
color: #000000;
}
/* 一级标题修饰 请参考有实例的主题 */
#nice h1:after {}
/* 二级标题 */
#nice h2 {
font-size: 20px;
}
/* 二级标题内容 */
#nice h2 span {
display: inline-block;
font-weight: bold;
color: #000000;
}
/* 二级标题修饰 请参考有实例的主题 */
#nice h2:after {}
/* 三级标题 */
#nice h3 {
font-size: 18px;
}
/* 三级标题内容 */
#nice h3 span {
display: inline-block;
font-weight: bold;
color: #000000;
}
/* 三级标题修饰 请参考有实例的主题 */
#nice h3:after {}
---
/* 无序列表整体样式
* list-style-type: square|circle|disc;
*/
#nice ul {
font-size: 15px; /*神奇逻辑，必须比li section的字体大才会在二级中生效*/
color: #595959;
list-style-type: circle;
}
/* 去除Markdown编辑器中引用的背景颜色 */
blockquote {
background-color: transparent !important;
}
/* 调整引用的 padding和border */
blockquote {
padding-left: 10px !important;
padding-top: 0px !important;
padding-bottom: 0px !important;
border-left: 4px solid #000 !important;
}
/* 链接 */
#nice a {
color: black;
border-bottom: 2px solid black;
}
/* 删除线 */
#nice del {
color: #3594F7;
}
/* 分隔线
* 粗细、样式和颜色
* border-top:1px solid #3e3e3e;
*/
#nice hr {
height: 1px;
padding: 0;
border: none;
background-image: linear-gradient(to right, #9c27b0, #2196f3);
}
/* 图片
* 宽度 width:80%;
* 居中 margin:0 auto;
* 居左 margin:0 0;
*/
#nice img {
border-radius: 6px;
display: block;
margin: 20px auto;
object-fit: contain;
box-shadow:2px 4px 7px #999;
}
/* 图片描述文字 */
#nice figcaption {
display: block;
font-size: 13px;
color: #2b2b2b;
}
#nice figcaption:before{
content:'';
background-image:url(https://img.alicdn.com/tfs/TB1Yycwyrj1gK0jSZFuXXcrHpXa-32-32.png);
display:inline-block;
width:18px;
height:18px;
background-size:18px;
background-repeat:no-repeat;
background-position:center;
margin-right:5px;
margin-bottom:-5px;
}
/* 行内代码 */
#nice p code,
#nice li code {
color: #3594F7;
background: RGBA(59, 170, 250, .1);
display:inline-block;
padding:0 2px;
border-radius:2px;
height:21px;
line-height:22px;
}
/* 非微信代码块
* 代码块不换行 display:-webkit-box !important;
* 代码块换行 display:block;
*/
#nice .code-snippet__fix {
background: #f7f7f7;
border-radius: 2px;
}
#nice pre code {
letter-spacing: 0px;
}
/*
* 表格内的单元格
* 字体大小 font-size: 16px;
* 边框 border: 1px solid #ccc;
* 内边距 padding: 5px 10px;
*/
#nice table tr th,
#nice table tr td {
font-size: 14px;
color: #595959;
}
#nice .footnotes {
background: #F6EEFF;
padding: 20px 20px 20px 20px;
font-size: 14px;
border: 0.8px solid #DEC6FB;
border-radius: 6px;
border: 1px solid #DEC6FB;
}
/* 脚注文字 */
#nice .footnote-word {
color: black;
border-bottom: 2px solid black;
}
/* 脚注上标 */
#nice .footnote-ref {
font-weight: 1000;
color: #000000;
}
/*脚注链接样式*/
#nice .footnote-item em {
font-size: 14px;
color: #black;
display: block;
}
/* 完全去掉边框 */
#nice .footnotes{
background: transparent;
padding: 10px 10px 10px 10px;
font-size: 14px;
border-radius: 6px;
border: 0px solid transparent; /* 完全去掉边框 */
}
/* "参考资料"四个字
* 内容 content: "参考资料";
*/
#nice .footnotes-sep:before {
content: 'Reference' ;
}