User:KazutoIKEDA/wiki/SpryCollapsiblePanel.css

From 2009.igem.org

(Difference between revisions)
Revision as of 19:23, 15 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(https://static.igem.org/mediawiki/2009/d/da/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;
}
.CollapsiblePanelOpen .CollapsiblePanelTab {
	background-image: url(https://static.igem.org/mediawiki/2009/f/f9/Down.png);
}
.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;
}