component.css

java script web控件 包含了树 列表 表单的操作

/*Grid 定义*/
.SigmaGrid td.header{
	border-right:1 solid #5177A8;
	border-bottom:1 solid #5177A8;
	font-size:12px;
	color:#1E4A84;
	height:20px;
	background-color:#ddddff;
	text-align:center;
}

.SigmaGrid td{
	border-right:1 solid #5177A8;
	border-bottom:1 solid #5177A8;
	font-size:12px;
	color:#1E4A84;
	height:20px;
	padding:0px;
	word-wrap:normal;
	word-break:keep-all;
	overflow:hidden;
}

.SigmaGrid td.lastRow{
	border-right:1 solid #5177A8;
	border-bottom:0;
	font-size:12px;
	color:#1E4A84;
	height:20px;
	padding:0px;
	word-wrap:normal;
	word-break:keep-all;
}

.SigmaGrid{
	border:0;
}


.SigmaGrid div.checked{
	width:12;
	height:20;
	position:relative;
	background-image:url(right.gif);
	background-repeat:no-repeat;

}


.SigmaGrid div.check{
	background-image:url(right.gif);
}

.SigmaGrid input{
	border:0;
	font-size:12px;
	color:#1E4A84;
	height:20px;
}

.SigmaGrid tr.selected{
	background-color:#eff;
}

.SigmaGrid tr{
	background-color:#fff;
}




#dataArea{
	border-right:1 solid #5177A8;
	border-bottom:1 solid #5177A8;
	border-left:1 solid #5177A8;
}

#headerArea{
	border:1 solid #5177A8;
	
}

#scrollers{
	border:0;
}

#menuArea{
	border:1 solid #5177A8;
	font-size:12px;
	color:#1E4A84;
	background-color:#fff;
	text-align:Left;
}

.SigmaGrid div.menuItem{
	background-color:#fff;
	padding-left:4px;
	padding-top:3px;
	height:19;
}

.SigmaGrid div.menuItem2{
	border-bottom:1 solid #5177A8;
	background-color:#eee;
	height:19;
	padding-left:4px;
	padding-top:3px;
}

.SigmaGrid a:link {
	COLOR: #5177A8; TEXT-DECORATION: none
}

.SigmaGrid a:visited {
	COLOR: #5177A8; TEXT-DECORATION: none
}

.SigmaGrid a:hover {
	COLOR: #5177A8; TEXT-DECORATION: underline;
}


/*List*/

.SigmaList td.header{
	text-align:center;
	background-color:#ddddff;
}

.SigmaList .listBox{
	overflow:auto;
	width:100%;
}



.SigmaList td{
	border-right:1 solid #5177A8;
	border-bottom:1 solid #5177A8;
	font-size:12px;
	color:#1E4A84;
	height:20px;
	padding:0px;
	word-wrap:normal;
	word-break:keep-all;
	overflow:hidden;
}


.SigmaList{
	border:1 solid #5177A8;
	border-bottom:1 solid #5177A8;
	overflow:auto;
}


.SigmaList div.checked{
	width:12;
	height:20;
	position:relative;
	background-image:url(right.gif);
	background-repeat:no-repeat;
	
}


.SigmaList div.check{
	background-image:url(right.gif);
}

.SigmaList tr.selected{
	background-color:#eff;
}

.SigmaList tr{
	background-color:#fff;
}

.SigmaList a:link {
	COLOR: #5177A8; TEXT-DECORATION: underline;
}

.SigmaList a:visited {
	COLOR: #5177A8; TEXT-DECORATION: underline;
}

.SigmaList a:hover {
	COLOR: #5177A8; TEXT-DECORATION: underline;
}

.toolBar{
	clear:left;
	float:center;
	width:100%;
	height:30;
	background-color:#6699CC;
	border:1 solid #2E5990;
	border-bottom:0;
	padding-left:10px;
	padding-top:4px;
}

.toolBar .seperator{
	background-image:url(menuImages/line.gif);
	FLOAT: left; 
	width: 4px;
	background-repeat:no-repeat;
	HEIGHT: 23px;
}

.toolBar .space{
	width:8px;
	float:left;
}

.toolBar .ableButton{
	position:relative;
	float:left;
	font:normal 12 Arial;
	color:#fff;
	height:21px;
}

.toolBar .disableButton{
	position:relative;
	float:left;
	font:normal 12 Arial;
	color:#ace;
	height:21px;
}

.toolBar .ableButton .left{
	float:left;
	background:url(menuImages/ableLeft.gif);
	height:100%;
	cursor:hand;
}

.toolBar .ableButton .center{
	float:left;
	background:url(menuImages/ableCenter.gif);
	height:100%;
	text-align:center;
	padding-top:4px;
	cursor:hand;
}

.toolBar .ableButton .right{
	float:left;
	background:url(menuImages/ableRight.gif);
	height:100%;
}

.toolBar .disableButton .left{
	float:left;
	background:url(menuImages/disableLeft.gif);
	height:100%;
}

.toolBar .disableButton .center{
	float:left;
	background:url(menuImages/disableCenter.gif);
	height:100%;
	text-align:center;
	padding-top:4px;
}

.toolBar .disableButton .right{
	float:left;
	background:url(menuImages/disableRight.gif);
	height:100%;
}

.calendar{
	width:230;
	position:relative;
}

.calendar .weeks{
	height:26px;
	background:#B5C3EF;
	font:12px/24px 宋体;
	color:#ffffff;
	text-align:center;
}

.calendar .daysTable{
	border:#84A2C6 2px solid;
	width:100%;
	background-color:white;
	border-top:#84A2C6 1px solid;
	border-left:#84A2C6 2px solid;
	border-right:#84A2C6 2px solid;
	border-bottom:0;
}



.calendar .days{
	height:26px;
	font:12px/24px 宋体;
	color:#4A6D9C;
	text-align:center;
	background-color:#f3f3ff;
}

.calendar .currentDay{
	background-color:CEDFFF;
}
.calendar .bottomBar{
	width:100%;
	border-bottom:#84A2C6 2px solid;
	border-left:#84A2C6 2px solid;
	border-right:#84A2C6 2px solid;
	border-top:0;
	height:36px;
	background:#E7EFFF;
	text-align:center;
	padding-top:6px;
}

.calendar .button{
	display:inline;
	width:47px;
	height:21px;
	font:12px/21px 宋体;
	color:#ffffff;
	text-align:center;
	background-image:url(calendarImages/button.gif);
	cursor:hand;
}

.calendar .topBarLeft{
	float:left;
	width:10px;
	height:35px;
	background-image:url(calendarImages/topleft.gif);
}

.calendar .topBarRight{
	background-image:url(calendarImages/topright.gif);
	float:right;
	width:10px;
	height:35px;
}

.calendar .topBarCenter{
	float:left;
	height:35px;
	width:210;
	padding-left:0px;
	padding-right:0px;
	padding-top:7px;
	background-image:url(calendarImages/topcenter.gif);
}

.calendar .btPreYear{
	width:20px;
	background-repeat:no-repeat;
	background-image:url(calendarImages/yearpre.gif);
	height:16px;
	float:left;
	cursor:hand;
}
.calendar .btPreMonth{
	width:20px;
	background-repeat:no-repeat;
	background-image:url(calendarImages/monthpre.gif);
	height:16px;
	float:left;
	cursor:hand;
}
.calendar .btNextMonth{
	width:20px;
	background-repeat:no-repeat;
	background-image:url(calendarImages/monthnext.gif);
	height:16px;
	float:right;
	cursor:hand;
}
.calendar .btNextYear{
	width:20px;
	background-repeat:no-repeat;
	background-image:url(calendarImages/yearnext.gif);
	height:16px;
	float:right;
	cursor:hand;
}
.calendar .label{
	height:16px;
	float:left;
	cursor:hand;
	font:12px/24px 宋体;
	color:#4A6D9C;
}

.calendar .select{
	border:0;
	padding-left:0;
}


.report{
}

.report .grid{
	border-left:1 solid black;
	border-top:1 solid black;
}

.report .grid td{
	font-size:14;
	border-right:1 solid black;
	border-bottom:1 solid black;
}

.report .grid td.head{
	font-size:14;
	font-weight:bold;
	border-right:1 solid black;
	border-bottom:1 solid black;
}

.report .grid td.lastRow{
	font-size:14;
	border-right:1 solid black;
}





.tagboard{
	height:100%;
	width:100%;
	position:relative;
}

.tagboard .tagsbar{
	background-color:#EEF5FF;
	height:30;
	width:100%;
	padding-left:10px;
}

.tagboard .tag{
	position:relative;
	float:left;
	font:normal 12 Arial;
	color:black;
	height:30px;
}

.tagboard .tag .right{
	float:left;
	background:url(tagImages/right.gif);
	height:100%;
}

.tagboard .tag .left{
	float:left;
	background:url(tagImages/left.gif);
	height:100%;
}

.tagboard .tag .center{
	float:left;
	background:url(tagImages/center.gif);
	height:100%;
	text-align:center;
	padding-top:10px;
}


.tagboard .currentTag{
	position:relative;
	float:left;
	font:normal 12 Arial;
	color:black;
	height:30px;
}

.tagboard .currentTag .right{
	float:left;
	background:url(tagImages/cright.gif);
	height:100%;
}

.tagboard .currentTag .left{
	float:left;
	background:url(tagImages/cleft.gif);
	height:100%;
}

.tagboard .currentTag .center{
	float:left;
	background:url(tagImages/ccenter.gif);
	height:100%;
	text-align:center;
	padding-top:10px;
}



.tagboard .board{
	background-color:#40699C;
	border-bottom:1 solid #84A2C6;
	border-left:1 solid #84A2C6;
	border-right:1 solid #84A2C6;
	width:100%;
}


.busyDiv {
	background-image:url(busy.gif);
	background-repeat:no-repeat;
}