📄 css.css---

📁 使用javascript封装的动态树
💻 CSS---
字号:
BODY{
	font-family: Arial, sans-serif;
	padding: 0px 0px 0px 0px;
	margin: 20px 20px 20px 20px;
	/*scrollbar-face-color: #DEE3E7;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color:  #006699;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #98AAB1;*/
	/*background: url(../images/dianli_bg.gif) repeat;*/
	/*background-color:#F6F9FE;*/
	scrollbar-face-color: #c1dadc;
	scrollbar-highlight-color: #eeeeee;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color:  #006699;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #98AAB1;
	font-size:12px;	
}
A:hover {
	COLOR: #ff9900; TEXT-DECORATION: none;
}
A {
	COLOR: #000000; TEXT-DECORATION: none;
}
A:link {
	WIDTH: auto; COLOR: #000000; HEIGHT: auto; TEXT-DECORATION: none
}
A:active {
	COLOR: #3c6b5b; TEXT-DECORATION: none
}
caption{
	font-size:18px;
	font-weight:bold;
	line-height:30px;
	color: #0F2781; 
}
/*<th width="8%" rowspan="2" style="border-right-style:none ">农用地</th>*/
/*数据列表样式*/
.listTable {
	margin:0px;
	font-size: 12px;
	word-break: break-all;
	border: 1px solid #C1DAD7;
	border-collapse: collapse;
	width: 100%;
	BACKGROUND-COLOR: #f4f4f4;
}
.listTable th {
	/*background-color: #C1DAD7;*/ /*标题行背景色*/
	/*BACKGROUND: url(../images/tb_head_bg.jpg);*/
	/*font-size: 12px;*//*标题字体*/
	/*color: #0F2781; 
	font-weight: bold;
	height: 24px;
    Text-align:center;
    white-space:nowrap;
    border:#C1DAD7 solid 1px;
    CURSOR: hand;*/
    padding:0px;
    font: bold 11px ; 
    color: #4f6b72;
    height: 35px; 
    border-right: 1px solid #C1DAD7; 
    border-bottom: 1px solid #C1DAD7; 
    border-top: 1px solid #C1DAD7; 
    /*letter-spacing: 1px; */
   /* text-transform: uppercase; */
    text-align: center; 
    /*padding: 6px 6px 6px 12px; */
    background: #CAE8EA no-repeat; 
    /*BACKGROUND: url(../images/bg_header.jpg);*/
}
.listTable td {	
	padding:0px;
	font-size: 12px;
	color: #000; 
	bordercolor:#C1DAD7;
	height: 25px;
	Text-align:center;
	border:#C1DAD7 solid 1px;
	white-space:nowrap;CURSOR: hand;
}
.listTable tr {
	background-color: expression(this.rowIndex % 2 == 0 ? 'ffffff' : '#F5FAFA');/*斑马纹*/	
}
.longTd {
	OVERFLOW: hidden; HEIGHT: 20px; TEXT-OVERFLOW: ellipsis; width:400px; padding:2 0 0 5; white-space:nowrap;
	text-align:left;
}
#hmenu ul{
	
}
#hmenu li{
	float:left; width:68px;	
}
#hmenu A:hover {
	COLOR: #3c6b5b; TEXT-DECORATION: none; background-color:#DFEFD7;
}
#hmenu A {
	COLOR: #000000; TEXT-DECORATION: none; width:100%
}
#hmenu A:link {
	WIDTH: auto; COLOR: #000000; HEIGHT: auto; TEXT-DECORATION: none
}
#hmenu A:active {
	COLOR: #3c6b5b; TEXT-DECORATION: none
}
/*单纯红色字体*/
.redFont{
	color:red;
}
/*可拖动的DIV样式*/
.dragDiv{
	POSITION:absolute;
	WIDTH:300px;
	HEIGHT:300px;
	BACKGROUND-COLOR:#F5F5DC;
	BORDER:#C1DAD7 1px solid;
}
/*查询按钮样式*/
.searchButton{
	border:black 1px solid;
	background-color:#ECF7FD;
	height:20px;
	width:100px;
}
/*在报表中的按钮样式*/
.buttonInReportTable{
	border:black 1px solid;
	background-color:#ECF7FD;
	height:20px;
}
.calculateButton{
	border:red 1px solid;
	background-color:#ECF7FD;
	height:20px;
	/*width:20px;*/
}
/*普通输入框的样式*/
.commonInputText
{
  	border-top:#666 1px solid;
  	border-left:#666 1px solid;
  	border-right:#ccc 1px solid;
  	border-bottom:#ccc 1px solid;
}
/*报表内文本输入框的样式*/
.inputTextInReportTable{
	width:100%;
	background-color: transparent;
	border-width:0;
}
/*只有底线的文本输入框样式*/
.inputTextWithUnderLine{
	background-color: transparent;
	border-width: 0 0 1 0;
	border-color:black;
}
/*select控件的样式*/
.selectCss
{
	width:150px;
	/*min-width:150px;*/
	margin:-2 -1 -1 -2;
	border-width:0;
	background-color: transparent;
	border-color:white;
}
.selectWith100
{
	width:100%;
	margin:-2 -1 -1 -2;
	border-width:0;
	background-color: transparent;
	border-color:white;
}
/*file控件的样式*/
.fileCss
{
	width:100%;
	margin:-2 -1 -1 -2;
	border-width:0;
	background-color: transparent;
	border-color:white;
}
/*报表表头样式*/
.reportTableCaption{
	margin:0px;
	BORDER: #C1DAD7 0px solid;
	width:100%;
}
.reportTableCaption td{
	color:black;
	font-size:20px;
	font-weight:bold;
	font-family:仿宋_GB2312;
	mso-ascii-font-family:"Times New Roman";
	text-align:center;
	BORDER: #C1DAD7 0px solid;
	padding:0px;
}
.reportTableCaption th{
	BORDER: #C1DAD7 0px solid;
	padding:0px;
}
/*报表注释的样式*/
.reportTableRemark{
	font-size:15px;
	margin-left:0px;
	color:black;
	font-weight:bold;
	font-family:仿宋_GB2312;
	mso-ascii-font-family:"Times New Roman";
}
/*报表计量单位样式*/
.reportTableNoBorder {
	margin:0px;
	BORDER: #C1DAD7 0px solid;
	word-break: break-all;
	border-collapse: collapse;
	width: 100%;
}
.reportTableNoBorder td{
	BORDER: #C1DAD7 0px solid;
	font: 13px 宋体;
	text-decoration: none;
	height: 20px;
	padding:0px;
}
.reportTableNoBorder th{
	BORDER: #C1DAD7 0px solid;
	font: 13px 宋体;
	text-decoration: none;
	height: 20px;
	padding:0px;
}
/*勘测定界技术报告书样式*/
.noBorderWithAlign {
	margin:0px;
	BORDER: #C1DAD7 0px solid;
	word-break: break-all;
	border-collapse: collapse;
	width: 100%;
}
.noBorderWithAlign td{
	BORDER: #C1DAD7 0px solid;
	font: 13px 宋体;
	text-decoration: none;
	height: 20px;
	padding:0px;
	text-align:left;
	padding:3px 3px 3px 3px;
}
.noBorderWithAlign th{
	BORDER: #C1DAD7 0px solid;
	font: 13px 宋体;
	text-decoration: none;
	height: 20px;
	padding:0px;
	text-align:left;
}
/*列表顶部菜单表格样式*/
.menuTable {
	word-break: break-all;
	border-collapse: collapse;
	width: 100%;
	BORDER: #C1DAD7 0px solid;
	/*COLOR: #000;*/
	/* BACKGROUND-COLOR: #f4f4f4;F2F3F5*/
}
.menuTable img{
	background-color: transparent;
	border-width:0;
}
.menuTable td {
	font-size: 12px;/*标题字体*/
	/*BORDER: #8fb1db 1px solid;*/
	BORDER: #C1DAD7 0px solid;
	text-decoration: none;
	height: 20px;
	Text-align:center;
	/*CURSOR: hand;*/
}
/*报表body样式*/
.reportTable {
	word-break: break-all;
	border-collapse: collapse;
	margin:0px;
	/*clip:rect(auto auto auto auto);   
  position:relative;
  left: 25%;
  right: 25%;
	width: 50%;*/
	width: 100%;
	BORDER: #C1DAD7 1px solid;
	/*COLOR: #000;*/
	/* BACKGROUND-COLOR: #f4f4f4;F2F3F5*/
}
.reportTable th {
	background-color: #F5F5DC;
	font: 13px 宋体;
	BORDER: #C1DAD7 1px solid;
	text-decoration: none;
	padding:0px;
	height: 20px;
    Text-align:center;
    white-space:nowrap;
    font-weight :normal;
}
.reportTable td {
	font-size: 12px;/*标题字体*/
	/*BORDER: #8fb1db 1px solid;*/
	BORDER: #C1DAD7 1px solid;
	text-decoration: none;
	height: 20px;
	Text-align:left;
	padding:3px 3px 3px 3px;
	/*CURSOR: hand;*/
}
.reportTable textarea{
	width:100%;
	background-color: transparent;
	border-width:0;
}
/*按钮样式*/
.buttonCss {
    /*font-size: 12px; 
    color: #003399;
    CURSOR: hand;
    border:0;
    width:85px;
    height:29px;
    background:url(../images/botton.gif) no-repeat;*/
    font-family: "Tahoma", "宋体";
    font-size: 9pt; 
    color: #003399;
    BORDER: #000000 1px solid;
    background-color: #87CEEB;
    CURSOR: hand;
    font-style: normal ;
    width:85px;
    height:28px;
    background-image:url(../images/botton.gif);
}
💿 文件大小 163 K
👤 上传用户 wendaoysh
📂 所属分类 JavaScript
🏷️ 相关标签

#javascript #封装 #动态 #树
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -