/**************************************************************************
  element style
**************************************************************************/
* {
    margin: 0;
    padding: 0;
  }

  /* https://www.cnblogs.com/images/cnblogs_com/thinkingwen/1450560/o_roger.jpg 
     https://www.cnblogs.com/images/cnblogs_com/thinkingwen/1450560/o_o_theme-yellow.jpg
     https://www.cnblogs.com/images/cnblogs_com/thinkingwen/1450560/o_roger.png
     #0f0f11
     #FFF4E6
  */
  
  body {
    color: #586F76; 
    background: url(https://www.cnblogs.com/images/cnblogs_com/thinkingwen/1450560/o_roger.png) no-repeat right 0 #020202;
    font-family: Verdana, Arial, Helvetica, sans-serif, "微软雅黑";
    font-size: 13px;
    line-height: 1.8;
  }

  /* 鼠标点击水波纹扩散动画 */
  /*@keyframes circle-opacity{
    from {
        opacity: 1;
        transform: scale(0);
    }
    to {
        opacity: 0;
        transform: scale(1);
    }
  }*/


/**************************************************************************
  mouse style
**************************************************************************/
  .circle {
    position: absolute;
    opacity: 0;
    border-color: #d0cfcf;
    border: 3px solid #d0cfcf;
  }
/*************************************************************************/

  a {
    color: #0877c5;
    text-decoration: none;
  }
  
  a:hover {
    color: #FE4165;
  }
  
  img {
    border: none;
    border-radius: 16px;
  }
  
  li {
    list-style: none;
  }
  
  p {
    font-size: 14px;
    color: #9a9fa0;
  }
  
  .cnblogs_code {
    background-color: #F6F8FA !important;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #888888;
  }
  
  .cnblogs-markdown code {
    background-color: #F6F8FA !important;
    box-shadow: 1px 1px 1px #888888;
  }
  
  /**************************************************************************
    table style
  **************************************************************************/
  
  #cnblogs_post_body table, .cnblogs-post-body table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 4px;
    margin-top: 4px;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #888888;
  }
  
  #cnblogs_post_body th, .cnblogs-post-body th {
    font-weight: bold;
    font-size: 16px;
  }
  
  #cnblogs_post_body tr:nth-child(2n), .cnblogs-post-body tr:nth-child(2n) {
    background-color: #F6F4F0 !important;
  }
  
  /**************************************************************************
    header style
  **************************************************************************/
  /**
   * blogTitle
   */
  #home {
    margin: 0px auto;
    text-align: left;
    max-width: 1200px;
  }
  
  #blogTitle {
    padding: 16px;
    text-decoration: none;
  }
  
  .headermaintitle {
    font-size: 18px;
    color: #963432;
  }
  
  #Header1_HeaderTitle {
    font-size: 24px;
    color: #ffffff;
    font-family: "隶书", serif;
  }
  
  #blogTitle h2 {
    font-size: 18px;
    color: #aabece;
    font-family: Brush Script MT, serif, "微软雅黑";
  }
  
  /**
   * navigator
   */
  #navigator {
    background: #252525;
    height: 40px;
    line-height: 40px;
    color: #999999;
    padding-left: 15px;
    padding-right: 5px;
    padding-top: 2px;
    border-radius: 8px;
    box-shadow: 3px 3px 3px #888888;
  }
  
  #navList {
    float: left;
  }
  
  #navList li {
    float: none;
    display: inline;
    margin-right: 20px;
    font-size: 16px;
    font-weight: bold;
  }
  
  /**
   * 自动生成的目录的样式
   */
  div#navCategory blockquote {
    padding: 20px;
    margin-bottom: 25px;
    background-color: #020202;  
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    border-radius: 16px;
    border: 1px solid #efefef;
  }
  
  /**
   * blogStats
   */
  .blogStats {
    float: right;
    color: #999999;
    margin-right: 16px;
  }
  
  /**************************************************************************
    main content style
  **************************************************************************/
  #mainContent {
    margin-left: auto;
    width: 78%;
    float: right;
  }
  
  /**************************************************************************
    article list
  **************************************************************************/
  .forFlow {
    margin: auto;
  }
  
  .day {
    border: 1px solid #CCCCCC;
    border-radius: 16px;
    margin: 20px 0px;
  }
  
  /* article list - post date */
  .dayTitle {
    display: none;
  }
  
  /* article list - article title */
  .postTitle {
    padding: 10px 0 10px 20px;
    border-bottom: 1px solid #CCCCCC;
    font-size: 22px;
    font-weight: bold;
    text-shadow: 0 -1px 8px rgba(0, 0, 0, 0.4);
  }
  
  .postCon {
    padding: 20px 20px 20px;
    border-bottom: 1px solid #CCCCCC;
  }
  
  .postDesc {
    padding-right: 20px;
  }
  
  .postDesc, .entrylistItemPostDesc {
    color: #999999;
    text-align: right;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  
  /**************************************************************************
    sidebar style
  **************************************************************************/
  #sideBar {
    width: 20%;
    float: left;
    border: none;
    overflow: hidden;
    padding: 5px;
  }
  
  #sideBarMain {
    margin-top: 20px;
  }
  
  #sideBar h3, #MyIng .ing_title {
    margin: 10px 0 10px 0;
    font-size: 14px;
    text-align: left;
    padding-left: 10px;
    box-shadow: 1px 2px 3px #9c9c9c;
  }
  
  h3.catListTitle {
    color: #c39753;
    background-color: #3c3b3e;
    text-indent: 2px;
  }
  
  #calendar {
    margin-top: 16px;
    text-align: center;
  }
  
  #footer {
    height: 60px;
    line-height: 60px;
    color: #ffffff;             
    text-align: center;
    padding: 10px 5px 0 15px;
    border-radius: 8px 8px 8px 8px;
  }

  .recent_comment_body {
    color: #d2d2d2;
  }

  .recent_comment_author {
    color: #999999;
  }

  #profile_block {
    color: #d2d2d2;
  }

  .input_my_zzk {
     background-color: oldlace;
     color: #000000;
     border-radius: 5px;
     width: 166px;
   }

   input.btn_my_zzk {
    color: #1893ea;
    background-color: #020202;
    border: none;
   }

   input.btn_my_zzk:hover {
    color: #FE4165;
   }

  /**************************************************************************
    article content style
  **************************************************************************/
  .postBody {
    padding: 10px 20px 10px;
    border-bottom: 1px solid #D9DBE1;
    background-color: #020202;
  }
  
  .feedbackItem {
    padding: 8px;
    border-bottom: 1px dotted #CCCCCC;
  }
  
  .post {
    padding-top: 1px;
    margin-top: 20px;
    border: 1px solid #D9DBE1;
    border-radius: 8px;
    box-shadow: 3px 3px 3px #888888;
  }
  
  #cnblogs_post_body h1 h2 h3 h4 {
    margin: 1em 0 0.5em 0;
    font-weight: 600;
    font-family: 'Titillium Web', sans-serif;
    position: relative;
    line-height: 40px;
    text-shadow: 0 -1px 5px rgba(0, 0, 0, 0.4);   
  }
  
  #cnblogs_post_body h1 {
    color: #399AB2;
    font-size: 22px;
    border-bottom: 2px solid rgba(53, 86, 129, 0.3);
    text-shadow: 0 -1px 5px rgba(0, 0, 0, 0.4);
  }
  
  #cnblogs_post_body h2 {
    color: #bfbfbf;
    font-size: 20px;
    border-bottom: 2px solid rgba(53, 86, 129, 0.3);
    text-shadow: 0 -1px 5px rgba(0, 0, 0, 0.4);
  }
  
  #cnblogs_post_body h3 {
    font-size: 18px;
    color: #346093;
    text-shadow: 0 -1px 5px rgba(0, 0, 0, 0.4);
  }
  
  #cnblogs_post_body h4 {
    font-size: 16px;
    color: #78943A;
    text-shadow: 0 -1px 5px rgba(0, 0, 0, 0.4);
  }
  
  /**
   * signature
   */
  #cnblogs_post_body #signature {
    margin-top: 20px;
    background-color: #020202;
    border-radius: 16px;
    padding: 10px 20px 10px 20px;
    font-size: 14px;
    border: 1px solid #efefef;
  }
  
  /**
   * feedback
   */
  #div_digg {
    position: fixed;
    bottom: 10px;
    right: 15px;
    border: 2px solid #ECD7B1;
    padding: 10px;
    width: 140px;
    background-color: #FFFFFF;
    border-radius: 5px 5px 5px 5px !important;
    box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);
  }
  
  /**
   * comment
   */
  .feedbackCon {
    padding-top: 13px;
    padding-bottom: 10px;
    background: transparent;
    margin-left: 1em;
    color: #666666;
    line-height: 1.5;
  }

  #tbCommentBody {
    color: #d2d2d2;
    background-color: unset;
  }

  #tip_comment {
    color: gainsboro !important;
  }

  #tip_comment2 {
    color: gainsboro !important;
  }

  #tbCommentAuthor {
    background-color: unset;
    border: none;
    color: beige;  
  }
  
  .feedbackItem {
    padding: 8px;
    border-bottom: 1px dotted #CCCCCC;
  }
  
  .body_right img {
    width: 50px;
    height: 50px;
    border-radius: 8px;
    transition: all 0.5s ease-out;
    margin-right: 20px;
    background-color: #F5F5F4;
    box-shadow: 1px 1px 2px #586F76;
  }
  
  .feedbackManage {
    float: right;
  }
  
  .blog_comment_body {
    border: 1px none #888888;
    border-radius: 8px;
    padding: 10px;
    width: 75%;
    box-shadow: 1px 1px 2px #888888;
    background: -webkit-linear-gradient(#DBD9CC, #F2F0E4);
    background: -o-linear-gradient(#DBD9CC, #F2F0E4);
    background: -moz-linear-gradient(#DBD9CC, #F2F0E4);
    background: linear-gradient(#000000, #2d2c2c);
    color: #d2d2d2;
  }
  
  .timeline-comment {
    position: relative;
    background-color: #FFFFFF;
    border: 1px solid #D1D5DA;
    border-radius: 3px;
  }
  
  .feedback_area_title {
    font-size: 18px;
    font-weight: 600;
    color: #DE6F64;
  }

  /* 文章概述 */
  .c_b_p_desc {
    color: #d2d2d2;
  }
  
  /**
   * 标签
   */
  div#EntryTag a {
    display: inline-block;
    padding: 0.3em 0.6em;
    margin: 0 0.5em 0.5em 0;
    white-space: nowrap;
    background-color: #020202;
    border-radius: 8px;
  }
  
  /*div#EntryTag a:hover {
    background-color: #FFEBCC;
  }*/
  
  div#BlogPostCategory a {
    display: inline-block;
    padding: 0.3em 0.6em;
    margin: 0 0.5em 0.5em 0;
    white-space: nowrap;
    background-color: #F1F8FF;
    border-radius: 8px;
  }
  
  div#BlogPostCategory a:hover {
    background-color: #FFEBCC;
  }

  /**
  * 隐藏目录
  */
  #navigatorTitleDiv
  {
      padding: 3px;
      position: fixed;
      top:346px; 
      right:0px;
      font-weight:bold;
      cursor:pointer;
      background-color: antiquewhite;
      border-radius: 16px 16px 16px 16px;
      font-size: 15px;
  }
  
  /**
  * 目录
  */
  #navigatorDiv 
  {
      border-style:none;
      padding: 10px;
      padding-top:10px;
      position: fixed;
      top:380px; 
      right:0px;
      background-color: antiquewhite;
      border-radius: 5px 5px 5px 5px;
  }
  
  /**
   * 广告
   */
  .c_ad_block {
    display: none;
  }
  
  #ad_t2 {
    display: none;
  }
  
  @media only screen and (max-width: 736px) {
    #navigator {
      width: 90%;
      margin: auto;
      float: none;
    }
  
    #mainContent {
      width: 90%;
      margin: auto;
      float: none;
    }
  
    #sideBar {
      width: 90%;
      margin: auto;
      float: none;
    }
  
    .newsItem {
      display: none;
    }
  
    #sidebar_search {
      display: none;
    }
  
    #blogCalendar {
      display: none;
    }
  
    #blog-calendar {
      display: none;
    }
  
    #sidebar_recentcomments {
      display: none;
    }
  
    #sidebar_topviewedposts {
      display: none;
    }
  
    #sidebar_topcommentedposts {
      display: none;
    }
  
    #sidebar_topdiggedposts {
      display: none;
    }
  }