igf_tree.css

来自「一个JSF的商业组件的DEMO,infragistics-netadvantag」· CSS 代码 · 共 92 行

/*=======================================================*/
	/*                      Radio Flyer Theme                       */
	/*=======================================================*/
	/* default css applied to the tree itself */
.igTreeView {
	background-color: #FFFFFF;
	border: 1px solid silver;
}

/* display the "minus" icon to collapse a tree node */
.igTreeNodeExpandedControl {
	background-image: url(webtree/igwt_minus.gif);
	height: 16px;
	width: 16px;
}

/* display the "plus" icon to expand a tree node */
.igTreeNodeCollapsedControl {
	background-image: url(webtree/igwt_plus.gif);
	height: 16px;
	width: 16px;
}

/* display a transparent icon that matches the dimension of the plus/minus icon */
.igTreeNodeControl {
	height: 16px;
	width: 16px;
}

/* default css applied to tree nodes */
.igTreeNode {
	color: #696969;
	text-decoration: none;
	white-space: nowrap;
	padding:2px;
	
}
.igTreeNode img, .igTreeNodeHover img, .igTreeNodeSelected img, .igTreeNodeDisabled img {	
	vertical-align:middle;	
}
.igTreeNode .label, .igTreeNodeHover .label, .igTreeNodeSelected .label, .igTreeNodeDisabled .label {	
	vertical-align:middle;	
}

/* applied to disabled tree nodes */
.igTreeNodeDisabled {
	color: silver;
	cursor: text;
	text-decoration: none;
	white-space: nowrap;
	padding:2px;
}

/* css applied to a node whenever the mouse cursor is over it */
.igTreeNodeHover {
	color: #730614;	
	white-space: nowrap;
	text-decoration: none;
	padding:2px;
}
.igTreeNodeHover .label{
	text-decoration: underline;
}

/* css applied to a node whenever selected */
.igTreeNodeSelected {
	background-color: #FEE7EA;
	color: #730614;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	padding:2px;
}

.owtnodeIcon {
	margin-right: 3px;
	vertical-align: middle;
	padding-top: -3px;
}

/* css that applies to the nodes' icons (but not the plus/minus icons) */
.igTreeNodeIcon {
	margin-right: 4px;
}

/* css applied to children nodes */
.igTreeNodeContent {
	margin-left: 16px;
	text-decoration: none;
	background-color: white;
}
}