* {
box-sizing: border-box;
margin: 0; /*这两个都还是要指定的,否则会出现怪异的问题*/
padding: 0;
}
body {
margin: 0% 15% 0% 15%;
line-height: 170%;
font-family: "Helvetica Neue",
"Segoe UI",
Helvetica,
Arial,
"Hiragino Sans GB",
"Microsoft YaHei",
"WenQuanYi Micro Hei",
sans-serif;
}
li {
list-style-type: none;
}
/*body {
max-width: 700px; for the large screens it's best to limit to maximum width
}*/
img {
max-width: 100%;
}
a {
text-decoration: none; /*去掉下划线*/
color: blue; /*可以避免访问后link变色的问题*/
}
/********************************************************general css end*/
#cnblogs_post_body img {
max-width: 100%;
}
.feedbackItem {
border: solid gray 0.001em;
border-radius: 0.5em;
}
.feedbackManage {
float: right;
}
#blogTitle {
font-family: "楷体", "Microsoft YaHei", Arial;
font-size: 300%;
/*padding: 6% 0% 2% 35%;*/
/*text-align: center;*/
}
.subtitle {
font-size: 42%;
/*margin: 2em 0;*/
}
.postTitle {
clear: both;
font-size: 1.5em;
/*text-align: center;*/
font-weight: normal;
/*margin: 1em 0;*/
line-height: 2em;
/*pointer-events: none;去掉链接
cursor: default;*/
}
.title a, .postTitle a, #navigator ul a {
color: #5d5d5d;
}
#navigator ul {
overflow: hidden;
margin: 0em 0em 4em 0em;
/*border-top: .01em solid;
border-bottom: .01em solid;*/
color: #5d5d5d; /*以至于边框和字的颜色一样*/
/*border: .01em solid blue;*/
}
#navigator ul li {
float: left;
width: 20%; /*5个li,故每个0.2*/
/*margin: .5em 0em;/*没办法,不能放在ul里*/
/*border: .01em solid;*/ /*是为了手机的时候栏目名转行的区分,没有的话不方便,上面用了20%造成的*/
/*padding: 1em 0em;*/
border-right: .01em solid;
}
#navigator ul li a {
display: block;
/*margin: auto;*/
text-align: center;
}
#navigator {
visibility: hidden; /*隐藏默认的导航栏*/
}
.dayTitle,
#blog_post_info,
#under_post_news,
#cnblogs_c1,
#cnblogs_c2,
#ad_t2,
#under_post_news,
#under_post_kb,
.p_n_p_prefix,
#commentbox_opt a,
#comment_form_container > p:nth-child(7),
#comment_nav,
#comment_form_container > p:nth-child(3),
#commentform_title,
.feedback_area_title {
display: none;
}
div.commentform textarea {
width: 100%;
height: 10em;
}
#footer {
text-align: center;
}
.postDesc, .entrylistItemPostDesc {
text-align: right;
}
#jiathis_style {
overflow: hidden; /*jiathis_style被float过,为了让图片起新行,故如此*/
}
#sideBar {
display: none;
}
.entrylistItem, .day {
margin: 2em 0;
}
#promotion {
margin: 3% 0%;
/*overflow: hidden; */
/* background-color: gray; */
border: 0.3em solid #e0dfcc;
border-radius: 1em;
display: flex;
flex-wrap: wrap; /*转行*/
justify-content: center; /*整块内容水平居中*/
align-items: center; /*并排垂直居中*/
}
#promotion ul li {
margin: 1em;
}
@media screen and (max-width: 720px) {
body {
margin: 0% 2% 0% 2%;
}
}
@media screen and (min-width: 721px) {
.postTitle {
box-shadow: 0 -4px 6px .2px #aaaaaa;
padding: 4%;
}
#cnblogs_post_body {
box-shadow: 0 4px 6px .2px #aaaaaa;
padding: 1% 4%;
}
}