62 lines
2.8 KiB
CSS
62 lines
2.8 KiB
CSS
@charset "utf-8";
|
|
/* CSS Document */
|
|
|
|
/*基本样式*/
|
|
body,table,input,textarea,select,button { font-family: "微软雅黑","宋体";}
|
|
h1,h2,h3,h4,h5,p {padding:0px; margin:0px;}
|
|
.f13 {font-size:13px;}
|
|
.f15 {font-size:15px;}
|
|
.fb {font-weight:bold;}
|
|
.mt5 {margin-top:5px;}
|
|
.mt10 {margin-top:10px;}
|
|
.mb5 {margin-bottom:5px;}
|
|
.mb10 {margin-bottom:10px;}
|
|
.ml10 {margin-left:10px;}
|
|
.mr10 {margin-right:10px;}
|
|
.ml15 {margin-left:15px;}
|
|
.mr15 {margin-right:15px;}
|
|
.ml55 {margin-left:55px;}
|
|
.mr55 {margin-right:55px;}
|
|
.c-blue {color:#269ac9;}
|
|
.c-grey {color:#9a9a9a;}
|
|
.c-grey2 {color:#707070;}
|
|
.c-grey3 {color:#555555;}
|
|
a {color:#707070;}
|
|
a.c-grey {color:#707070;}
|
|
a:link,a:visited{text-decoration:none;}
|
|
a:hover,a:active{cursor:pointer;}
|
|
a.link-blue {color:#269ac9;}
|
|
.border-radius {border-radius:5px;}
|
|
.max-width-60 {max-width:60px;}
|
|
.max-width-130 {max-width:130px;}
|
|
.hidden {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
|
|
.inline-block {display:inline-block;}
|
|
.undis {display:none;}
|
|
|
|
/*动态样式*/
|
|
.post-container {width:100%;}
|
|
.post-wrapper {width:98%; border:1px solid #e6e6e6; border-radius:3px; background-color:#ffffff; margin:15px auto;}
|
|
.post-main {padding:10px; color:#9a9a9a;}
|
|
.post-avatar {width:45px; height:45px; margin-right:10px;}
|
|
.post-title {font-size:13px; text-align:left;}
|
|
.fl {float:left;}
|
|
.fr {float:right;}
|
|
.cl {clear:both; overflow:hidden;}
|
|
.post-content {width:100%; font-size:13px; line-height:18px; height:90px; overflow:hidden;}
|
|
.post-interactive {width:100%; height:35px; line-height:35px; vertical-align:middle; border-top:1px solid #e6e6e6; background-color:#f8f9fb;}
|
|
.post-interactive-column {width:50%; text-align:center; float:left; font-size:13px;}
|
|
.post-interactive-reply {width:50%; text-align:center; float:left; font-size:13px;}
|
|
.post-interactive-praise {width:50%; text-align:center; float:left; font-size:13px;}
|
|
.more-wrap {width:100%;}
|
|
.more-events {width:98%; font-size:13px; text-align:center; margin:0px auto; padding: 5px 0px; border:1px solid #e6e6e6; border-radius:3px; background-color:#f8f9fb; }
|
|
.border-bottom {border-bottom:1px solid #e6e6e6;}
|
|
.post-reply-wrap {width:100%; line-height:18px; background-color:#f8f9fb;}
|
|
.post-input-wrap {width:100%; line-height:18px; background-color:#f8f9fb;}
|
|
.post-reply-row {padding:10px; color:#9a9a9a;}
|
|
.post-reply-avatar {width:45px; height:30px; text-align:center; margin-right:10px;}
|
|
.post-reply-user {font-size:13px; text-align:left; margin-bottom:10px;}
|
|
.post-reply-content {font-size:13px; text-align:left;}
|
|
.post-reply-date {font-size:13px;}
|
|
.post-reply-trigger {font-size:13px;}
|
|
.post-reply-input {width:100%; height:28px; line-height:28px; border:1px solid #e6e6e6; outline:none; border-radius:3px;}
|
|
.post-reply-submit {font-size:13px; padding:3px 8px; color:#fff; background-color:#269ac9; outline:none; border:none; display:inline-block;} |