博客园样式

说明

重开博客的居然是为了调样式，而且还一直调到了凌晨两点。

以下是本博客的样式表，其实还在选项里关了很多设置。怎么干净怎么来。

css文件复制到设置的对应栏目里保存久能生效了。

参考

博客美化(2)自定义博客样式细节
CnBlogs自定义博客样式

代码

::selection {
	background: #3377ee;
	color:#fff;
   }
::-moz-selection {
	background: #3377ee;
	color:#ffffff;
    }

/*****home和头部开始**************************/
body{
    background-color:#3377ee;
}

a{
    transition:0.5s ;
    color:#3377ee;
    text-decoration:none;
    font-weight:100;
}
a:hover {
    transition:0.5s;
     color: #555555;
}

#home {
    margin: 0 auto;
    width: 80%;/*原始65*/
   max-width:1250px;
    min-width: 980px;/*页面的最低宽度,也就是页面顶部的宽度*/
    background-color: #fff;
    padding: 30px;
    margin-top: 50px;
    margin-bottom: 50px;
    border-radius: 3px;
    box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.25);
}
/*博客标题*/
#blogTitle {
    display: none;
}
    /*主标题格式*/
#blogTitle h1 {
        font-size: 32px;
        font-weight: bold;
        line-height: 1.8em;/*原始 1.6em*/
        margin-top: 10px;/*原始 15px */
}


    /*次标题格式*/
#blogTitle h2 {
        font-weight: normal;
        font-size: 24px;/*原始 16px ；font-size: 1.0rem;*/      
        line-height: 2 rem;
        color:  #555555;
        float: left;        
    }
/*头部导航栏*/
#navigator {
    font-size:24px;
    height: 50px;/*导航栏高度，原始50*/
    clear: both;
margin:0 0 50px 0;
}
/*导航栏设置,可以自定义导航栏的目录*/
#navList {
    min-height: 25px;
    list-style-type:none;
    text-align: center;
    float: left;
    padding:0 !important;
}
    #navList li {        /*每一个栏目节点*/
        float: left;
        margin: 0 15px 0 0; /*这里原来是0 40px 0 0 */
    }    

/*博客统计*/
.blogStats {
    display:none;
}

/*****侧边栏开始********************************/
#sideBar {
}

/*main*/
#mainContent {
    min-height: 200px;
    padding: 0px;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}
#mainContent .forFlow {
    float: none;
    width: auto;
}
#blog_post_info{
   display:none;
}
#post_next_prev{
   display:none;
}
#comment_nav{
   display:none;
}
#ad_t2{
   display:none;
}
#footer{
    margin-top:50px;
     text-align:center;
}
#commentform_title{
display:none;
}
#tbCommentBody{
border-color:#3377ee;
width:99%;
}

#cnblogs_post_body a{
    transition:0.5s;
    color:#3377ee;
    text-decoration:none;
    font-weight:100;
border-bottom: 2px solid #ffffff;
}
#cnblogs_post_body a:hover{
    transition:0.5s;
     color: #555555;
border-bottom: 2px solid #3377ee;
}

.cnblogs_code pre {
font-family: Consolas!important;
font-size: 20px!important;
word-wrap: break-word;
white-space: pre-wrap;
}

.cnblogs_code span {
font-family: Consolas!important;
font-size: 20px!important;
line-height: 1 !important;
}
.day{
padding:10px;
transition:0.5s;
margin-bottom: 35px;
border-bottom:#ffffff 2px solid;
}
.day:hover{
transition:0.5s;
border-color:#3377ee;
}
.postDesc{
color:#fff;
float:right;

    margin-bottom:25px;
}
.dayTitle{
clear:both;
text-align:center;
font-size:25px;
margin-bottom:25px;
}
.c_b_p_desc_readmore{
display:none;
}
#sidebar_categories{
display:none;
}

/* Base16 Atelier Sulphurpool Light - Theme */
/* by Bram de Haan (http://atelierbram.github.io/syntax-highlighting/atelier-schemes/sulphurpool) */
/* Original Base16 color scheme by Chris Kempson (https://github.com/chriskempson/base16) */

/* Atelier-Sulphurpool Comment */
.hljs-comment,
.hljs-quote {
  color: #6b7394;
}

/* Atelier-Sulphurpool Red */
.hljs-variable,
.hljs-template-variable,
.hljs-attribute,
.hljs-tag,
.hljs-name,
.hljs-regexp,
.hljs-link,
.hljs-name,
.hljs-selector-id,
.hljs-selector-class {
  color: #c94922;
}

/* Atelier-Sulphurpool Orange */
.hljs-number,
.hljs-meta,
.hljs-built_in,
.hljs-builtin-name,
.hljs-literal,
.hljs-type,
.hljs-params {
  color: #c76b29;
}

/* Atelier-Sulphurpool Green */
.hljs-string,
.hljs-symbol,
.hljs-bullet {
  color: #ac9739;
}

/* Atelier-Sulphurpool Blue */
.hljs-title,
.hljs-section {
  color: #3d8fd1;
}

/* Atelier-Sulphurpool Purple */
.hljs-keyword,
.hljs-selector-tag {
  color: #6679cc;
}

.hljs {
  display: block;
  overflow-x: auto;
  background: #f5f7ff;
  color: #5e6687;
  padding: 0.5em;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-strong {
  font-weight: bold;
}