body{background: url(https://r.photo.store.qq.com/psb?/V12DAuc82njsIq/sNf*SckZXEgpKmvXOHaITYWEUHOYCyD*MxAstbOH43E!/r/dLMAAAAAAAAA) fixed;}
@media screen and (max-width: 600px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
  .class {
    background: #ccc;
  }
}
.abc{ height:300px; border:1px solid #000; margin:0 auto} 
@media screen and (min-width: 1201px) { 
.abc {width: 1200px} 
} 
/* css注释：设置了浏览器宽度不小于1201px时 abc 显示1200px宽度 */ 
@media screen and (max-width: 1200px) { 
.abc {width: 900px} 
} 
/* 设置了浏览器宽度不大于1200px时 abc 显示900px宽度 */ 
@media screen and (max-width: 901px) { 
.abc {width: 200px;} 
} 
/* 设置了浏览器宽度不大于901px时 abc 显示200px宽度 */ 
@media screen and (max-width: 500px) { 
.abc {width: 100px;} 
} 
/* 设置了浏览器宽度不大于500px时 abc 显示100px宽度 */ 
.cnblogs_code {
    background-color: rgba(0, 0, 0, 0.075);
    font-family: Courier New!important;
    font-size: 12px!important;
    border: 1px solid rgba(0, 0, 0, 0);
    padding: 5px;
    overflow: auto;
    margin: 5px 0;
    color: #000;
}
.cnblogs_code div {
    background-color: rgba(0, 0, 0, 0.075);
}
.cnblogs_code_toolbar a:hover, .cnblogs_code_toolbar a:link, .cnblogs_code_toolbar a:visited, .cnblogs_code_toolbar a:active, .cnblogs_code_toolbar a:link img, .cnblogs_code_toolbar a:visited img {
    background-color: rgba(0, 0, 0, 0)!important;
    border: none!important;
}
#home {
    margin: 0 auto;
    width: 50%;
    min-width: 800px;
    background-color: rgba(248, 248, 248, 0.64);
    padding: 30px;
    margin-top: 50px;
    margin-bottom: 50px;
    box-shadow: 0 2px 6px rgba(100, 100, 100, 0);
}
#blogTitle h1 {
    font-size: 50px;
    font-weight: bold;
    line-height: 1.5em;
    margin-top: 20px;
}
#sideBar h3 {
    font-size: 20px;
}
.day .postTitle a {
    padding-left: 20px;
}
#profile_block {
    margin-top: 8px;
    line-height: 1.5;
    text-align: left;
}

bundle-SimpleMe…1EpUHL_441:198
#main {
    width: 100%;
    text-align: left;
    margin-top: 20px;
}
#blog-calendar {
    width: 200px;
    padding-bottom: 2px;
    margin-bottom: 30px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
}
#navigator {
    font-size: 15px;
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
    height: 50px;
    clear: both;
    margin-top: 25px;
}
.catListTitle {
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 10px;
    text-align: left;
    border-left: 10px solid #99cc33;
    padding: 10px 0 10px 14px;
    background-color: rgba(0, 0, 0, 0);
}
#blog-calendar {
    width: 200px;
    padding-bottom: 2px;
    margin-bottom: 30px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
}
.newsItem, .catListEssay, .catListLink, .catListNoteBook, .catListTag, .catListPostCategory, .catListPostArchive, .catListImageCategory, .catListArticleArchive, .catListView, .catListFeedback, .mySearch, .catListComment, .catListBlogRank, .catList, .catListArticleCategory {
    background: rgba(0, 0, 0, 0);
    margin-bottom: 35px;
    word-wrap: break-word;
}
.CalDayHeader {
    background: rgba(0, 0, 0, 0);
    font-weight: 100;
    color: #333;
}
.CalTitle td {
    background: #99cc33 !important;
    border: 0px !important;
    color: #5E5F63;
    font-family: "Comic Sans MS";
}
.CalDayHeader {
    background: rgba(0, 0, 0, 0);
    font-weight: 100;
    color: #f5f5f5;
}
#blogTitle h1 a {
    color: #333;
}
#navList a:link, #navList a:visited, #navList a:active {
    color: #333;
    font-weight: bold;
}
.c_b_p_desc {
    font-size: 15px;
    line-height: 1.5;
}
#sideBar a {
    color: #333;
}
.blogStats {
    float: right;
    color: #333;
    margin-top: 19px;
    margin-right: 2px;
    text-align: right;
}
.postDesc {
    font-size: 13px;
    background: url(images/posted_time.png) no-repeat 0 1px;
    color: #333;
    float: left;
    width: 100%;
    clear: both;
    text-align: left;
    padding-left: 20px;
    padding-right: 5px;
    margin-top: 20px;
    line-height: 1.5;
.postDesc a:link, .postDesc a:visited, .postDesc a:active {
    color: #000;
}