本站博客园样式CSS

步骤

1. 博客园后台管理
2. 设置
3. 博客皮肤选择BlueSky
4. 在“页面定制CSS代码”中插入以下CSS代码
5. 保存

CODE

/*common*/
a:hover{
	color: #2175bc;
}

/*code*/
.cnblogs-markdown code, .cnblogs-post-body code{
	border: none !important;
	padding: 2px 4px;
	font-size: 12px !important;
	color: #c7254e;
	background-color: #f9f2f4 !important;
	font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace !important;
}
.cnblogs-markdown code.hljs, .cnblogs-post-body code.hljs{
	background-color: #f0f0f9 !important;
	border: none !important;
	padding: 16px!important;
	border-radius: 3px!important;
	font-size: 13px !important;
	font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace !important;
	line-height: 20px !important;
}

/**
 * GitHub Gist Theme
 * Author : Louis Barranqueiro - https://github.com/LouisBarranqueiro
 * Source:https://github.com/highlightjs/highlight.js/blob/master/src/styles/github-gist.css
 * Change some style by yanjiez
*/
.hljs{
	display:block;
	overflow-x:auto;
	color:#333;
	font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;
}
.hljs-comment,
.hljs-meta{
	color:#969896;
}
.hljs-string,
.hljs-variable,
.hljs-template-variable,
.hljs-strong,
.hljs-emphasis,
.hljs-quote{
	color:#df5000;
}
.hljs-keyword,
.hljs-selector-tag,
.hljs-type{
	color:#d73a49;
	font-weight: bold;
}
.hljs-literal,
.hljs-symbol,
.hljs-bullet,
.hljs-attribute{
	color:#0086b3;
}
.hljs-section,
.hljs-name{
	color:#63a35c;
}
.hljs-tag{
	color:#333;
}
.hljs-title,
.hljs-attr,
.hljs-selector-id,
.hljs-selector-class,
.hljs-selector-attr,
.hljs-selector-pseudo{
	color:#6f42c1;
	font-weight:bold;
}
.hljs-addition{
	color:#55a532;
	background-color:#eaffea;
}
.hljs-deletion{
	color:#bd2c00;
	background-color:#ffecec;
}
.hljs-link{
	text-decoration:underline;
}


/*main*/
#main {
	margin-top: 16px;
	background:none;
}
#mainContent {
	box-shadow: 1px 2px 8px #999;
	-moz-box-shadow: 1px 2px 8px #999;
	-web-kit-shadow: 1px 2px 8px #999;
	border-radius: 0;
	margin-bottom:20px;
	78%;
}
.forFlow {
	padding: 16px 0 40px 0;
}
.forFlow img{
	max-100%;
}

/*列表item & 文章item*/
.day,.PostList, .entrylistItem,.post {
	margin:0;
	padding:0 24px;
}
#myposts .PostList {
	margin-top: 0;
	padding: 4px 24px;
}
@media screen and (max-767px){
	.day,.PostList, .entrylistItem,.post {
		padding:0 8px;
	}
	#myposts .PostList {
		padding:4px 8px;
	}
}

/*列表date*/
.dayTitle {
	display:none;
}

/*列表item title*/
.postTitle, .entrylistPosttitle{
	margin-top:26px;
}
.postTitle a:hover,.postTitl2 a:hover,.postTitle a:hover,.entrylistPosttitle a:hover {
	color:#2175bc;
}
.postTitl2{
	border-left- 3px;
	border-left-style: solid;
	border-left-color: #2175bc;	
}
.postTitl2 a{
	vertical-align:bottom;
}

/*列表item bottom desc*/
.postDesc, .postDesc2, .entrylistItemPostDesc {
	margin-bottom: 0;
}

/*文章*/
#cnblogs_post_body h1{
	font-size: 24px;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	font-weight: 500;
	margin-top: 28px;
}
#cnblogs_post_body h2{
	font-size: 20px;
	height: 22px;
	font-weight: 500;
	border-left: 2px solid #3399ff;
	margin-top: 16px;
	padding-left: 10px;
	line-height: 20px;
}
#cnblogs_post_body h3{
	font-weight: 500;
	border-left: 2px solid #ddd;
	padding-left: 10px;
}

/*引用*/
.postBody blockquote, .postCon blockquote {
	background-size: 32px;
	background-position: 6px 6px
}

/*Tag列表*/
#taglist{
	padding:12px 24px;
}

/*侧边栏*/
#sideBarMain .newsItem h3{
	margin-top:0;
}
#sideBar{
	box-shadow: 1px 2px 8px #999;
	-moz-box-shadow: 1px 2px 8px #999;
	-web-kit-shadow: 1px 2px 8px #999;
	border-radius: 2px;
	background: #fff;
	 20%;
	margin-left: 2%;
	padding:0;
	background: url("http://images.cnblogs.com/cnblogs_com/cnsevennight/666322/o_list-bg.png") top no-repeat #fff;
	background-size:100% 10px;
}
#sideBarMain{
	margin:24px 18px;
}
@media screen and (max-767px){
	#sideBar{
		 100% !important;
		margin: 0;
	}
}
input.btn_my_zzk{
    height: 24px;
    border: 1px solid #3399ff;
    background: #fff;
    color: #3399ff;
    cursor: pointer;
    padding: 0px 7px;
}
input.btn_my_zzk:hover{
	background: #3399ff;
	color:#fff;
}

/*评论*/
.commentform{
	margin:10px 0 !important;
	padding:12px 24px !important;	
}
@media screen and (max-767px){
	.commentform{
		padding:12px 8px !important;
	}
}
div.commentform textarea {
	96% !important;
	padding: 8px 2%;
	font-family:Microsoft YaHei;
}
div.commentform input.author{
	 100%;
	padding: 4px 0;
	text-indent: 30px;
}
.comment_btn{
	height: 32px;
     100px;
    font-size: 14px;
	border: none;
	background: #3399ff;
	color: #fff;
	cursor: pointer;	
}
.comment_btn:hover{
	background: #2175bc;
}

/*自定义footer*/
#myFooter{
	padding-bottom: 10px;
    text-align: center;
    color: #000;
    font-size: 12px;
}

#cnblogs_post_body ol{
	padding-left:0;
}