wpcouponcode
pre{
padding:0;
background-color:#ffffff;
border-bottom-left-radius:0px;border-bottom-right-radius:0px;border-top-right-radius:0px;border-top-left-radius:0px;
}
article{
overflow-wrap: break-word;
}
code{
background-color:#ffffff;
}
/*页面边距*/
.small {
font-size: 14px;
word-break: break-word;
padding: 0vw 5vw 0vw 5vw;
}
/*日期显示*/
.post-meta-data {
margin-left: 0px;
margin-right: 0px;
background-color: #F8F8F8;
padding-left: 30px;
}
/*主列表item使其显示正常*/
.hentry {
/* height: 100%; */
height:auto;
border: 2px dashed gray;
padding-top: 1px;
margin-bottom: 40px;
}
/*链接换行*/
a {
word-break: break-all;
}
p {
overflow-wrap: break-word;
}
/**/
.navbar-toggle {
position: relative;
padding: 9px 10px;
margin-top: 8px;
margin-right: 0px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
/*
.hentry{
height: auto;
border: 2px dashed gray;
padding-top: 1px;
margin-bottom: 40px;
}
*/
/*修复标题显示异常问题*/
/*
span.site-description {
font-size: 13px;
line-height: 20px;
color: #ddd;
}
*/
/*评论头像圆角 Form WWW.VPAO.NET*/
.avatar{float:left;margin-right:8px;padding:1px;border:1px solid #cfd9e1;width:40px;height:40px; /*设置图像的长和宽*/
border-radius: 20px;/*设置图像圆角效果,在这里我直接设置了超过width/2的像素，即为圆形了*/
-webkit-border-radius: 20px;/*圆角效果：兼容webkit浏览器*/
-moz-border-radius:20px;
box-shadow: inset 0 -1px 0 #3333sf;/*设置图像阴影效果*/
-webkit-box-shadow: inset 0 -1px 0 #3333sf;
-webkit-transition: 0.4s;
-webkit-transition: -webkit-transform 0.4s ease-out;
transition: transform 0.4s ease-out;/*变化时间设置为0.4秒(变化动作即为下面的图像旋转360度）*/
-moz-transition: -moz-transform 0.4s ease-out;
}
.avatar:hover{/*设置鼠标悬浮在头像时的CSS样式*/
box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);
-webkit-box-shadow: 0 0 10px #fff; rgba(255,255,255,.6), inset 0 0 20px rgba(255,255,255,1);
transform: rotateZ(360deg);/*图像旋转360度*/
-webkit-transform: rotateZ(360deg);
-moz-transform: rotateZ(360deg); }
发表评论