Shinkai005
V1
2022/08/28阅读：33主题：自定义主题1
【经验贴】免费墨滴主题-镁铝护眼 发布
【经验贴】免费墨滴主题-镁铝护眼 发布
个人公众号: 深海笔记Shinkai.
你的努力加上我的微小帮助, 我想做任何事情都会容易点吧~
“接下来测试, 格式适配情况.
”
一级标题
二级标题
三级标题
“一级引用实例
”
-
这是ol 有序列表1 -
这是ol 有序列表1 -
这是ol 有序列表2.1(这部分目前没人做~) -
这是ol 有序列表2.2 -
这是ol 有序列表2.2.1
-
-
-
这是无序列表
-
这是次级无序列表
-
这是三级无序列表
-
-
斜体的使用需要在文字前后加*;
粗体的使用需要在文字前后加**.
“这里是一级引用
”
这是高亮字体, 需要在字体前后加重音符号,在键盘左上角对应波浪号的位置)
“公众号文章在IOS设备上阴影等无法正常显示. 等下次升级~
”
代码如下
/* 全局属性
* 页边距 padding: 30px;
* 英文换行 word-break: break-all;
*/
#nice {
background: rgba(143,202,197,0.1);
font-size:16px;
line-height: 30px;
word-spacing: 3px;
letter-spacing: 0.2px;
}
/* 段落，下方未标注标签参数均同此处
* 上边距 margin-top: 5px;
* 下边距 margin-bottom: 5px;
* 行高 line-height: 26px;
* 词间距 word-spacing: 3px;
* 字间距 letter-spacing: 3px;
* 对齐 text-align: left;
* 颜色 color: #3f3f3f;
* 字体大小 font-size: 16px;
* 首行缩进 text-indent: 0em;
*/
#nice p {
font-size: 15px;
padding: 5px;
text-align: left;
}
/* 一级标题 */
#nice h1 {
border-top: 2px solid rgb(85,179,150);
text-align: center;
font-size: 1.3em;
}
/* 一级标题内容 */
#nice h1 .content {
display: inline-block;
font-weight: bold;
background-image: linear-gradient(to left, rgb(194, 226, 250), rgb(10,179,139));
color: #000000;
padding: 3px 10px 1px;
border-radius: 0 0 13px 13px
}
/* 一级标题前缀 */
#nice h1 .prefix {
}
/* 一级标题后缀 */
#nice h1 .suffix {
}
/* 二级标题 */
#nice h2 {
display: table;
margin: 50px auto 20px auto;
background-image: linear-gradient(to left, rgb(194, 226, 250), rgb(10,179,139));
border-style: solid;
border-width: 1px;
border-radius: 13px;
border-color: rgb(62, 62, 62);
}
/* 二级标题内容 */
#nice h2 .content {
display:block;
font-size: 18px;
border: 1px solid black;
border-radius:8px;
padding: 10px;
transform: translate3d(-7px, -7px, 0px);
}
/* 二级标题前缀 */
#nice h2 .prefix {
}
/* 二级标题后缀 */
#nice h2 .suffix {
}
/* 三级标题 */
#nice h3 {
display: flex;
flex-direction: column;
align-items: center;
}
/* 三级标题内容 */
#nice h3 .content {
font-size: 18px;
text-shadow: rgba(89,182,156,0.4) 3.83022px 3.21394px 0px;
}
/* 三级标题前缀 */
#nice h3 .prefix {
display: inline-block;
width: 40px;
height: 20px;
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: contain;
background-image: url(https://files.mdnice.com/pic/d1e2129b-30a8-443d-8ebb-a3f7aa09141e.png);
}
/* 三级标题后缀 */
#nice h3 .suffix {
}
/* 无序列表整体样式
* list-style-type: square|circle|disc;
*/
#nice ul {
color: #54B190;
font-size: 16px;
}
#nice ul ul {
color: #54B190;
font-size: 16px;
list-style-type: circle;
}
#nice ul ul ul{
color: #54B190;
font-size: 16px;
list-style-type: square;
}
/* 有序列表整体样式
* list-style-type: upper-roman|lower-greek|lower-alpha;
*/
#nice ol {
color: #54B190;
font-size: 16px;
}
#nice ol ol{
color: #54B190;
font-size: 16px;
list-style-type:lower-roman;
}
#nice ol ol ol{
color: #54B190;
font-size: 16px;
list-style-type:lower-latin;
}
/* 列表内容，不要设置li
*/
#nice li section {
font-size: 15px;
}
/* 一级引用
* 左边缘颜色 border-left-color: black;
* 背景色 background: gray;
*/
#nice .multiquote-1 {
font-style: normal;
border-left: none;
padding: 15px 17px;
line-height: 1.75;
border-radius:13px;
color: #353535;
background: #A0D1D5;
box-shadow: 2px 2px 10px #0066CC;
}
#nice .multiquote-1:before{
content:"“";
display: block;
font-size: 2em;
color: rgb(0,102,250);
font-family: Arial, serif;
line-height: 1em;
font-weight: 700;
}
/* 一级引用文字 */
#nice .multiquote-1 p {
color: #353535;
margin: 0 10px;
font-size: 16px;
display: block;
}
#nice .multiquote-1:after{
content:"”";
float: right;
display: block;
color: rgb(0,102,250);
font-size: 2em;
font-family: Arial, serif;
line-height: 1em;
font-weight: 700;
}
/* 二级引用
*/
#nice .multiquote-2 {
}
/* 二级引用文字 */
#nice .multiquote-2 p {
font-size: 15px;
}
/* 三级引用
*/
#nice .multiquote-3 {
}
/* 三级引用文字 */
#nice .multiquote-3 p {
font-size: 15px;
}
/* 链接
* border-bottom: 1px solid #009688;
*/
#nice a {
font-size: 15px;
}
/* 加粗 */
#nice strong {
color: rgb(255, 79, 121);
}
/* 斜体 */
#nice em {
font-size: 15px;
}
/* 加粗斜体 */
#nice em strong {
font-size: 15px;
}
/* 删除线 */
#nice del {
}
/* 分隔线
* 粗细、样式和颜色
* border-top: 1px solid #3e3e3e;
*/
#nice hr {
height: 1px;
padding: 0;
border: none;
border-top: medium solidid #333;
text-align: center;
background-image: linear-gradient(to right, rgba(85,178,146, 0), rgba(85,178,146, 0.75), rgba(85,178,146, 0));
}
/* 图片
* 宽度 width: 80%;
* 居中 margin: 0 auto;
* 居左 margin: 0 0;
*/
#nice figure{
border-radius: 16px;
overflow: hidden;
}
#nice figure a img{
border-radius: 16px;
width: 100%;
max-width: 100%;
}
#nice img {
border-radius: 6px;
display: block;
margin: 20px auto;
max-width: 95%;
object-fit: contain;
}
/* 图片描述文字 */
#nice figcaption {
display: none;
}
/* 行内代码 */
#nice p code, #nice li code {
}
/*
* 代码块不换行 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 {
}
/*
* 某一列表格列宽控制
* n 可以修改为具体数字，不修改时表示所有列
* 最小列宽 min-width: 85px;
*/
#nice table tr th:nth-of-type(n),
#nice table tr td:nth-of-type(n){
}
/* 脚注文字 */
#nice .footnote-word {
}
/* 脚注上标 */
#nice .footnote-ref {
}
/* "参考资料"四个字
* 内容 content: "参考资料";
*/
#nice .footnotes-sep:before {
}
/* 参考资料编号 */
#nice .footnote-num {
}
/* 参考资料文字 */
#nice .footnote-item p {
}
/* 参考资料解释 */
#nice .footnote-item p em {
}
/* 行间公式
* 最大宽度 max-width: 300% !important;
*/
#nice .block-equation svg {
}
/* 行内公式
*/
#nice .inline-equation svg {
}
/* 容器块1 */
#nice .block-1 {
border-style: solid;
border-width: 1px;
border-radius: 0px;
border-color: rgba(48, 117, 153, 0.34);
margin: 0;
padding: 0;
}
#nice .block-1 .block-1-inner {
display: block;
border-style: solid;
border-width: 1px;
border-radius: 0px;
border-color: rgba(48, 117, 153, 0.34);
transform: translate3d(-5px, -5px, 0px);
padding: 15px;
}
#nice .block-1 .block-1-inner p {
text-align: left;
}
/* 容器块2 */
#nice .block-2 {
}
/* 容器块3 */
#nice .block-3 {
}
/* 分列总体布局 */
#nice .column {
}
/* 分列左边布局 */
#nice .column .column-left {
}
/* 分列右边布局 */
#nice .column .column-right {
}
#nice .column .column-right p {
text-align: left;
font-size: 12px;
}
最后希望墨滴越来越好~
感谢开源也努力开源~ 谢谢关注.
“一直期待世界对努力者的馈赠
”
作者介绍
Shinkai005
V1
公众号:深海笔记Shinkai