* {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
}
a {
  text-decoration: none;
  color: #f0f4c3;
}
a:link {
  color: #009;
}
a:visited {
  color: #800080;
}
a:hover,
a:active,
a:focus {
  color: #c00;
  text-decoration: none;
}
body {
  background: url(https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture) no-repeat fixed;
}
#home {
  height: 100%;
  width: 100%;
}
#home #header #blogTitle {
  display: flex;
  background: #afb42b;
  opacity: 0.9;
  height: 80px;
}
#home #header #blogTitle h1 {
  padding: 10px 0 0 80px;
}
#home #header #blogTitle h1 a {
  color: #f0f4c3;
}
#home #header #navigator {
  padding-left: 100px;
}
#home #header #navigator #navList {
  display: flex;
  margin: 0 auto;
  margin-top: 20px;
}
#home #header #navigator #navList li {
  font-size: 20px;
  margin-right: 20px;
  width: 100px;
  height: 40px;
  background: #8bc34a;
  text-align: center;
  line-height: 40px;
  border-radius: 10px;
  opacity: 0.8;
}
#home #header #navigator #navList li a {
  color: #f0f4c3;
}
#home #header #navigator .blogStats {
  margin-top: 5px;
  border: 1px double #cddc39;
  color: #f0f4c3;
  width: 500px;
  text-align: center;
  border-radius: 10px;
}
#home #main {
  opacity: 0.94;
  display: flex;
  padding-left: 100px;
  margin-top: 6px;
  height: 100%;
}
#home #main #mainContent {
  opacity: 0.94;
  flex: 7;
  background: #f0f4c3;
  padding: 50px 50px;
  height:600px;
  overflow: auto;
}

#home #main #mainContent::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
  }
  #home #main #mainContent::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius   : 10px;
  background-color: #16abf6;
  background-image: -webkit-linear-gradient(
      45deg,
      #cddc39 25%,
      transparent 25%,
      transparent 50%,
      #8bc34a 50%,
      #90be5a 75%,
      transparent 75%,
      transparent
  );
  }
  #home #main #mainContent::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #ededed;
  border-radius: 10px;
  }
#home #main #mainContent .forFlow .dayTitle a {
  color: #afb42b;
}
#home #main #mainContent .forFlow .postTitle a {
  font-size: 18px;
  color: #212121;
  font-weight: 700;
}
#home #main #mainContent .forFlow .postCon {
  color: #212121;
}
#home #main #mainContent .forFlow .postCon .c_b_p_desc_readmore {
  color: #212121;
  font-weight: 700;
}
#home #main #mainContent .forFlow .postDesc {
  color: #757575;
  margin-bottom: 20px;
}
#home #main #mainContent .forFlow .postDesc a {
  color: #212121;
  font-weight: 700;
}
#home #main #sideBar {
  float: right;
  flex: 2;
  background: #8bc34a;
}
#home #main #sideBar #sideBarMain .newsItem {
  padding: 56px 80px;
  position: relative;
}
#home #main #sideBar #sideBarMain .newsItem .catListTitle {
  text-align: center;
  margin-bottom: 10px;
  color: #fff;
}
#home #main #sideBar #sideBarMain .newsItem #profile_block {
  color: #f0f4c3;
}
#home #main #sideBar #sideBarMain .newsItem #profile_block a {
  color: #fff;
}
#home #footer {
  text-align: center;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 20px;
  padding: 0 10px;
  color: #fff;
  margin-top: 10px;
}
#leftcontentcontainer {
  height:450px;
  overflow:auto;
}
#leftcontentcontainer::-webkit-scrollbar {
  /*滚动条整体样式*/
  width : 10px;  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
#leftcontentcontainer::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius   : 10px;
  background-color: #00796B;
  background-image: -webkit-linear-gradient(
      45deg,
      #B2DFDB 25%,
      transparent 25%,
      transparent 50%,
      #009688 50%,
      #FFFFFF 75%,
      transparent 75%,
      transparent
  );
  }
  #leftcontentcontainer::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow   : inset 0 0 5px rgba(0, 0, 0, 0.2);
  background   : #ededed;
  border-radius: 10px;
  }
  #blog-calendar {
    display: none !important;
  }
  #sidebar_search{
    display:none !important;
  }
#sidebar_shortcut{
  display:none !important;
}
.catListTitle {
    color:#F0F4C3;
}
#leftcontentcontainer {
  padding-left:70px;
}
#TopViewPostsBlock ul li {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
#blog-sidecolumn ul li a,#blog-sidecolumn ul li {
  color: #727272;
}
div#blog-news {
  padding-left:30px;
}
/* 配色按钮设置 */
.Switch_the_theme {
  position:absolute;
  top:10px;
  left:10px;
}
.Switch_the_theme span{
  background:#fff;
  display: inline-block;
  width:50px;
  height:30px;
  text-align: center;
  line-height: 30px;
  border-radius:4px;
  color: #757575;
  border:1px solid #757575;
  cursor: pointer;
}
.Switch_the_theme span:hover {
  background:#757575;
  color: #fff;
}
.Switch_the_theme span.this_s {
  background:#757575;
  color: #fff;
}
/* 第二套配色 红*/
/* 头部 */
#home #header #blogTitle.red {
  background:#C2185B;
}
/* 按钮 */
#home #header #navigator #navList li.red {
  background:#FF5252;
}
/* 内容 */
#home #main #mainContent.red {
  background:#FFE0B2;
}
/* 侧边栏 */
#home #main #sideBar.red {
  background:#FBC02D;
}
#home #header #navigator .blogStats.red {
  border-color: #C2185B;
  color: #C2185B;
}
/* 第三套配色 蓝*/
/* 头部 */
#home #header #blogTitle.blue{
  background:#1976D2;
}
/* 按钮 */
#home #header #navigator #navList li.blue{
  background:#2196F3;
}
/* 内容 */
#home #main #mainContent.blue{
  background:#BBDEFB;
}
/* 侧边栏 */
#home #main #sideBar.blue{
  background:#03A9F4;
}
#home #header #navigator .blogStats.blue {
  border-color: #03A9F4;
  color: #03A9F4;
}
/* 第四套配色 灰*/
/* 头部 */
#home #header #blogTitle.gray{
  background:#455A64;
}
/* 按钮 */
#home #header #navigator #navList li.gray{
  background:#607D8B;
}
/* 内容 */
#home #main #mainContent.gray{
  background:#CFD8DC;
}
/* 侧边栏 */
#home #main #sideBar.gray{
  background:#9E9E9E;
}
#home #header #navigator .blogStats.gray {
  border-color: #607D8B;
  color: #607D8B;
}
/* 第五套配色 橙*/
/* 头部 */
#home #header #blogTitle.orange{
  background:#F57C00;
}
/* 按钮 */
#home #header #navigator #navList li.orange{
  background:#FF9800;
}
/* 内容 */
#home #main #mainContent.orange{
  background:#FFC107;
}
/* 侧边栏 */
#home #main #sideBar.orange{
  background:#FF9800;
}
#home #header #navigator .blogStats.orange {
  border-color: #FF9800;
  color: #FF9800;
}