KnowHow 百科主题自定义 CSS 笔记

/ 433 阅读 / 0

KnowHow 百科主题主题代码高亮时,<code><pre> 标签看起来不是很舒服,对 CSS 做了点调整;同时也对<a> 标签增加点基础样式;文章页标题字体样式做了点调整,记录一下。

/*自定义代码高亮 css*/
code{
	overflow:inherit;
	background: rgba(152, 152, 152, 0.2);
	display:inline-block;
	padding:0 .5rem;
	max-height: 18rem;
}
pre code{
	display:block;
	-webkit-overflow-scrolling:touch;
	overflow-scrolling:touch;
	padding: 1rem;
}
.entry-content code {
	margin: 0;
}
/*链接加粗*/
.entry-content a {
	font-weight: 700;
}
/*鼠标滑过连接显示下划线*/
.entry-content a:hover {
	text-decoration:underline;
}
/*文章页标题字体调整*/
#page-header .page-title {
    font-size: 1.8rem;
    line-height: 2.6rem;
}