/******* Markdown 样式*****/
blockquote { border:none; border-left: 6px solid #57A8C1; background: #F5F5F5;}
.cnblogs-markdown pre {margin: 15px 0;}
.cnblogs-markdown .hljs { font-size: 14px !important; font-family: 'Microsoft YaHei' !important}

/***** 代码高亮格式 *****/

.cnblogs-markdown .hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #fdf6e3;
  color: #657b83;
}

.cnblogs-markdown .hljs-comment,
.cnblogs-markdown .hljs-quote {
  color: #93a1a1;
}

/* Solarized Green */
.cnblogs-markdown .hljs-keyword,
.cnblogs-markdown .hljs-selector-tag,
.cnblogs-markdown .hljs-addition {
  color: #859900;
}

/* Solarized Cyan */
.cnblogs-markdown .hljs-number,
.cnblogs-markdown .hljs-string,
.cnblogs-markdown .hljs-meta .hljs-meta-string,
.cnblogs-markdown .hljs-literal,
.cnblogs-markdown .hljs-doctag,
.cnblogs-markdown .hljs-regexp {
  color: #2aa198;
}

/* Solarized Blue */
.cnblogs-markdown .hljs-title,
.cnblogs-markdown .hljs-section,
.cnblogs-markdown .hljs-name,
.cnblogs-markdown .hljs-selector-id,
.cnblogs-markdown .hljs-selector-class {
  color: #268bd2;
}

/* Solarized Yellow */
.cnblogs-markdown .hljs-attribute,
.cnblogs-markdown .hljs-attr,
.cnblogs-markdown .hljs-variable,
.cnblogs-markdown .hljs-template-variable,
.cnblogs-markdown .hljs-class .hljs-title,
.cnblogs-markdown .hljs-type {
  color: #b58900;
}

/* Solarized Orange */
.cnblogs-markdown .hljs-symbol,
.cnblogs-markdown .hljs-bullet,
.cnblogs-markdown .hljs-subst,
.cnblogs-markdown .hljs-meta,
.cnblogs-markdown .hljs-meta .hljs-keyword,
.cnblogs-markdown .hljs-selector-attr,
.cnblogs-markdown .hljs-selector-pseudo,
.cnblogs-markdown .hljs-link {
  color: #cb4b16;
}

/* Solarized Red */
.cnblogs-markdown .hljs-built_in,
.cnblogs-markdown .hljs-deletion {
  color: #dc322f;
}

.cnblogs-markdown .hljs-formula {
  background: #eee8d5;
}

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

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


/*********** 模板样式 **************/
html,
body {
  padding: 0;
  margin: 0;
  font-size: 14px;
  background: #DDD7C7;
}
a {
  text-decoration: none;
}
a:link,
a:visited,
a:hover,
a:active {
  color: #57A8C1;
}
a:hover {
  text-decoration: underline;
}
#blogTitle,
#MyLinks1_XMLLink,
.itnews {
  display: none;
}
#navigator {
  background: #57A8C1;
  border-top: 8px solid #29747f;
  line-height: 50px;
  text-align: left;
}
#navigator::after {
  background: linear-gradient(-45deg, #ddd7c7 12px, transparent 0), linear-gradient(45deg, #ddd7c7 12px, transparent 0);
  background-position: left-bottom;
  background-repeat: repeat-x;
  background-size: 24px 24px;
  content: " ";
  display: block;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 24px;
}
#navigator #navList {
  display: inline-block;
  margin: 0;
}
#navigator #navList li {
  display: inline-block;
  padding: 0 5px;
  margin: 0 10px;
}
#navigator #navList li:nth-child(1) {
  display: none;
}
#navigator #navList a {
  text-decoration: none;
}
#navigator #navList a:link,
#navigator #navList a:visited {
  color: white;
}
#navigator #navList a:hover {
  color: #29747f;
}
#navigator .blogStats {
  display: inline-block;
  color: rgba(255, 255, 255, 0.62);
  float: right;
  padding-right: 20px;
  font-size: small;
}
#main {
  position: relative;
  width: 85%;
  max-width: 1200px;
  margin: 50px auto 0;
}
.forFlow {
  background: white;
  margin-left: 210px;
  padding-top: 20px;
  position: relative;
  z-index: 10;
  -webkit-box-shadow: -12px -24px 70px -11px rgba(135, 135, 135, 0.41);
  -moz-box-shadow: -12px -24px 70px -11px rgba(135, 135, 135, 0.41);
  box-shadow: -12px -24px 70px -11px rgba(135, 135, 135, 0.41);
}
.forFlow .day {
  padding: 10px 30px;
}
.forFlow .day .dayTitle {
  text-align: left;
}
.forFlow .day .dayTitle a {
  display: inline-block;
  border: 2px dotted #dcdcdc;
  padding: 5px 10px;
  font-size: 12px;
}
.forFlow .day .postTitle {
  text-align: left;
  border-left: 4px solid #9BC2C8;
  padding-left: 5px;
  margin: 15px 0;
  height: 25px;
  line-height: 25px;
}
.forFlow .day .postCon {
  text-align: left;
  padding: 10px 10px 0;
}
.forFlow .day .postDesc {
  border-bottom: 1px dashed #E8E7D0;
  text-align: right;
  margin: 20px 0px;
  padding: 5px 0px;
  font-size: 14px;
  color: #b3b2b2;
}
.forFlow .day a:hover {
  text-decoration: underline;
}
.forFlow:after {
  background: linear-gradient(-45deg, #ddd7c7 12px, transparent 0), linear-gradient(45deg, #ddd7c7 12px, transparent 0);
  background-position: left-bottom;
  background-repeat: repeat-x;
  background-size: 24px 24px;
  content: " ";
  display: block;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 24px;
}
#sideBar {
  width: 210px;
  min-height: 200px;
  padding: 10px 0 0;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-all;
  font: 12px/1.5 Tahoma, Arial, Helvetica, sans-serif;
  left: 0;
  top: 0;
  position: absolute;
  background: #F5F5F5;
}
#sideBar:after {
  background: linear-gradient(-45deg, #ddd7c7 12px, transparent 0), linear-gradient(45deg, #ddd7c7 12px, transparent 0);
  background-position: left-bottom;
  background-repeat: repeat-x;
  background-size: 24px 24px;
  content: " ";
  display: block;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 20px;
}
#sideBar li {
  list-style: none;
}
#sideBar #sideBarMain {
  padding: 0 10px;
}
#sideBar #blog-calendar {
  padding: 25px 0 10px;
}
#sideBar #leftcontentcontainer ul {
  padding-left: 10px;
}
#footer {
  text-align: center;
  font-size: 14px;
  margin: 10px;
}
#topics {
  padding: 15px 35px;
}
#topics .post .postTitle {
  border-left: 4px solid #9BC2C8;
  padding-left: 10px;
  margin: 15px 0 35px;
  font-size: 24px;
}
#comment_nav {
  padding-right: 20px;
  font-size: 14px;
}
#comment_form_container {
  padding: 0 20px;
}
.topicListFooter {
  padding: 15px;
}
img {
  max-width: 90% !important;
}
.entrylist {
  padding: 10px 15px;
}
.entrylist .entrylistTitle {
  font-size: 1.5rem !important;
}
.entrylist .entrylistItem {
  margin: 15px auto;
}
.entrylist .entrylistPostSummary {
  display: none;
}
@media screen and (max-width: 768px) {
  #main {
    width: 90%;
  }
  #sideBar {
    display: none;
  }
  .forFlow {
    margin: 0 auto;
  }
  .blogStats {
    display: none !important;
  }
  #navList {
    font-size: 1.5rem;
  }
}
@media screen and (max-device-width: 768px) {
  #sideBar {
    display: none;
  }
  #main {
    width: 90%;
  }
  .forFlow {
    margin: 0 auto;
  }
  .forFlow::after {
    display: none;
  }
  #navigator::after {
    display: none;
  }
  .blogStats {
    display: none !important;
  }
  img {
    max-width: 90% !important;
  }
  #navList {
    font-size: 1.5rem;
  }
}