webtab.css

javascript实现的工作流设计器功能

td { font-size:9pt; }      

td.tab {
	width:				70px;
	height:				19px;
	background-image:	url( "tab.png" );
	
	position:		relative;
	top:			1;
	display:		inline;
	float:			left;
	overflow:		hidden;	
	cursor:			Default;

	margin:			1px -1px 1px 2px;
	padding:		2px 0px 0px 0px;
	z-index:		1;
	font:			11px Tahoma;
	white-space:	nowrap;
	text-align:		center;

	border-bottom: 1px solid rgb( 145, 155, 156 );
}

td.selectedtab {
	width:				70px !important;
	height:				20px !important;
	background-image:	url( "tab.active.png" ) !important;
	background-repeat:	no-repeat;

	top:                    0;
	border-bottom-width:	0;
	z-index:		        3;
	font:				    11px Tahoma;	
	text-align:		        center;
}

td.hovertab {
	width:				70px;
	height:				19px;
	background-image:	url( "tab.hover.png" );
	
	position:		relative;
	top:			1;
	display:		inline;
	float:			left;
	overflow:		hidden;	
	cursor:			Default;

	margin:			1px -1px 1px 2px;
	padding:		2px 0px 0px 0px;
	font:			11px Tahoma;
	white-space:	nowrap;
	text-align:		center;

	border-bottom: 1px solid rgb( 145, 155, 156 );
}

td.tabspacer { 
    border: 1px solid rgb( 145, 155, 156 ); 
	border-width: 0 0 1px; 
}

td#contentscell { 
    border: 1px solid rgb( 145, 155, 156 );
	background: rgb( 252, 252, 254 );  
	border-width: 0 1px 1px; 	
	padding: 3px;
}

div.contents { display: none; }
div.selectedcontents { display: block; }