Binary file not shown.
|
After Width: | Height: | Size: 100 KiB |
+1
@@ -0,0 +1 @@
|
||||
@font-face{font-family:"socialshare";src:url("../fonts/iconfont.eot");src:url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"),url("../fonts/iconfont.woff") format("woff"),url("../fonts/iconfont.ttf") format("truetype"),url("../fonts/iconfont.svg#iconfont") format("svg")}.social-share{font-family:"socialshare" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}.social-share .icon-tencent:before{content:"\f07a"}.social-share .icon-qq:before{content:"\f11a"}.social-share .icon-weibo:before{content:"\f12a"}.social-share .icon-wechat:before{content:"\f09a"}.social-share .icon-douban:before{content:"\f10a"}.social-share .icon-heart:before{content:"\f20a"}.social-share .icon-like:before{content:"\f00a"}.social-share .icon-qzone:before{content:"\f08a"}.social-share .icon-linkedin:before{content:"\f01a"}.social-share .icon-diandian:before{content:"\f05a"}.social-share .icon-facebook:before{content:"\f03a"}.social-share .icon-google:before{content:"\f04a"}.social-share .icon-twitter:before{content:"\f06a"}.social-share a{position:relative;text-decoration:none;margin:4px;display:inline-block;outline:none}.social-share .social-share-icon{position:relative;display:inline-block;width:32px;height:32px;font-size:20px;border-radius:50%;line-height:32px;border:1px solid #666;color:#666;text-align:center;vertical-align:middle;transition:background 0.6s ease-out 0s}.social-share .social-share-icon:hover{background:#666;color:#fff}.social-share .icon-weibo{color:#ff763b;border-color:#ff763b}.social-share .icon-weibo:hover{background:#ff763b}.social-share .icon-tencent{color:#56b6e7;border-color:#56b6e7}.social-share .icon-tencent:hover{background:#56b6e7}.social-share .icon-qq{color:#56b6e7;border-color:#56b6e7}.social-share .icon-qq:hover{background:#56b6e7}.social-share .icon-qzone{color:#FDBE3D;border-color:#FDBE3D}.social-share .icon-qzone:hover{background:#FDBE3D}.social-share .icon-douban{color:#33b045;border-color:#33b045}.social-share .icon-douban:hover{background:#33b045}.social-share .icon-linkedin{color:#0077B5;border-color:#0077B5}.social-share .icon-linkedin:hover{background:#0077B5}.social-share .icon-facebook{color:#44619D;border-color:#44619D}.social-share .icon-facebook:hover{background:#44619D}.social-share .icon-google{color:#db4437;border-color:#db4437}.social-share .icon-google:hover{background:#db4437}.social-share .icon-twitter{color:#55acee;border-color:#55acee}.social-share .icon-twitter:hover{background:#55acee}.social-share .icon-diandian{color:#307DCA;border-color:#307DCA}.social-share .icon-diandian:hover{background:#307DCA}.social-share .icon-wechat{position:relative;color:#7bc549;border-color:#7bc549}.social-share .icon-wechat:hover{background:#7bc549}.social-share .icon-wechat .wechat-qrcode{opacity:0;filter:alpha(opacity=0);visibility:hidden;position:absolute;z-index:9;top:-205px;left:-84px;width:200px;height:192px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms}.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}.social-share .icon-wechat:hover .wechat-qrcode{opacity:1;filter:alpha(opacity=100);visibility:visible}
|
||||
@@ -0,0 +1,298 @@
|
||||
/*最新CSS*/
|
||||
.group_show{overflow:hidden;padding: 50px 20px 20px 20px;border-bottom: solid 1px #dddddd;background-color:#bbb;background-image:url('group.jpg');background-repeat: no-repeat;background-size: 100% 100%;}
|
||||
.group_show .face{float:left;}
|
||||
.group_show .face img{}
|
||||
.group_show .title{float:left;margin-left:20px;}
|
||||
.group_show .title p{color:#999;margin: 0;margin-top: 6px;}
|
||||
.group_show .join{float:right;margin-left:20px;color:#fff;}
|
||||
/*最新CSS*/
|
||||
|
||||
|
||||
.mbtl {
|
||||
float: left;
|
||||
margin: 8px 7px 0 0;
|
||||
padding: 0;
|
||||
width: 55px;
|
||||
}
|
||||
.mbtr {
|
||||
border-bottom: 1px solid #EEEEEE;
|
||||
margin: 0px 0 20px 0;
|
||||
min-height: 55px;
|
||||
overflow: hidden;
|
||||
padding: 10px;;
|
||||
background:#f8f8f8;
|
||||
}
|
||||
.mbtr .author{}
|
||||
.mbtr .author a{color:#8f8f8f;}
|
||||
.mbtr .title{margin-top:10px;}
|
||||
.mbtr .title a{color: #444444;font-size:22px;}
|
||||
.mbtr .content{line-height:30px;font-size:14px;}
|
||||
|
||||
|
||||
|
||||
/*右侧会员列表*/
|
||||
|
||||
.pl {
|
||||
color: #666666;
|
||||
font: 12px/150% Arial;
|
||||
padding:10px 0;
|
||||
}
|
||||
|
||||
.pl2 {
|
||||
color: #666666;
|
||||
font: 14px/150% Arial;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.pil {
|
||||
height: 48px;
|
||||
width: 48px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.plr {
|
||||
color: #666666;
|
||||
float: right;
|
||||
font: 12px/150% Arial;
|
||||
}
|
||||
|
||||
|
||||
.mr5 {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
/*内容页*/
|
||||
.topic-content{width: 100%;overflow:hidden;}
|
||||
|
||||
.topic-content .user-face{float: left;height: 48px;overflow: hidden;width: 48px;}
|
||||
|
||||
.topic-content .topic-doc {
|
||||
margin-bottom: 30px;
|
||||
overflow: hidden;
|
||||
margin-left:60px;
|
||||
}
|
||||
.topic-content .topic-doc .author {
|
||||
height: auto;
|
||||
margin: 0;
|
||||
margin-bottom: 1px;
|
||||
color: #666666;
|
||||
background:#f4f4ec;
|
||||
padding:5px;
|
||||
font-size:12px;
|
||||
}
|
||||
|
||||
.topic-content img{max-width:100%;}
|
||||
.topic-content .topic-view{font-size:16px;line-height:30px;overflow: hidden;word-wrap: break-word;word-break: normal;}
|
||||
|
||||
.topic-content .topic-view a{color:#49a5de}
|
||||
|
||||
.topic-content .topic-view p{font-size:16px;}
|
||||
|
||||
.topic-content .topic-view table{border:#CCCCCC 1px solid;}
|
||||
.topic-content .topic-view table td{ border:1px #CCCCCC solid; border-right:none; border-top:none;}
|
||||
|
||||
|
||||
|
||||
.pl20 {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.topic-content .topic-opt {
|
||||
padding: 15px 0 0;
|
||||
}
|
||||
.rec-sec {
|
||||
color: #999999;
|
||||
text-align: right;
|
||||
}
|
||||
.rec-num {
|
||||
margin: 0 4px;
|
||||
}
|
||||
.clearfix {
|
||||
display: block;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*ob*/
|
||||
.ob {
|
||||
float: left;
|
||||
margin: 0 0 10px;
|
||||
text-align: center;
|
||||
width: 70px;
|
||||
}
|
||||
.ob dt {
|
||||
height: 50px;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
}
|
||||
.ob dd {
|
||||
height: 55px;
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
text-align: center;
|
||||
}
|
||||
.ob span {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
/*帖子类型列表*/
|
||||
.topictype{}
|
||||
.topictype td{border-bottom:dashed 1px #DDDDDD;padding:5px;}
|
||||
|
||||
|
||||
/*帖子列表*/
|
||||
.topic_list{overflow:hidden;}
|
||||
.topic_list ul, .topic_list ul li{list-style: none;margin:0;padding:0;}
|
||||
.topic_list ul{overflow:hidden;}
|
||||
.topic_list ul li{overflow:hidden;padding:15px 0;display: block;border-bottom: 1px dashed #ccc;}
|
||||
|
||||
.topic_list .userimg{float:left;width:38px;overflow:hidden;}
|
||||
|
||||
.topic_list .topic_title{margin-left:40px;overflow:hidden;}
|
||||
|
||||
.topic_list .topic_title .title a{color:#343434;font-size:14px;}
|
||||
|
||||
.topic_list .topic_info{overflow: hidden;font-size:12px;color:#999999;}
|
||||
|
||||
.rank {
|
||||
background: none repeat scroll 0 0 #BBBBBB;
|
||||
height: 15px;
|
||||
line-height: 15px;
|
||||
margin: 0 0 0 5px;
|
||||
padding: 0 3px;
|
||||
border-radius:5px 5px 5px 5px;
|
||||
}
|
||||
|
||||
/*小组列表*/
|
||||
.sub-item{
|
||||
border-bottom: 1px dashed #AAAAAA;
|
||||
height: 72px;
|
||||
margin: 0 2px 15px 0;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
padding-bottom: 15px;
|
||||
}
|
||||
.sub-item .pic {
|
||||
float: left;
|
||||
width: 48px;
|
||||
}
|
||||
.sub-item .info {
|
||||
vertical-align: top;
|
||||
word-wrap: break-word;
|
||||
margin-left:60px;
|
||||
}
|
||||
|
||||
.sub-item .info .content{ line-height:20px;font-size: 12px;color:#999999}
|
||||
|
||||
.sub-item .pic img {
|
||||
height: 48px;
|
||||
margin-bottom: -3px;
|
||||
width: 48px;
|
||||
}
|
||||
.sub-item p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
|
||||
/*热门帖子列表*/
|
||||
.group_index_right_hottopic{}
|
||||
.group_index_right_hottopic ul {
|
||||
word-wrap: break-word;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
.group_index_right_hottopic ul li {
|
||||
border-bottom: 1px dashed #CCCCCC;
|
||||
color: #999999;
|
||||
overflow: hidden;
|
||||
padding: 10px 0;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
}
|
||||
.group_index_right_hottopic ul li h3 {margin: 0;padding:0;white-space: nowrap; overflow: hidden;}
|
||||
.group_index_right_hottopic ul li .info{overflow: hidden;margin-top: 10px;font-size: 12px;}
|
||||
.group_index_right_hottopic ul li .info .left{float: left}
|
||||
.group_index_right_hottopic ul li .info .right{float: right}
|
||||
|
||||
|
||||
/*小组分类*/
|
||||
.catelist{ margin-bottom: 20px;overflow: hidden;}
|
||||
.catelist ul{}
|
||||
.catelist ul li{float:left;width:150px;font-size:14px;}
|
||||
|
||||
/*分类下小组*/
|
||||
.categroup{}
|
||||
.categroup ul{}
|
||||
.categroup ul li{padding:10px;border-bottom: 1px dashed #CCCCCC;overflow:hidden;}
|
||||
.categroup ul li img{float:left;padding:0 10px 0 0;}
|
||||
|
||||
/*帖子页*/
|
||||
|
||||
.newtopic{}
|
||||
.newtopic ul, .newtopic ul li{list-style: none;margin:0;padding:0;}
|
||||
.newtopic ul{}
|
||||
.newtopic ul li{border-top: 1px dashed #CCCCCC;padding: 5px 0;}
|
||||
|
||||
.title2{float:right;border: 1px solid #DDDDDD;border-bottom:none;margin-top:10px;}
|
||||
.title2 li{width:150px;border-bottom: 1px solid #DDDDDD;font-size:12px;padding:5px;line-height: 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
|
||||
|
||||
.btool{
|
||||
border-top: 1px solid #EEEEEE;
|
||||
font-size: 12px;
|
||||
padding: 10px 10px 0 10px;
|
||||
text-align: right;}
|
||||
.btool a{margin-left:10px;padding:0px;color:#999999}
|
||||
|
||||
|
||||
.bltool a{margin-right:10px;padding:0px;}
|
||||
.after-view{font-size:14px;}
|
||||
|
||||
/*专辑*/
|
||||
.album{}
|
||||
.album li{float:left;width:225px;margin: 0 5px 10px;height: 80px;}
|
||||
.album li .al{float:left;width:50px;height:50px;text-align:center;}
|
||||
.album li .al .num{background:#F0F0F0;padding:10px 0}
|
||||
.album li .al .tz{background:#CCCCCC;}
|
||||
.album li .ar{margin-left:60px;}
|
||||
.album li .ar h3{margin:0px;font-weight:bold;}
|
||||
.album li .ar .info{}
|
||||
.album li .ar .time{color:#999999;}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
帖子附件
|
||||
*/
|
||||
.topic_attach{
|
||||
background-color: #FFEAAA;
|
||||
border:dashed 2px #EDCEBA;
|
||||
padding:10px;
|
||||
}
|
||||
.topic_attach ul{list-style: none;margin:0;padding: 0;}
|
||||
.topic_attach ul li{list-style: none;margin: 0;padding: 0;}
|
||||
|
||||
/**帖子视频**/
|
||||
.topic_video{
|
||||
background-color: #FFFFFF;
|
||||
border:dashed 2px #66afe9;
|
||||
padding:10px;
|
||||
}
|
||||
|
||||
.topic_video iframe{width: 100%;height:450px;}
|
||||
@media (max-width: 575.98px) {
|
||||
.topic_video iframe{width: 100%;height:230px;}
|
||||
}
|
||||
Reference in New Issue
Block a user