/*---------------------------------------------基于nature风格改造-----头部分---------------------------------------------------------dayTitle里的蝴蝶在html里写的，我需要把它去掉，奇怪的是之前原来没加载出来的图片现在加载出来了,后来才发现没禁用css------------------*/
/*名字部分，需要知道如何设置字体，还有如何移动id=Header1_HeaderTitleclass="headermaintitle HeaderMainTitle"*/
/*-----------------------------------------------------------全局样式-------------------------------------------------------*/
/*长词换行*/
div {
    word-wrap: break-word
}

/*微博名字,在这里无法用left向下和向右挪动，可以用padding*/
.headerText{
padding:20px;
}
.headermaintitle{
font-family:Arial,Helvetica,Cursive;/*手写字体*/
font-weight: bold;
font-size:24px; 
color:gray;                   /*微博名字,颜色失效*/
text-decoration:none;  
border-radius:5%;
/*background:linear-gradient(to top left, #9BCDFF 0%, #FFFFFF 50%, #008CD0 100%);*/ //这是定义背景颜色的权位置
}
/*个性标签*/
.headerDis{
font-family:Arial,Helvetica,Fantasy;/*手写字体*/
font-weight: bold;
font-size:10px; 
padding:25px
}

/*普通的未被访问的链接，灰黑色*/
a:link {
    color: #666;
    text-decoration: none;
}
/*对未访问的链接设置样式，属于CSS 链接技术*/
a.headermaintitle:link {
    color: #000;
    text-decoration: none;
}
/*对已访问的链接设置样式，和上面一样不显示超链接下滑线*/
a.headermaintitle:visited {
    color: #000;
    text-decoration: none;
}
/*背景，竖线平铺*/
html, body {
    height: 100%;
    margin: auto;
    font: 12px black Verdana, Arial, Helvetica, sans-serif;
    line-height: 1.5;
    background: url(https://images.cnblogs.com/cnblogs_com/timingstarts/1758612/t_2005061108264444.JPG?a=1588765618712)  top left repeat-x #e9f1f8
}
/*标题栏*/
#banner {
    width: 100%;/*不要定义超过100%，屏幕会被拉长，不要定义px，屏幕无法自适应*/
    height: 160px;
    border: solid 0 #000;
    /*background: url(https://images.cnblogs.com/cnblogs_com/timingstarts/1758603/o_200506111751116.jpg)  no-repeat;     */    /*top left repeat-x*/
background:linear-gradient(to bottom right, #ACD6FF 0%, #60AFFF 50%,#0D86FF 100%);//这是定义背景颜色的权位置
}
/*左100上20*/
#bnr_pic {
    left:80px;
    width: 100%;
    height: 100%;
    border: solid 0 #f00;
    background: url()no-repeat  1250px 20px;
}
/*------------------------------------------------------------主体部分------------------------------------------------------------*/
#main {
    width: 100%;
    height: 100%;
    background: transparent
}
/*控制左边文章部分，可以调高度和间距*/
#left {
    position: absolute;
    right: 240px;/*原先是left: 240px;*/
    top: 150px;
    left: 20px;/*原先是right: 20px;*/
    width: 100% -240px;
    height: 100%;
    background: transparent;
    border: solid 0 #f00
}
/*博客园    首页    新随笔    联系   管理    订阅   订阅样式，图片没换*/
/*这个还没加图片，这个图片还是原先的图片，原先的图片一定会失效，它不会显示*/
#mylinks {
    background: url(images/top_menu.gif) top left no-repeat;
    padding: 10px;
    margin-left: 15px;
}
/*博客园*/
#blog_nav_sitehome{
color:#FF0000;
}
/*首页 */
#blog_nav_myhome{
color:#FF8000;
}
/*新随笔*/
#blog_nav_newpost{
color:#FFFF00;
}
/*联系*/
#blog_nav_contact{
color:#80FF80;
}
/*管理 */
#blog_nav_admin{
color:#0000FF;
}
/*订阅*/
#blog_nav_rss{
color:#400080;
}
/*文章标题*/
.postTitle2{
color:#800080;
}
/*摘要的首行缩进,两个字符*/
.c_b_p_desc {
    text-indent: 25px
}
/*年月日标题样式*/
.dayTitle {
    padding-bottom: 10px;
    margin-bottom: 0;
    font-weight: bold;
    font-family: verdana,monospace,sans-serif;
    color: #666;
}
/*摘要段落设置背景图片，dashed是虚线，padding是设置内边距*/
.day {
    border: 1px #676767 dashed;
    background: #fff url(images/bg_day.jpg) top right no-repeat;
    padding: 15px;
    margin-bottom: 20px;
}
/*摘要段落，上面那行的标题，就是发的博文标题*/
.postTitle {
    border: solid 0 #f00;
    padding: 10px;
    padding-left: 5px;
    font-size: 11px;
    font-weight: bold;
}
/*摘要段落，下面那行的posted,就是有多少阅读量那个位置*/
.postDesc {
    border: solid 0 #f00;
    text-align: right;/*以前在右边*/
    font-family: arial,sans-serif;
    font-size: 12px;
    color: #808080;
}
/*分页位置，上一页，下一页*/
.pager {
    font-size: 12px;
    margin: 10px 0;
    text-align: right;/*以前在中间*/
    color: #2e6ab1;
    line-height: 200%;
}
/*------------------------------------------------侧边部分部分，就是公告那一竖条------------------------------------------------------------*/
#right {
    float: right;/*原先是left*/
    width: 220px;
    margin-left: 10px;
    text-align: left;/*原先是center*/
    border: 1px #676767 dashed;
    background: #fff;
/*padding:10px 0 30px 0; */
    color: #666
}
/*公告部分div*/
#sidebar_news{
color:#000000; 
/*   background:#008CD0;    背景色*/
border-top:0px solid #871515; 
/*padding:10px 0 30px 0; */
width:100%
}
/*昵称部分*/
#profile_block{
}
/*************************************以下日历************************************/
/*日历，黑色字体*/
#calendar{
color:#000000; 
border-top:0px solid #871515; 
width:100%
}
/*日历年月，黑色字体，font-weight加粗*/
.CalTitle{
    font-size: 15px;
    color:#000000;
    font-weight: 600;
    line-height: 30px;
}
/*日历背景图片*/
.Cal{
}
/*周几，黑色字体，加粗*/
.CalDayHeader{
    font-size: 14px;
    line-height: 30px;
    color:#000000;
    font-weight: 600;
    border-bottom: 1px solid #F4F4F4;
}
/*周末字体设置，这里可以顺便调节行高*/
/*.CalWeekendDay{
font-size:14px;
line-height:1;
}*/
/*对当天日期的修饰*/
.CalTodayDay{
background-color:#008CD0;
color:#FFFFFF;
width:1px;
height:1px;
border-radius:0%;
}
/*发过博客的日期有哪些，这里去掉了下划线，然后加粗*/
#blog-calendar  u{
color:#008CD0;
font-weight:600;
text-decoration:none!important;
}
/*************************以上日历****************************/
/*搜索部分div*/
#sidebar_search{
color:#000000; 
/*   background:#008CD0;    背景色*/
border-top:0px solid #871515; 
/*padding:10px 0 30px 0; */
width:100%
}
/*搜索部分input*/
input{
/*   background:#008CD0;    背景色*/
}
/*常用链接部分div，color是字体色，黑色*/
#sidebar_shortcut{
color:#000000; 
/*   background:#008CD0;    背景色*/
border-top:0px solid #871515; 
/*padding:10px 0 30px 0; */
width:100%
}

/*我的标签部分div*/
#sidebar_toptags{
color:#000000; 
/*   background:#008CD0;    背景色*/
border-top:0px solid #871515; 
/*padding:10px 0 30px 0; */
width:100%
}
/*随笔分类div,一直包括到相册，但是不包括评论部分*/
#sidebar_categories{
color:#000000; 
/*   background:#008CD0;    背景色*/
border-top:0px solid #871515; 
/*padding:10px 0 30px 0; */
width:100%
}
/*评论部分div*/
#recent_comments_wrap{
color:#000000; 
/*   background:#008CD0;    背景色*/
border-top:0px solid #871515; 
/*padding:10px 0 30px 0; */
width:100%
}
/*阅读排行榜div*/
#topview_posts_wrap{
color:#000000; 
/*   background:#008CD0;    背景色*/
border-top:0px solid #871515; 
/*padding:10px 0 30px 0; 上下左右间距*/
width:100%
}
/*评论排行榜*/
#topfeedback_posts_wrap{
color:#000000; 
/*   background:#008CD0;    背景色*/
border-top:0px solid #871515; 
/*padding:10px 0 30px 0; */
width:100%
}
/*备案号*/
#footer{
color:#000000; /*字体色，黑色*/
/*   background:#008CD0;    背景色*/
border-top:0px solid #871515;    /*原先是1px*/
padding:10px 0 30px 0;    /*上下左右内边距*/
width:100%
}