@media screen and (max-width: 768px){
#main, #mainContent{
width: 100%;
}
#sideBar, body > a, #navList, #navigator, .postDesc a, #homepage_top_pager{
display: none;
}
#blogTitle a{
font-size: 30px;
}
#blogTitle h2{
font-size: 16px;
}
#header{
height: 180px;
}
#home{
background-image: none;
}
.postTitle a{
font-size: 22px;
}
.postCon, .postCon a{
font-size: 16px;
}
.day{
margin: 0 2%;
}
.postCon a{
padding-left: 0;
}
.postDesc{
width: 100%;
font-size: 12px;
}
#home{
background-color: #68BCCA;
}
#mainContent .forFlow{
margin: 4px 0 0 0;
}
.postBody{
}
#blogTitle{
left: 0;
}
#mainContent .postBody{
width: 100%;
}
.post{
padding: 0 4%;
}
#header{
background: url(https://images.cnblogs.com/cnblogs_com/lvdabao/507840/o_face-monkey-128.png) top right no-repeat;
background-size: 46px;
}
.topicListFooter{
width: 100%;
text-align: center;
padding: 0;
height: 40px;
}
.topicListFooter a:link{
font-size: 12px;
}
}