User:KazutoIKEDA/wiki/SpryCollapsiblePanel.css

From 2009.igem.org

Revision as of 01:34, 20 October 2009 by KazutoIKEDA (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)

Note: After saving, you may have to bypass your browser's cache to see the changes. Mozilla / Firefox / Safari: hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (Command-R on a Macintosh); Konqueror: click Reload or press F5; Opera: clear the cache in Tools → Preferences; Internet Explorer: hold Ctrl while clicking Refresh, or press Ctrl-F5.

@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;
}