You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
216 lines
5.3 KiB
216 lines
5.3 KiB
/* 样式重置 */
|
|
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{ margin:0; padding:0;}
|
|
body,table,input,textarea,select,button { font-family: "微软雅黑","宋体"; font-size:12px;line-height:1.5; background:#fff;}
|
|
div,img,tr,td,table{ border:0;}
|
|
table,tr,td{border:0;cellspacing:0; cellpadding:0;}
|
|
ol,ul,li{ list-style-type:none}
|
|
a:link,a:visited{color:#7f7f7f;text-decoration:none;}
|
|
a:hover,a:active{color:#000;}
|
|
.fl{ float:left;}
|
|
.fr{ float:right;}
|
|
.cl{ clear:both; overflow:hidden;}
|
|
|
|
/* 数据页面 */
|
|
.data_container{
|
|
width:100%;
|
|
margin:0 auto;
|
|
}
|
|
.data_heaer{
|
|
height:66px;
|
|
width:100%;
|
|
background-color:#3499db;
|
|
text-align:center;
|
|
}
|
|
.data_heaer h2{
|
|
font-size:30px;
|
|
font-weight:300;
|
|
color:#fff;
|
|
line-height:66px;
|
|
}
|
|
.data_content{
|
|
width:1280px;
|
|
height:838px;
|
|
margin:0 auto;
|
|
background-color:#fff;
|
|
border:1px solid #e0dede;
|
|
border-top:none;
|
|
}
|
|
.data_leftside{
|
|
width:612px;
|
|
border-right:1px solid #e0dede;
|
|
}
|
|
.data_h3{
|
|
width:100%;
|
|
text-align:center;
|
|
height:50px;
|
|
font-size:18px;
|
|
color:#444;
|
|
line-height:50px;
|
|
}
|
|
.data_leftside_files{
|
|
border-right:1px solid #e0dede;
|
|
border-bottom:1px solid #e0dede;
|
|
height:710px;
|
|
overflow :auto;
|
|
}
|
|
.data_leftside_files input{
|
|
margin-top:15px;
|
|
width:15px;
|
|
height:15px;
|
|
}
|
|
.data_leftside_files li{
|
|
height:40px;
|
|
line-height:40px;
|
|
border-bottom:1px solid #e0dede;
|
|
padding:0 10px;
|
|
}
|
|
.data_leftside_files li.data_title{
|
|
width:210px; height:36px;
|
|
line-height:36px;
|
|
text-align:center;
|
|
background-color:#e9f3fb;
|
|
border:none;
|
|
overflow:hidden;
|
|
text-overflow:ellipsis;
|
|
-o-text-overflow:ellipsis;
|
|
white-space:nowrap;
|
|
}
|
|
.date_label{
|
|
display:block;
|
|
width:168px;
|
|
overflow:hidden;
|
|
text-overflow:ellipsis;
|
|
-o-text-overflow:ellipsis;
|
|
white-space:nowrap;
|
|
}
|
|
.data_leftside_shu{
|
|
border-right:none;
|
|
}
|
|
.data_leftside_shu li{
|
|
border-bottom:none;
|
|
}
|
|
.data_conbar{ width:149px;
|
|
height:834px;
|
|
border-right:1px solid #e0dede;
|
|
border-left:1px solid #e0dede;
|
|
}
|
|
.date_btns{
|
|
width:260px;
|
|
margin:20px auto;
|
|
}
|
|
.date_btns_w{
|
|
width:390px;
|
|
}
|
|
.date_btns button{
|
|
margin:10px 20px;
|
|
}
|
|
.data_btn{
|
|
border:none;
|
|
width:108px;
|
|
height:35px;
|
|
line-height:35px;
|
|
text-align:center;
|
|
background-color:#3499db;
|
|
color:#fff;
|
|
font-size:14px;
|
|
-webkit-border-radius:5px;
|
|
-moz-border-radius:5px;
|
|
-o-border-radius:5px;
|
|
border-radius:5px;
|
|
}
|
|
.data_btn:hover{
|
|
background-color:#2989da;
|
|
}
|
|
.data_rightside{
|
|
width:667px;
|
|
}
|
|
.data_rightside_w{
|
|
width:407px;
|
|
}
|
|
.data_leftside_files li.data_title_w{
|
|
width:183px;
|
|
}
|
|
.date_label_w{
|
|
width:150px;
|
|
}
|
|
.data_leftside_shu li{
|
|
border-bottom:none;
|
|
}
|
|
|
|
a.data_file_btn{ display:block; position:relative; width:108px; height:35px; margin:15px auto; line-height:35px; font-size:14px; color: #fff; text-align:center;
|
|
background-color: #79b4e7;
|
|
background-image: -webkit-linear-gradient(#79b4e7, #1377cf);
|
|
background-image: linear-gradient(#79b4e7, #1377cf);
|
|
border-color: #076bc2;
|
|
-webkit-border-radius:5px;
|
|
-moz-border-radius:5px;
|
|
-o-border-radius:5px;
|
|
border-radius:5px;
|
|
vertical-align: middle;
|
|
cursor: pointer;
|
|
margin:0 10px;
|
|
}
|
|
a:hover.data_file_btn{
|
|
background-color: #076bc2;
|
|
background-image: -webkit-linear-gradient(#79b4e7, #076bc2);
|
|
background-image: linear-gradient(#79b4e7, #076bc2);
|
|
border-color: #076bc2;}
|
|
.data_file_btn input{ position:absolute; left:0px;opacity:0; filter:alpha(opacity=0); width:108px; height:35px;}
|
|
|
|
|
|
.data_conbox{
|
|
width:407px;
|
|
height:709px;
|
|
border-top:1px solid #e0dede;
|
|
border-bottom:1px solid #e0dede;
|
|
overflow: auto;
|
|
}
|
|
.data_con_title{
|
|
width:49.8%;
|
|
height:36px;
|
|
line-height:36px;
|
|
text-align:center;
|
|
background-color:#e9f3fb;
|
|
overflow:hidden;
|
|
text-overflow:ellipsis;
|
|
-o-text-overflow:ellipsis;
|
|
white-space:nowrap;
|
|
}
|
|
.data_con_line{
|
|
border-right:1px solid #e0dede;
|
|
|
|
}
|
|
.data_con_li{
|
|
width:49.8%;
|
|
height:36px;
|
|
line-height:36px;
|
|
overflow:hidden;
|
|
text-overflow:ellipsis;
|
|
-o-text-overflow:ellipsis;
|
|
white-space:nowrap;
|
|
border-bottom:1px solid #e0dede;
|
|
}
|
|
.mt15{ margin-top:15px;}
|
|
|
|
|
|
/* 树形结构 */
|
|
.data_rightside_tree{
|
|
width:259px;
|
|
height:709px;
|
|
border-right:1px solid #e0dede;
|
|
border-top:1px solid #e0dede;
|
|
border-bottom:1px solid #e0dede;
|
|
overflow: auto;
|
|
}
|
|
.tree { min-height:20px;padding:15px;padding-left:30px;border-bottom:1px dashed #ccc;}
|
|
.tree li {list-style-type:none;margin:0; padding:10px 5px 0 20px; position:relative}
|
|
.tree li::before, .tree li::after { content:'';left:-30px;position:absolute; right:auto}
|
|
.tree li::before { border-left:1px solid #999; bottom:50px;height:100%; top:0; width:0px}
|
|
.tree li::after {border-top:1px solid #999;height:20px; top:25px; width:35px}
|
|
.tree li p {display:inline-block;padding:3px 10px;border:1px solid #fff; margin-left:-15px; width:150px; }
|
|
.tree li.parent_li>p {cursor:pointer}
|
|
.tree>ul>li::before, .tree>ul>li::after {border:0}
|
|
.tree li:last-child::before { height:30px}
|
|
.tree li.parent_li>p:hover, .tree li.parent_li>p:hover+ul li p { }
|
|
.icon-plus-sign{ margin-left:-15px; background:url(../img/icons1.gif) -5px 10px no-repeat; }
|
|
.icon-minus-sign{ margin-left:-15px; background:url(../img/icons2.gif) -6px 9px no-repeat;} |