User:KazutoIKEDA/wiki/SpryCollapsiblePanel.css

From 2009.igem.org

(Difference between revisions)
Revision as of 19:08, 3 October 2009

@charset "UTF-8";
.CollapsiblePanel {
	margin: 0px;
	padding: 0px;
}
.CollapsiblePanel *{
	margin: 0px;
	padding: 0px;
}
.CollapsiblePanelTab {
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	/*background-image: url(../coimage/up.png);*/
	background-repeat: no-repeat;
	background-position: right;
	border: none;
}
.CollapsiblePanelContent {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
}
.CollapsiblePanelTab a {
	color: black;
	text-decoration: none;
}
.CollapsiblePanelTabHover,  .CollapsiblePanelOpen .CollapsiblePanelTabHover {
	border: thin solid #FFF;
}


/* This is an example of how to change the appearance of the panel tab when the
 * CollapsiblePanel is closed. The "CollapsiblePanelClosed" class is programatically added and removed
 * whenever the CollapsiblePanel is closed.
 */

.CollapsiblePanelClosed .CollapsiblePanelTab {
		background-image: url(../coimage/down.png);
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * CollapsiblePanel has focus. The "CollapsiblePanelFocused" class is programatically added and removed
 * whenever the CollapsiblePanel gains or loses keyboard focus.
 */
.CollapsiblePanelFocused .CollapsiblePanelTab {
	background-repeat: no-repeat;
	background-position: right;
}