.div_catalog_item {
|
position:relative;
|
margin:5px 10px 5px 10px;
|
height:115px;
|
background:#FFFFFF;
|
}
|
|
.img_catalog_thumbnail {
|
display:block;
|
position:absolute;
|
top:8px;
|
left:8px;
|
width:100px;
|
height:100px;
|
border-radius:8px;
|
}
|
|
.div_catalog_info {
|
position:absolute;
|
top:2px;
|
left:25px;
|
right:8px;
|
bottom:48px;
|
}
|
|
.div_catalog_task_info {
|
position:absolute;
|
top:10px;
|
left:25px;
|
right:8px;
|
bottom:48px;
|
}
|
|
.div_catalog_title_task {
|
position:relative;
|
color:#002060;
|
font-size:14px;
|
line-height:24px;
|
text-overflow:ellipsis;
|
font-weight:bold;
|
}
|
|
.div_catalog_title {
|
position:relative;
|
color:#0090FF;
|
font-size:14px;
|
line-height:24px;
|
text-overflow:ellipsis;
|
white-space:nowrap;
|
overflow: hidden;
|
}
|
|
.div_catalog_subtitle {
|
position:relative;
|
color:#808080;
|
font-size:13px;
|
line-height:20px;
|
text-overflow:ellipsis;
|
white-space:nowrap;
|
overflow: hidden;
|
}
|
|
.div_catalog_stats {
|
position:absolute;
|
bottom:8px;
|
left:120px;
|
right:8px;
|
height:16px;
|
}
|
|
.div_catalog_view {
|
position:relative;
|
margin-left:16px;
|
float:right;
|
height:16px;
|
background:url(../icon/people.png) no-repeat center left;
|
background-size:16px 16px;
|
padding-left:18px;
|
padding-right:4px;
|
color:#A0A0A0;
|
font-size:12px;
|
line-height:16px;
|
}
|
|
.div_catalog_comment {
|
position:relative;
|
margin-left:16px;
|
float:right;
|
height:16px;
|
background:url(../icon/comment.png) no-repeat center left;
|
background-size:16px 16px;
|
padding-left:18px;
|
padding-right:4px;
|
color:#A0A0A0;
|
font-size:12px;
|
line-height:16px;
|
}
|
|
.div_catalog_like {
|
position:relative;
|
margin-left:16px;
|
float:right;
|
height:16px;
|
background:url(../icon/heart.png) no-repeat center left;
|
background-size:16px 16px;
|
padding-left:18px;
|
padding-right:4px;
|
color:#A0A0A0;
|
font-size:12px;
|
line-height:16px;
|
}
|
|
.div_catalog_publish {
|
position:absolute;
|
right:6px;
|
bottom:28px;
|
height:16px;
|
color:#717171;
|
font-size:12px;
|
line-height:16px;
|
text-align:right;
|
}
|
|
.div_catalog_res_on,.div_catalog_res_off {
|
position: absolute;
|
left: 50px;
|
bottom: 8px;
|
width: 32px;
|
height: 14px;
|
border-radius: 4px;
|
font-size: 10px;
|
line-height: 14px;
|
text-align: center;
|
}
|
|
.div_catalog_res_on {
|
border:#0090FF 1px solid;
|
background:#0090FF;
|
color:#FFFFFF;
|
}
|
|
.div_catalog_res_off {
|
border:#E0E0E0 1px solid;
|
background:#FFFFFF;
|
color:#C0C0C0;
|
}
|
|
.div_catalog_length {
|
position:absolute;
|
left:56px;
|
bottom:6px;
|
width:48px;
|
height:14px;
|
border-radius:4px;
|
border:#E0E0E0 1px solid;
|
font-size:10px;
|
line-height:14px;
|
background:#FFFFFF;
|
color:#A0A0A0;
|
text-align:center;
|
}
|
|
.div_catalog_new {
|
position: absolute;
|
padding-left: 1px;
|
top: 4px;
|
right: 4px;
|
width: 18px;
|
height: 18px;
|
border-radius: 4px;
|
font-size: 10px;
|
line-height: 16px;
|
text-align: center;
|
background: #B3A067;
|
color: #FFFFFF;
|
}
|
|
.div_plan_date {
|
position:relative;
|
height:24px;
|
background:#F0F0F0;
|
color:#606060;
|
padding-left:12px;
|
padding-top:8px;
|
padding-bottom: 2px;
|
font-size:14px;
|
line-height:24px;
|
}
|
|
.div_plan_item {
|
position:relative;
|
height: 67px;
|
padding-top:48px;
|
padding-left:60px;
|
padding-right:8px;
|
background:#FFFFFF;
|
border-bottom:#E0E0E0 1px solid;
|
}
|
|
.div_plan_time {
|
position:absolute;
|
left:12px;
|
top:8px;
|
color:#0090FF;
|
font-size:16px;
|
}
|
|
.div_plan_person_name {
|
position:absolute;
|
top:8px;
|
left:80px;
|
color:#0090FF;
|
font-size:14px;
|
}
|
|
.div_plan_department_name {
|
position:absolute;
|
top:8px;
|
left:160px;
|
color:#717171;
|
font-size:12px;
|
}
|
|
.div_plan_activitystatus {
|
position:absolute;
|
top:94px;
|
right:126px;
|
color:#717171;
|
font-size:12px;
|
}
|
|
.div_plan_status {
|
position:absolute;
|
top:94px;
|
right:6px;
|
color:#717171;
|
font-size:12px;
|
}
|
|
.div_trainning_activitystatus {
|
position: absolute;
|
top: 94px;
|
right: 126px;
|
color: #717171;
|
font-size: 12px;
|
}
|
|
.div_trainning_status {
|
position:absolute;
|
top:94px;
|
right:6px;
|
color:#717171;
|
font-size:12px;
|
}
|
|
.div_plan_hospital_name {
|
position:absolute;
|
top:30px;
|
left:80px;
|
right:40px;
|
height:16px;
|
color:#968989;
|
font-size:12px;
|
line-height:16px;
|
text-overflow:ellipsis;
|
white-space:nowrap;
|
overflow: hidden;
|
}
|
|
.div_plan_hospital_list {
|
position:absolute;
|
top:28px;
|
left:80px;
|
right:40px;
|
color:#968989;
|
font-size:12px;
|
line-height:26px;
|
text-overflow:ellipsis;
|
white-space:nowrap;
|
overflow: hidden;
|
}
|
|
.div_plan_called_off {
|
position:absolute;
|
top:20px;
|
right:8px;
|
width:20px;
|
height:20px;
|
background:url(../icon/filter_off.png);
|
background-size:100%;
|
}
|
|
.div_plan_called_on {
|
position:absolute;
|
top:20px;
|
right:8px;
|
width:20px;
|
height:20px;
|
background:url(../icon/filter_on.png);
|
background-size:100%;
|
}
|
|
.div_plan_objective {
|
position:relative;
|
margin:4px 0;
|
background-size:16px 16px;
|
padding-left:20px;
|
color:#606060;
|
font-size:12px;
|
line-height:16px;
|
}
|
|
.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_code {
|
position: absolute;
|
top: 30px;
|
right: 80px;
|
width: 80px;
|
height: 18px;
|
color: #C0C0C0;
|
font-size: 12px;
|
line-height: 18px;
|
text-align: right;
|
}
|
|
.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_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%;
|
}
|
|
.out{
|
border-top:40px #D6D3D6 solid;/*上边框宽度等于表格第一行行高*/
|
width:0px;/*让容器宽度为0*/
|
height:0px;/*让容器高度为0*/
|
border-left:80px #BDBABD solid;/*左边框宽度等于表格第一行第一格宽度*/
|
position:relative;/*让里面的两个子容器绝对定位*/
|
}
|
|
b{
|
font-style:normal;
|
display:block;
|
position:absolute;
|
top:-40px;
|
left:-40px;
|
width:35px;
|
}
|
|
em{
|
font-style:normal;
|
display:block;
|
position:absolute;
|
top:-25px;
|
left:-70px;
|
width:55x;
|
}
|
|
#slash{
|
width:55px;
|
height:12px;
|
border-bottom:1px solid #A0D0E0;
|
-webkit-transform: rotate(25deg);
|
-moz-transform: rotate(25deg);
|
filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=0.25);
|
}
|
