[maxiang] 马克飞象自定义样式

0x00前言

打印版的字体只针对自己的电脑有效,网页浏览版的网络良好下字体有效
网页版的代码部分几乎没有自定义样式,后续也许会补上的,打印版的全部是黑色的。

网页浏览使用

预览




源码

@import url('https://fonts.loli.net/css?family=ZCOOL+KuaiLe|ZCOOL+QingKe+HuangYou|ZCOOL+XiaoWei&display=swap');
@import url('https://fonts.loli.net/css?family=Long+Cang&display=swap');
@import url('https://fonts.loli.net/css?family=Ubuntu+Mono&display=swap');
@import url('https://fonts.loli.net/css?family=Patrick+Hand&display=swap');

/* 全文字体 */
* {
	font-family: 'ZCOOL KuaiLe';
}

/* 标题的样式 (#) */
h1, h2, h3, h4, h5, h6 {
	color: blueviolet;
	font-family: 'ZCOOL XiaoWei';
}

/* 链接 ([]()) */
a {
	font-family: inherit;
	text-decoration: underline;
}

/* 引用: (>) */
blockquote {
	background: none;
	box-shadow: -2px 2px 7px 2px blueviolet;
    margin: 10px 5px 10px 5px;
    padding: 5px 10px 10px 15px;
    border-width: 0;
    padding: 5px 10px 10px 15px;
    font-family: 'ZCOOL KuaiLe';
    font-size: 18px;
}

/* 水平线 (---) */
hr {
	margin: 2em 0;
	height: 3px;
	background-image: linear-gradient(to right, red 0%, red 17%, orange 17%, orange 34%, yellow 34%, yellow 50%, green 50%, green 67%, blue 67%, blue 84%, purple 84%, purple 100%);
	border-width: 0;
}

/* 删除线 (~~文字~~) */
del, s {
	text-decoration: line-through;
	text-decoration-color: red;
}

/* 代码 */
div.hljs, div.hljs-line, .hljs-line span {
	font-family: "yahei consolas hybrid", 'Ubuntu Mono', monospace, consolas, console, "Courier New" !important;
}

文件打印使用

PS:代码高亮为无

预览




源码

@import url('https://fonts.loli.net/css?family=ZCOOL+KuaiLe|ZCOOL+QingKe+HuangYou|ZCOOL+XiaoWei&display=swap');
@import url('https://fonts.loli.net/css?family=Long+Cang&display=swap');
@import url('https://fonts.loli.net/css?family=Ubuntu+Mono&display=swap');
@import url('https://fonts.loli.net/css?family=Patrick+Hand&display=swap');

/* 全文字体 */
* {
	font-family: 'ZCOOL KuaiLe';
	color: black;
}

/* 标题的样式 (#) */
h1, h2, h3, h4, h5, h6 {
	color: black;
	font-family: 'ZCOOL XiaoWei';
}

/* 链接 ([]()) */
a {
	color: black;
	text-decoration: underline;
}

/* 引用: (>) */
blockquote {
	background: none;
    margin: 10px 5px 10px 5px;
    padding: 5px 10px 10px 15px;
    border: 5px solid black;
    border-width: 3px;
    border-color: black;
    border-radius: 5px;
    padding: 5px 10px 10px 15px;
    font-family: 'ZCOOL KuaiLe';
    font-size: 18px;
}

/* 水平线 (---) */
hr {
	margin: 2em 0;
	height: 3px;
	border-width: 0;
	background-color: black;
}

/* 删除线 (~~文字~~) */
del, s {
	text-decoration: line-through;
}

/* 代码 */
.hljs, .hljs-line, div.hljs-line, .hljs-line span {
	font-family: "yahei consolas hybrid", 'Ubuntu Mono', monospace, consolas, console, "Courier New" !important;
	font-size: 10px;
	color: black;
}
pre, code {
	border: 1px solid black;
	border-radius: 0;
}
pre {
	padding-left: 10px;
}
pre code {
	border: none;
}
posted @ 2019-08-26 22:10  by-sknight  阅读(234)  评论(0编辑  收藏  举报