.div_topic_item {
|
position:relative;
|
background:#FFFFFF;
|
height:100px;
|
border-bottom:#E0E0E0 1px solid;
|
}
|
|
.div_topic_new {
|
position:absolute;
|
top:16px;
|
left:74px;
|
width:8px;
|
height:8px;
|
border-radius:4px;
|
background:#0090FF;
|
}
|
|
.div_topic_title {
|
position:absolute;
|
top:12px;
|
left:90px;
|
right:8px;
|
height:40px;
|
font-size:14px;
|
color:#303030;
|
line-height:18px;
|
overflow:hidden;
|
}
|
|
.img_topic_employee_headimg {
|
position:absolute;
|
top:8px;
|
left:8px;
|
width:64px;
|
height:64px;
|
border-radius:32px;
|
}
|
|
.div_topic_employee_name {
|
position:absolute;
|
top:52px;
|
left:90px;
|
font-size:12px;
|
color:#A0A0A0;
|
line-height:20px;
|
}
|
|
.div_topic_date {
|
position:absolute;
|
top:52px;
|
right:8px;
|
font-size:12px;
|
color:#A0A0A0;
|
line-height:20px;
|
}
|
|
.div_topic_stats {
|
position:absolute;
|
left:72px;
|
right:8px;
|
bottom:8px;
|
height:16px;
|
}
|
|
.div_topic_close {
|
position:relative;
|
box-sizing:border-box;
|
margin-left:12px;
|
float:right;
|
width:40px;
|
height:20px;
|
border:#E0E0E0 1px solid;
|
border-radius:2px;
|
color:#A0A0A0;
|
font-size:11px;
|
line-height:18px;
|
text-align:center;
|
}
|
|
.div_topic_employee {
|
position:relative;
|
margin-left:12px;
|
float:right;
|
height:20px;
|
background:url(../icon/people.png) no-repeat center left;
|
background-size:20px 20px;
|
padding-left:22px;
|
padding-right:4px;
|
color:#A0A0A0;
|
font-size:12px;
|
line-height:20px;
|
}
|
|
.div_topic_visit {
|
position:relative;
|
margin-left:12px;
|
float:right;
|
height:20px;
|
background:url(../icon/book.png) no-repeat center left;
|
background-size:20px 20px;
|
padding-left:22px;
|
padding-right:4px;
|
color:#A0A0A0;
|
font-size:12px;
|
line-height:20px;
|
}
|
|
.div_topic_comment {
|
position:relative;
|
margin-left:12px;
|
float:right;
|
height:20px;
|
background:url(../icon/comment.png) no-repeat center left;
|
background-size:20px 20px;
|
padding-left:22px;
|
padding-right:4px;
|
color:#A0A0A0;
|
font-size:12px;
|
line-height:20px;
|
}
|
|
.div_topic_love {
|
position:relative;
|
margin-left:12px;
|
float:right;
|
height:20px;
|
background:url(../icon/heart.png) no-repeat center left;
|
background-size:20px 20px;
|
padding-left:22px;
|
padding-right:4px;
|
color:#A0A0A0;
|
font-size:12px;
|
line-height:20px;
|
}
|
|
.div_topic_loved {
|
position:relative;
|
margin-left:16px;
|
float:right;
|
height:20px;
|
background:url(../icon/heart_red.png) no-repeat center left;
|
background-size:20px 20px;
|
padding-left:22px;
|
padding-right:4px;
|
color:#A0A0A0;
|
font-size:12px;
|
line-height:20px;
|
}
|
|
/*********** CREATE **********/
|
|
.input_content {
|
display:block;
|
position:absolute;
|
box-sizing:border-box;
|
top:4px;
|
left:4px;
|
right:4px;
|
width:96%;
|
height:80px;
|
border-radius:4px;
|
border:#E0E0E0 1px solid;
|
background:#FFFFFF;
|
padding:4px;
|
color:#606060;
|
font-size:14px;
|
line-height:20px;
|
-webkit-appearance:none;
|
outline:none;
|
resize:none;
|
}
|
|
#div_create_option {
|
position:absolute;
|
top:90px;
|
left:0;
|
right:0;
|
height:40px;
|
}
|
|
#div_create_switch {
|
position:relative;
|
margin:6px auto;
|
width:200px;
|
height:28px;
|
}
|
|
#div_employee_group {
|
display:none;
|
position:absolute;
|
top:136px;
|
left:0;
|
right:0;
|
bottom:0;
|
overflow:auto;
|
}
|
|
.div_employee_item {
|
position:relative;
|
background:#FFFFFF;
|
height:50px;
|
border-bottom:#E0E0E0 1px solid;
|
}
|
|
.img_employee_headimg {
|
display:block;
|
position:absolute;
|
top:5px;
|
left:10px;
|
width:40px;
|
height:40px;
|
border-radius:20px;
|
}
|
|
.div_employee_name {
|
position:absolute;
|
top:6px;
|
left:60px;
|
width:120px;
|
height:18px;
|
color:#808080;
|
font-size:14px;
|
line-height:18px;
|
}
|
|
.div_employee_title {
|
position:absolute;
|
top:30px;
|
left:60px;
|
width:160px;
|
height:18px;
|
color:#C0C0C0;
|
font-size:12px;
|
line-height:18px;
|
}
|
|
.div_employee_code {
|
position:absolute;
|
top:30px;
|
right:80px;
|
width:80px;
|
height:18px;
|
color:#C0C0C0;
|
font-size:12px;
|
line-height:18px;
|
text-align:right;
|
}
|
|
.div_employee_off {
|
position:absolute;
|
top:15px;
|
right:10px;
|
width:20px;
|
height:20px;
|
background:url(../icon/filter_off.png);
|
background-size:100%;
|
}
|
|
.div_employee_on {
|
position:absolute;
|
top:15px;
|
right:10px;
|
width:20px;
|
height:20px;
|
background:url(../icon/filter_on.png);
|
background-size:100%;
|
}
|
|
#div_comment_header {
|
position:absolute;
|
box-sizing:border-box;
|
left:0;
|
right:0;
|
top:40px;
|
height:100px;
|
background:#F0F8FF;
|
border-bottom:#E0E0E0 1px solid;
|
}
|
|
#div_comment_group {
|
position:absolute;
|
left:0;
|
right:0;
|
top:140px;
|
bottom:0;
|
background:#F0F0F0;
|
overflow:auto;
|
}
|
|
.div_comment_item {
|
position:relative;
|
margin:4px;
|
background:#FFFFFF;
|
border-radius:4px;
|
}
|
|
.div_comment_content {
|
position:relative;
|
padding:28px 8px 8px 36px;
|
color:#303030;
|
font-size:14px;
|
line-height:18px;
|
}
|
|
.img_comment_headimg {
|
position:absolute;
|
top:8px;
|
left:8px;
|
width:20px;
|
height:20px;
|
border-radius:10px;
|
}
|
|
.div_comment_name {
|
position:absolute;
|
top:8px;
|
left:36px;
|
font-size:12px;
|
color:#A0A0A0;
|
line-height:16px;
|
}
|
|
.div_comment_date {
|
position:absolute;
|
top:8px;
|
right:8px;
|
font-size:12px;
|
color:#A0A0A0;
|
line-height:16px;
|
}
|
|
.div_comment_close {
|
position:absolute;
|
top:8px;
|
right:100px;
|
font-size:12px;
|
color:#A0A0A0;
|
line-height:16px;
|
}
|
|
.div_comment_picture_group {
|
position:relative;
|
padding:0 4px 0 32px;
|
overflow:auto;
|
}
|
|
.img_comment_picture {
|
display:block;
|
position:relative;
|
float:left;
|
width:128px;
|
height:128px;
|
border-radius:4px;
|
margin:2px;
|
}
|
|
/********** SAY ***********/
|
|
#file_picture {
|
display:block;
|
position:absolute;
|
left:0;
|
right:0;
|
top:90px;
|
height:30px;
|
opacity:0;
|
}
|
|
#div_picture_choose {
|
position:absolute;
|
left:8px;
|
top:90px;
|
height:38px;
|
background:url(../icon/camera.png) center left no-repeat;
|
background-size:20px 20px;
|
padding-left:24px;
|
color:#0090FF;
|
font-size:12px;
|
line-height:40px;
|
}
|
|
#div_picture_group {
|
position:absolute;
|
top:130px;
|
left:0;
|
right:0;
|
bottom:0;
|
overflow:auto;
|
}
|
|
.div_picture_item {
|
position:relative;
|
float:left;
|
width:50%;
|
}
|
|
.img_picture_preview {
|
display:block;
|
position:relative;
|
margin:8px auto;
|
width:128px;
|
height:128px;
|
border-radius:4px;
|
}
|
|
#div_picture_big {
|
display:none;
|
position:fixed;
|
z-index:10;
|
top:0;
|
left:0;
|
right:0;
|
bottom:0;
|
background:#000000;
|
}
|
|
#img_picture_big {
|
display:block;
|
position:relative;
|
width:100%;
|
top:0;
|
}
|
|
#div_picture_big_name {
|
position:absolute;
|
left:0;
|
right:0;
|
bottom:0;
|
background:rgba(0,0,0,0.8);
|
color:#A0A0A0;
|
font-size:10px;
|
line-height:16px;
|
text-align:center;
|
}
|
|
#div_picture_big_info {
|
position:absolute;
|
left:0;
|
right:0;
|
top:0;
|
background:rgba(0,0,0,0.8);
|
color:#A0A0A0;
|
font-size:10px;
|
line-height:16px;
|
text-align:center;
|
}
|
