博客园自定义CSS文件

* {margin: 0;padding: 0;}
ul { list-style-type: none; }
ul::after{
    content:'';
    display:block;
    clear: both;
}
a, a:link,a:visited,a:hover,a:active {
    color: black;
    text-decoration: none;
}
#blogTitle,
#blog-calendar,
#blogCalendar,
.entrylistDescription,
#widget_my_google,
.dayTitle, #footer,
#ad_t2, #cnblogs_c1,
#under_post_news,
#cnblogs_c2,
#under_post_kb,
#navigator .blogStats,
#author_profile,
#post_next_prev
{ display: none; }

.clear { clear:both; }

#navList {
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
    font-size:18px;
}
#navList li {
    float: left;
}
#navList li a {
    display: block;
    color: white;
    text-align: center;
    padding: 0.5em 0.5em;
    text-decoration: none;
}
#navList li a:hover {
    background-color: #fff;
    color:black;
}

/*总体布局*/
#mainContent {
     calc( 100% - 260px );
    float:left;
}
#sideBar {
    260px; float: right;
}
/*文章*/
.forFlow {
    font-size:14px;
    margin:1em 1em 0 0.3em;
    line-height: 1.5em;
}
.postTitle {
    font-size:16px;
    background: #ccc;
    border-radius: 5px 5px 0 0;
    padding:0.4em 1em;
}
.postDesc {
    font-size:12px;
    text-align: right;
    color:gray;
}

/*文章列表*/
.postCon {
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    padding: 0.3em 0.3em 0 0.3em;
}
.c_b_p_desc a { color:blue; }
.c_b_p_desc a:before { content: '~'; }
.c_b_p_desc a:after { content: '~'; }
.c_b_p_desc::before {
    content: ''; margin-left:2em;
}
.day .postDesc{
    border:1px solid #ccc;
    border-top:none;
    margin-bottom: 1em;
    padding-bottom: 0.3em;
    padding-right: 0.5em;
}
/*文章内容*/
/*#post_detail { line-height: 1.5em; }*/
#green_channel { float: left;}
#div_digg {
    float: left;
    margin: 10px 0 0 20px;
     auto;
}
#div_digg div { margin-top: 0; }
#cnblogs_post_body {
    border:1px solid #ccc;
    border-top:none;
    padding: 0.3em 0.3em 0 0.3em;
}
#cnblogs_post_body p::before {
    content:'';
    margin-right:2em;
}

/*评论*/
#blog-comments-placeholder .feedback_area_title
{
    font-size:16px; background: #ccc;
    border-radius: 5px 5px 0 0;
    padding:0.4em 1em;
}
#blog-comments-placeholder .feedbackItem {
    border:1px solid #ccc;
    border-top:none;
    padding: 0.3em 0.3em 0 0.3em;
}
#comment_nav { margin: 1em 0; }
#comment_nav a {
    background-color: #555;
    border: none;
    border-radius: 5px;
    color: white;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    height:auto;
    margin-left: 0.5em;
}
#comment_form_container {
    border:1px solid #ccc;
    border-radius: 5px 5px 0 0;
}
#commentform_title {
    font-size:16px; background: #ccc;
    padding:0.4em 1em;
}
#comment_form_container p,
#comment_form_container .commentbox_main
{
    padding: 0 0.3em; auto;
}
.commentbox_title { auto; }
#tbCommentBody { 100%; }
#btn_comment_submit, #commentbox_opt a{
    background-color: #4CAF50;
    border: none;
    border-radius: 5px;
    color: white;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
     auto;
    height:auto;
}
#commentbox_opt a {
    background-color: #f44336;
    line-height: 22px;
}

/*侧边栏*/
#sideBarMain {
    font-size:14px;
    margin:1em 0.3em 0 0;
}
#sideBarMain .newsItem,
#sidebar_search.sidebar-block,
#sidebar_postcategory,
#sidebar_postarchive,
#sidebar_shortcut,
#sidebar_topviewedposts,
#sidebar_toptags,
#sidebar_recentcomments,
#sidebar_topcommentedposts,
#sidebar_topdiggedposts,
#sidebar_ndoslinks
{
    margin-top:1em;
    border-radius: 5px 5px 0 0;
    border:1px solid #ccc;
}
.catListTitle {
    font-size:16px;
    padding:0.4em 1em;
    background: #ccc;
}
.catListTitle+div,
.catListTitle+ul
{ padding: 0.5em; }
#sideBarMain li {
    float: left;
    padding: 0 0.5em;
    line-height: 1.8em;
}
/*搜索框*/
#q {
    margin:0;
    height: 27px;
    border: 1px solid #008CBA;
     150px;
}
#btnZzk {
    background-color: #008CBA;
    border: none;
    border-radius: 5px;
    color: white;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    height:auto;
}

/*标签列表*/
#myposts {
    border-radius: 5px 5px 0 0;
    border:1px solid #ccc;
    margin-left: 0;
}
.myposts_title {
    font-size:16px;
    padding:0.4em 1em;
    background: #ccc;
}
.pager, .postText2 {
    margin: 0;
    padding: 0;
    clear: both;
}
#myposts .PostList {
    margin: 0 1em;
    height: auto;
    vertical-align: center;
}
.PostList:hover{ background: #eee; }
#myposts a { font-size: 14px; }
#myposts span { float: right; }

/*随笔列表*/
h1.entrylistTitle {
    font-size: 24px;
    margin: 0.8em auto;
    text-align: center;
}
.entrylistItem {
    border-radius: 5px 5px 0 0;
    border:1px solid #ccc;
    margin-bottom:1em;
}
.entrylistPosttitle {
    font-size:16px;
    padding:0.4em 1em;
    background: #ccc;
}
.entrylistPostSummary{
    padding: 0.3em 0.3em 0 0.3em;
}
.entrylistItemPostDesc {
    font-size:12px;
    text-align: right;
    color:gray;
    padding-right: 0.5em;
}



@media screen and (max-760px) {
    #mainContent {  100%; }
    #sideBar {  100%; }
    .forFlow { margin-right:0.3em; }
    #sideBarMain { margin-left:0.3em; }
    #green_channel { margin:10px auto; float: none; }
    #author_profile {
        display: block;
         auto;
        margin: 0 0 0 2em;
    }
    #div_digg { margin: 0 2em 0 0; float:right;}
    .postDesc { text-align: center; }
    #comment_form { margin-left: 0; }
    #myposts span { float: none; display: block; }
    .syntaxhighlighter div {
        font-size: 10px;
    }
    .syntaxhighlighter .gutter .line {
        border-right: 1px solid #6ce26c!important;
    }
}