|
|
|
@ -4,14 +4,16 @@
|
|
|
|
|
/*基本样式*/
|
|
|
|
|
body,table,input,textarea,select,button { font-family: "微软雅黑","宋体","Helvetica Neue", Helvetica, Arial, sans-serif;}
|
|
|
|
|
body, ul, h1,h2,h3,h4,h5,p,pre,input {padding:0px; margin:0px;}
|
|
|
|
|
body{background-color: #EFEFF4;}
|
|
|
|
|
body{background-color: #efeff4;}
|
|
|
|
|
ul li {list-style:none;}
|
|
|
|
|
img {max-width:100%;}
|
|
|
|
|
blockquote {border:1px solid #d4d4d4; padding: 0.6em; margin-left: 1.4em; margin-right: 0.4em; border-radius: 4px; font-family: "Microsoft YaHei"; background-size: 100% 100%; margin-top:5px;}
|
|
|
|
|
.text-control {word-break:normal; word-wrap:break-word;}
|
|
|
|
|
.f12 {font-size:12px;}
|
|
|
|
|
.f13 {font-size:13px;}
|
|
|
|
|
.f14 {font-size:14px;}
|
|
|
|
|
.f15 {font-size:15px;}
|
|
|
|
|
.f16 {font-size:16px;}
|
|
|
|
|
.fb {font-weight:bold;}
|
|
|
|
|
.mt2 {margin-top:2px;}
|
|
|
|
|
.mt3 {margin-top:3px;}
|
|
|
|
@ -19,12 +21,14 @@ blockquote {border:1px solid #d4d4d4; padding: 0.6em; margin-left: 1.4em; margin
|
|
|
|
|
.mt5 {margin-top:5px;}
|
|
|
|
|
.mt10 {margin-top:10px;}
|
|
|
|
|
.mt11 {margin-top:11px;}
|
|
|
|
|
.mt12 {margin-top:12px;}
|
|
|
|
|
.mt15 {margin-top:15px;}
|
|
|
|
|
.mt30 {margin-top:30px;}
|
|
|
|
|
.mt70 {margin-top:70px;}
|
|
|
|
|
.mb5 {margin-bottom:5px;}
|
|
|
|
|
.mb10 {margin-bottom:10px;}
|
|
|
|
|
.mb20 {margin-bottom:20px;}
|
|
|
|
|
.ml5 {margin-left:5px;}
|
|
|
|
|
.ml10 {margin-left:10px;}
|
|
|
|
|
.mr5 {margin-right:5px;}
|
|
|
|
|
.mr10 {margin-right:10px;}
|
|
|
|
@ -44,6 +48,7 @@ blockquote {border:1px solid #d4d4d4; padding: 0.6em; margin-left: 1.4em; margin
|
|
|
|
|
.c-grey5 {color:#aaaaaa;}
|
|
|
|
|
.c-grey6 {color:#777777;}
|
|
|
|
|
.c-blue {color:#3b94d6;}
|
|
|
|
|
.c-white {color:#ffffff;}
|
|
|
|
|
a {color:#707070;}
|
|
|
|
|
a.c-grey {color:#707070;}
|
|
|
|
|
a.c-grey2 {color:#9a9a9a;}
|
|
|
|
@ -73,7 +78,7 @@ a.underline {text-decoration:underline;}
|
|
|
|
|
.btn1 {width:100%; height:40px; line-height:40px; vertical-align:middle; text-align:center; color:#fff; display:block; border-radius:5px;}
|
|
|
|
|
.bg-blue:not(.btn-disabled):active {background-color:#2780c2;}
|
|
|
|
|
.btn-disabled {background-color:#ccc;}
|
|
|
|
|
|
|
|
|
|
.btn2 {width:145px; height:35px; color:#fff; font-size:15px; line-height:35px; text-align:center; vertical-align:middle; margin:18px auto 20px auto; border-radius:50px; display:block;}
|
|
|
|
|
|
|
|
|
|
/*tab*/
|
|
|
|
|
.tab-wrap {position:relative; line-height:38px; display:flex; font-size:13px; background-color:#fff;}
|
|
|
|
@ -87,18 +92,17 @@ a.underline {text-decoration:underline;}
|
|
|
|
|
.bottom-tab-wrap a {display:block; flex:1; position:relative;}
|
|
|
|
|
.bottom-tab-wrap a:after {content:" "; position:absolute; left:0; top:0; width:1px; height:100%; border-left:1px solid #ccc; color:#707070;}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*动态样式*/
|
|
|
|
|
.post-container {width:100%;}
|
|
|
|
|
.post-wrapper {width:98%; border-radius:3px; box-shadow:0px 0px 8px rgba(146, 153, 169, 0.5); background-color:#ffffff; margin:10px auto;}
|
|
|
|
|
.post-main {padding:10px; color:#9a9a9a;}
|
|
|
|
|
.post-avatar {width:40px; height:40px; margin-right:5px;}
|
|
|
|
|
.post-wrapper {width:100%; background-color:#ffffff; margin:10px auto;}
|
|
|
|
|
.post-main {padding:10px 15px; color:#9a9a9a;}
|
|
|
|
|
.post-avatar {width:30px; height:30px;}
|
|
|
|
|
.post-title {font-size:13px; text-align:left;}
|
|
|
|
|
.post-detail-info {font-size:13px; text-align:left; color:#9a9a9a;}
|
|
|
|
|
.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; word-break:break-all; word-wrap:break-word;}
|
|
|
|
|
.post-content {width:100%; font-size:14px; line-height:20px; height:100px; overflow:hidden; word-break:break-all; word-wrap:break-word;}
|
|
|
|
|
.post-all-content a {color:#136ec2;}
|
|
|
|
|
.post-interactive {width:100%; height:35px; line-height:35px; vertical-align:middle; border-top:1px solid #e6e6e6; background-color:#f8f9fb;}
|
|
|
|
|
.post-interactive-column,
|
|
|
|
@ -107,23 +111,32 @@ a.underline {text-decoration:underline;}
|
|
|
|
|
.more-wrap {width:100%;}
|
|
|
|
|
.more-events {width:98%; font-size:13px; text-align:center; margin:0 auto; padding: 5px 0; border:1px solid #e6e6e6; border-radius:3px; background-color:#f8f9fb; }
|
|
|
|
|
.border-bottom {border-bottom:1px solid #e6e6e6;}
|
|
|
|
|
.post-reply-wrap, .post-input-wrap {width:100%; background-color:#f8f9fb;}
|
|
|
|
|
.post-reply-row {padding:10px; color:#9a9a9a;}
|
|
|
|
|
.post-reply-wrap {width:100%;}
|
|
|
|
|
.post-input-wrap {width:100%; position:fixed; bottom:0;}
|
|
|
|
|
.post-input-wrap2 {width:100%;}
|
|
|
|
|
.post-reply-row {padding:10px 15px; color:#9a9a9a; background-color:#fff;}
|
|
|
|
|
.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; word-break:break-all; word-wrap:break-word; overflow:hidden;}
|
|
|
|
|
.post-reply-content {font-size:13px; text-align:left; word-break:break-all; word-wrap:break-word; overflow:hidden; padding-bottom:15px; border-bottom:1px solid #ccc;}
|
|
|
|
|
.post-reply-content img {max-width:100%;}
|
|
|
|
|
.post-reply-date, .post-reply-trigger {font-size:13px;}
|
|
|
|
|
.post-input-container {padding-right:12px;}
|
|
|
|
|
.post-input-container {position:relative; padding-right:70px;}
|
|
|
|
|
.copy-input {width:100%; height:28px; line-height:28px; padding:0 5px; vertical-align: middle; font-size:12px; border-radius:3px; position:absolute; left:-9999em;}
|
|
|
|
|
.post-reply-input {width:100%; height:28px; max-height:84px; line-height:28px; vertical-align: middle; font-size:12px; border:1px solid #e6e6e6; outline:none; padding:0 5px; margin:0; border-radius:3px; overflow-y:auto; resize:none;}
|
|
|
|
|
.post-reply-submit {font-size:13px; padding:3px 8px; color:#fff; background-color:#269ac9; outline:none; border:none; display:inline-block;}
|
|
|
|
|
.post-reply-input {width:100%; height:28px; max-height:84px; line-height:28px; vertical-align: middle; font-size:13px; border:1px solid #e6e6e6; outline:none; padding:0 5px; margin:0; border-radius:3px; overflow-y:auto; resize:none; background-color:#f0eff4;}
|
|
|
|
|
.post-reply-submit {position:absolute; font-size:13px; height:30px; line-height:30px; vertical-align:middle; padding:0 8px; color:#fff; background-color:#269ac9; outline:none; border:none; top:0; right:0;}
|
|
|
|
|
.reply-icon {background:url(/images/wechat/icon_list.gif) -150px -155px no-repeat; width:20px; height:20px; display:inline-block; vertical-align:middle;}
|
|
|
|
|
.praise-icon {background:url(/images/wechat/icon_list.gif) -36px -88px no-repeat; width:20px; height:20px; display:inline-block; vertical-align:middle;}
|
|
|
|
|
.praised-icon {background:url(/images/wechat/icon_list.gif) -152px -86px no-repeat; width:20px; height:20px; display:inline-block; vertical-align:middle;}
|
|
|
|
|
.num-block {display:inline-block; vertical-align:top;}
|
|
|
|
|
.post-op-banner {height:20px; line-height:20px; vertical-align:middle;}
|
|
|
|
|
|
|
|
|
|
/*20160628动态新样式*/
|
|
|
|
|
.post-dynamic-author {width:50%; height:30px; line-height:30px; font-size:14px; color:#5b5b5b; vertical-align:middle;}
|
|
|
|
|
.post-dynamic-time {height:30px; line-height:30px; vertical-align:middle;}
|
|
|
|
|
.post-dynamic-title {font-size:15px;}
|
|
|
|
|
.post-dynamic-from {width:50%; font-size:13px;}
|
|
|
|
|
.post-box-shadow {box-shadow: 0px 2px 8px rgba(146, 153, 169, 0.5);}
|
|
|
|
|
|
|
|
|
|
/* loading 弹框*/
|
|
|
|
|
.loading-bg {position:fixed; width:100%; height:100%; left:0; top:0; z-index:99; background:rgba(206, 206, 206, 0.3); overflow:hidden;}
|
|
|
|
|
.loading-box {position:absolute; top:50%; background:rgba(240,240,240, 0.5); width:160px; height:72px; left:50%; margin-top:-36px; margin-left:-80px; text-align:center;}
|
|
|
|
@ -134,7 +147,7 @@ a.underline {text-decoration:underline;}
|
|
|
|
|
.locked_btn_cir {background: url("/images/wechat/locked.png") 0 0 no-repeat; cursor: default;}
|
|
|
|
|
|
|
|
|
|
/*20150612加入班级样式*/
|
|
|
|
|
.add-class-box {width:80%; max-width:300px; min-width:240px; height:150px; font-size:15px; color:#444; background-color:#fff; margin:0 auto; box-shadow: 0px 2px 8px rgba(146, 153, 169, 0.5); border-radius:5px; margin-top:100px;}
|
|
|
|
|
.add-class-box {position:fixed; width:80%; max-width:300px; min-width:240px; font-size:15px; color:#444; background-color:#fff; margin:0 auto; box-shadow: 0px 2px 8px rgba(146, 153, 169, 0.5); border-radius:5px; top:50%; left:50%; transform: translate(-50%,-50%);}
|
|
|
|
|
.add-class-tip {padding-top:20px; padding-bottom:20px;}
|
|
|
|
|
.class-number-input {width:80%; max-width:240px; height:28px; border:1px solid #ccc; padding-left:5px; margin:0 auto; display:block;}
|
|
|
|
|
.cancel-btn {width:49%; height:37px; line-height:37px; text-align:center; vertical-align:middle; border-top:1px solid #ccc;}
|
|
|
|
@ -162,7 +175,8 @@ a.underline {text-decoration:underline;}
|
|
|
|
|
.class-detail-tab {width:23%; height:38px; line-height:38px; font-size:13px; color:#444; background-color:#fff; float:left; text-align:center; vertical-align:middle; border-bottom:1px solid #ccc;}
|
|
|
|
|
.class-detail-tab2 {width:32%; height:38px; line-height:38px; font-size:13px; color:#444; background-color:#fff; float:left; text-align:center; vertical-align:middle; border-bottom:1px solid #ccc;}
|
|
|
|
|
.class-detail-tab3 {width:48%; height:38px; line-height:38px; font-size:13px; color:#444; background-color:#fff; float:left; text-align:center; vertical-align:middle; border-bottom:1px solid #ccc;}
|
|
|
|
|
.class-tab-active {border-bottom:1px solid #3b94d6;}
|
|
|
|
|
.class-tab-active {border-bottom:3px solid #3b94d6;}
|
|
|
|
|
.tab-active-arrow {border-width:4px; position:absolute; top:41px; left:50%; transform:translate(-50%,0); border-color:#3b94d6 transparent transparent transparent; border-style:solid dashed dashed dashed;}
|
|
|
|
|
.class-search-wrap {padding:8px 12px; position:relative;}
|
|
|
|
|
.class-search-inner {padding:0 30px; background-color:#fff;}
|
|
|
|
|
.class-search-icon {position:absolute; top:16px; left:16px;}
|
|
|
|
@ -191,7 +205,7 @@ a.underline {text-decoration:underline;}
|
|
|
|
|
.input-box { -webkit-appearance: none; font-size: 16px;width:100%; height:16px; padding: 10px 0px 10px 5px; line-height:16px; border:1px solid #ccc; border-radius:5px;}
|
|
|
|
|
.login-op-wrap {height:30px; line-height:30px; vertical-align:middle;}
|
|
|
|
|
.login-box{display:inline-block; width:14px; height:14px; line-height:14px; text-align:center; vertical-align:middle; border:1px solid #ccc; background:#fff; border-radius:3px; color:#fff; cursor:pointer;}
|
|
|
|
|
.login-box.checked{background:#63c360;}
|
|
|
|
|
.login-box.checked{background:#63c360; border:1px solid #63c360;}
|
|
|
|
|
.login-box.checked:after{content:url(/images/wechat/checked.png);}
|
|
|
|
|
.forget-psw-wrap {width:60px; margin:0 auto;}
|
|
|
|
|
.forget-psw {position:fixed; bottom:10px;}
|
|
|
|
|
.forget-psw {position:fixed; bottom:10px;}
|