/* 主页样式 */
#home {
    /* 水平居中，左右外边距自动 */
    margin: 0 auto;
    /* 宽度为父元素的 80%，原始为 65 */
    width: 80%; 
    /* 最小宽度为 980px，作为页面顶部的宽度 */
    min-width: 980px; 
    /* 半透明的背景颜色 */
    background-color: rgba(245, 245, 245, 0.7); 
    /* 内边距为 30px */
    padding: 30px; 
    /* 上外边距为 50px */
    margin-top: 50px; 
    /* 下外边距为 50px */
    margin-bottom: 50px; 
    /* 阴影效果 */
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); 
}

/* 页面主体样式 */
body {
    /* 背景颜色和背景图片，图片固定不重复，位置在 50% 5% ，覆盖整个页面 */
    background: rgba(12, 100, 129, 1) url('https://images.cnblogs.com/cnblogs_com/Penn000/1013849/o_fr.jpg') fixed no-repeat; 
    background-position: 50% 5%; 
    background-size: cover; 
}

/* 博客标题样式 */
#blogTitle {
    /* 高度为 100px */
    height: 100px; 
    /* 清除左右浮动 */
    clear: both; 
    /* 透明的背景颜色 */
    background-color: rgba(245, 245, 245, 0); 
}

/* 博客标题一级标题样式 */
#blogTitle h1 {
    /* 字体大小为 36px */
    font-size: 36px; 
    /* 加粗字体 */
    font-weight: bold; 
    /* 行高为 1.8em，原始为 1.6em */
    line-height: 1.8em; 
    /* 上外边距为 10px，原始为 15px */
    margin-top: 10px; 
    /* 颜色为深绿色 */
    color: #548B54; 
}

/* 博客标题二级标题样式 */
#blogTitle h2 {
    /* 正常字体粗细 */
    font-weight: normal; 
    /* 字体大小为 17px，原始为 16px 或 1.0rem */
    font-size: 17px; 
    /* 行高为 1.8 */
    line-height: 1.8; 
    /* 颜色为黑色 */
    color: #111; 
    /* 加粗字体 */
    font-weight: bold; 
    /* 右对齐 */
    text-align: right; 
    /* 右浮动 */
    float: right; 
}

/* 导航栏样式 */
#navigator{
    /* 导航栏的背景颜色 */
    background-color: rgba(33, 160, 139, 0.9); 
}

/* 导航栏链接样式 */
#navList a:link, #navList a:visited, #navList a:active{
    /* 链接颜色为浅灰色 */
    color: #eee; 
    /* 字体大小为 18px */
    font-size: 18px; 
    /* 加粗字体 */
    font-weight: bold; 
}

/* 博客统计信息样式 */
.blogStats{
    /* 统计信息的颜色为浅灰色 */
    color: #eee; 
}

/* 文章标题样式 */
.postTitle {
    /* 左边框为 8px 宽的半透明颜色 */
    border-left: 8px solid rgba(33, 160, 139, 0.68); 
    /* 左边距为 10px */
    margin-left: 10px; 
    /* 下边距为 10px */
    margin-bottom: 10px; 
    /* 字体大小为 20px */
    font-size: 20px; 
    /* 右浮动 */
    float: right; 
    /* 宽度为 100% */
    width: 100%; 
    /* 清除左右浮动 */
    clear: both; 
}

/* 文章标题链接样式 */
.postTitle a:link,.postTitle a:visited,.postTitle a:active {
    /* 链接颜色为蓝色 */
    color: #21759b; 
    /* 过渡效果，所有属性变化在 0.4s 内线性过渡 */
    transition: all 0.4s linear 0s; 
}

/* 文章标题链接鼠标悬停样式 */
.postTitle a:hover {
    /* 左外边距为 30px */
    margin-left: 30px; 
    /* 颜色为深蓝色 */
    color: #0f3647; 
    /* 去掉下划线 */
    text-decoration: none; 
}

/* 文章内容样式 */
.postCon {
    /* 右浮动 */
    float: right; 
    /* 行高为 1.5em */
    line-height: 1.5em; 
    /* 宽度为 100% */
    width: 100%; 
    /* 清除左右浮动 */
    clear: both; 
    /* 上下内边距为 10px */
    padding: 10px 0; 
}

/* 日期元素下的文章标题链接样式 */
.day.postTitle a {
    /* 左内边距为 10px */
    padding-left: 10px; 
}

/* 日期元素样式 */
.day {
    /* 半透明的白色背景 */
    background: rgba(255, 255, 255, 0.5); 
}

/* 文章附加信息样式 */
.postDesc {   
    /* 背景图片，不重复，位置在 0 1px */
    background: url(images/posted_time.png) no-repeat 0 1px; 
    /* 颜色为深灰色 */
    color: #757575; 
    /* 左浮动 */
    float: left; 
    /* 宽度为 100% */
    width: 100%; 
    /* 清除左右浮动 */
    clear: both; 
    /* 左对齐 */
    text-align: left;     
    /* 字体为微软雅黑、宋体、黑体或 Arial */
    font-family: "微软雅黑", "宋体", "黑体",Arial; 
    /* 字体大小为 13px */
    font-size: 13px; 
    /* 右内边距为 20px，原始为 5px，posted 发表时间左边距离 */
    padding-right: 20px; 
    /* 上外边距为 20px */
    margin-top: 20px; 
    /* 行高为 1.8 */
    line-height: 1.8; 
    /* 下内边距为 35px */
    padding-bottom: 35px; 
}

/* 各种列表项样式 */
.newsItem,.catListEssay,.catListLink,.catListNoteBook,.catListTag,.catListPostCategory, 
.catListPostArchive,.catListImageCategory,.catListArticleArchive,.catListView, 
.catListFeedback,.mySearch,.catListComment,.catListBlogRank,.catList,.catListArticleCategory,#blog-calendar {
    /* 半透明的白色背景 */
    background: rgba(255, 255, 255, 0.5); 
    /* 下外边距为 35px */
    margin-bottom: 35px; 
    /* 自动换行 */
    word-wrap: break-word; 
}

/* 日历标题样式 */
.CalTitle{
    /* 透明的背景 */
    background: rgba(255, 255, 255, 0); 
}

/* 类别列表标题样式 */
.catListTitle{
    /* 半透明的蓝色背景 */
    background-color: rgba(33, 160, 139, 0.9); 
}

/* 主题元素样式 */
#topics{
    /* 半透明的白色背景 */
    background: rgba(255, 255, 255, 0.5); 
}

/* 广告块样式，设置为不显示 */
.c_ad_block{
    display: none; 
}

/* 评论输入框样式 */
#tbCommentBody{
    /* 宽度为 100% */
    width: 100%; 
    /* 高度为 200px */
    height: 200px; 
    /* 半透明的白色背景 */
    background: rgba(255, 255, 255, 0.5); 
}

/* 搜索框样式 */
#q{
    /* 透明的背景 */
    background: rgba(255, 255, 255, 0); 
}

/* 日历的前后导航样式 */
.CalNextPrev{
    /* 透明的背景 */
    background: rgba(255, 255, 255, 0); 
}

/* 代码块样式 */
.cnblogs_code{
    /* 透明的背景 */
    background: rgba(255, 255, 255, 0);    
}

/* 代码块内部 div 样式 */
.cnblogs_code div{
    /* 透明的背景 */
    background: rgba(255, 255, 255, 0);    
}

/* 代码块工具栏样式 */
.cnblogs_code_toolbar{
    /* 透明的背景 */
    background: rgba(255, 255, 255, 0);  
}

/* 条目列表样式 */
.entrylist{
    /* 半透明的白色背景 */
    background: rgba(255, 255, 255, 0.5);  
}

/* 主体部分样式 */
#main{
    /* 最小宽度为 640px */
    min-width: 640px; 
}