zoukankan      html  css  js  c++  java
  • 本站博客园样式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;
    }
    
  • 相关阅读:
    169. Majority Element
    283. Move Zeroes
    1331. Rank Transform of an Array
    566. Reshape the Matrix
    985. Sum of Even Numbers After Queries
    1185. Day of the Week
    867. Transpose Matrix
    1217. Play with Chips
    766. Toeplitz Matrix
    1413. Minimum Value to Get Positive Step by Step Sum
  • 原文地址:https://www.cnblogs.com/yanjiez/p/10106868.html
Copyright © 2011-2022 走看看