Last active
February 5, 2020 14:37
-
-
Save ruter/da625debdd1f9f8aec8d6e1bd9283559 to your computer and use it in GitHub Desktop.
My customize CSS for mdnice.com
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*自定义样式,实时生效*/ | |
/*初始化格式*/ | |
#nice { | |
line-height: 1.6; | |
letter-spacing: .034em; | |
color: rgb(63, 63, 63); | |
font-size: 16px; | |
word-break:all; | |
} | |
#nice p { | |
padding-top: 23px; | |
color: rgb(74,74,74); | |
line-height: 1.75em; | |
} | |
/* 一级标题 */ | |
#nice h1 { | |
text-align:center; | |
background-position: center top; | |
background-repeat: no-repeat; | |
background-size: 95px; | |
line-height:95px; | |
margin-top: 38px; | |
margin-bottom: 10px; | |
} | |
/* 一级标题内容 */ | |
#nice h1 span { | |
font-size: 20px; | |
color: rgb(252, 219, 0); | |
border-bottom:2px solid #3C7076; | |
} | |
/* 一级标题修饰 请参考有实例的主题 */ | |
#nice h1:after { | |
} | |
/* 二级标题 */ | |
#nice h2 { | |
display:block; | |
text-align:center; | |
/*background-image: url(https://my-wechat.mdnice.com/mdnice/mountain_2_20191028221337.png);*/ | |
background-position: center center; | |
background-repeat: no-repeat; | |
background-attachment: initial; | |
background-origin: initial; | |
background-clip: initial; | |
background-size: 63px; | |
margin-top: 38px; | |
margin-bottom: 10px; | |
} | |
/*二级标题伪元素*/ | |
#nice h2:before { | |
} | |
/* 二级标题内容 */ | |
#nice h2 span { | |
text-align:center; | |
display: inline-block; | |
height: 38px; | |
line-height: 42px; | |
color: rgb(252, 219, 0); | |
background-position: left center; | |
background-repeat: no-repeat; | |
background-attachment: initial; | |
background-origin: initial; | |
background-clip: initial; | |
background-size: 63px; | |
margin-top: 38px; | |
font-size:18px; | |
margin-bottom: 10px; | |
} | |
/* 三级标题 */ | |
#nice h3:before { | |
content: ""; | |
/*background-image:url(https://my-wechat.mdnice.com/mdnice/mountain_1_20191028221337.png);*/ | |
background-size:15px 15px; | |
display: inline-block; | |
width: 15px; | |
height: 15px; | |
line-height:15px; | |
margin-bottom:-1px; | |
} | |
#nice h3 { | |
} | |
/* 三级标题内容 */ | |
#nice h3 span { | |
font-size:16px; | |
font-weight:bold; | |
display:inline-block; | |
margin-left:8px; | |
color:rgb(252, 219, 0); | |
} | |
/* 三级标题修饰 请参考有实例的主题 */ | |
#nice h3:after { | |
} | |
/* 列表内容 */ | |
#nice li { | |
} | |
/* 引用 | |
* 左边缘颜色 border-left-color:black; | |
* 背景色 background:gray; | |
*/ | |
#nice blockquote { | |
padding: 15px 20px; | |
line-height: 27px; | |
background-color: rgb(239, 239, 239); | |
border-left:none; | |
display:block; | |
} | |
/* 引用文字 */ | |
#nice blockquote p { | |
padding: 0px; | |
font-size:15px; | |
color:rgb(89,89,89); | |
} | |
/* 链接 */ | |
#nice a { | |
color: rgb(60, 112, 198); | |
text-decoration:none; | |
border-bottom: 1px solid rgb(60, 112, 198); | |
} | |
/* 加粗 */ | |
#nice strong { | |
line-height: 1.75em; | |
color: rgb(74,74,74); | |
} | |
/* 斜体 */ | |
#nice em { | |
} | |
/* 加粗斜体 */ | |
#nice strong em { | |
color:rgb(248,57,41); | |
letter-spacing:0.3em; | |
} | |
/* 删除线 */ | |
#nice del { | |
} | |
/* 分割线 */ | |
#nice hr { | |
height:1px; | |
padding:0; | |
border:none; | |
text-align:center; | |
background-image:linear-gradient(to right,rgba(252,219,0,0),rgba(252,219,0,0.75),rgba(252,219,0,0)); | |
} | |
/*图片*/ | |
#nice img { | |
border-radius:4px; | |
margin-bottom:25px; | |
} | |
/* 图片描述文字 */ | |
#nice figcaption { | |
display:block; | |
font-size:12px; | |
font-family:PingFangSC-Light; | |
} | |
/* 行内代码 */ | |
#nice p code, li code { | |
color: rgb(235, 87, 87); | |
} | |
/* 非微信代码块 | |
* 代码块不换行 display:-webkit-box !important; | |
* 代码块换行 display:block; | |
*/ | |
#nice pre code { | |
} | |
/* 表格内的单元格 | |
* 字体大小 font-size: 16px; | |
* 边框 border: 1px solid #ccc; | |
* 内边距 padding: 5px 10px; | |
*/ | |
#nice table tr th, | |
#nice table tr td { | |
font-size: 14px; | |
} | |
.footnotes{ | |
padding-top: 8px; | |
} | |
/* 脚注文字 */ | |
#nice .footnote-word { | |
color: rgb(252,219,0); | |
} | |
/* 脚注上标 */ | |
#nice .footnote-ref { | |
color: rgb(252,219,0); | |
} | |
/*脚注超链接样式*/ | |
#nice .footnote-item em { | |
color: rgb(60, 112, 198); | |
font-size:13px; | |
font-style:normal; | |
border-bottom-color:1px dashed rgb(60, 112, 198); | |
} | |
/* "参考资料"四个字 | |
* 内容 content: "参考资料"; | |
*/ | |
#nice .footnotes-sep:before { | |
background-image: none; | |
background-size: none; | |
display: block; | |
width: auto; | |
height: auto; | |
} | |
/* 参考资料编号 */ | |
#nice .footnote-num { | |
color: rgb(60, 112, 198); | |
} | |
/* 参考资料文字 */ | |
#nice .footnote-item p { | |
color: rgb(60, 112, 198); | |
font-weight:bold; | |
} | |
/* 参考资料超链接 */ | |
#nice .footnote-item a { | |
color:rgb(60, 112, 198); | |
} | |
/* 参考资料解释 */ | |
#nice .footnote-item p em { | |
font-size:14px; | |
font-weight:normal; | |
border-bottom:1px dashed rgb(60, 112, 198); | |
} | |
/* 行间公式 | |
* 最大宽度 max-width: 300% !important; | |
*/ | |
#nice .block-equation svg { | |
} | |
/* 行内公式*/ | |
#nice .inline-equation svg { | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment