aggregation-platform/app/style.css

/*   样式重置 */
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;}