Location: A review of cardiac cellular electrophysiology models @ f6a8f9030738 / dojo-presentation / js / dojo / dojox / layout / resources / ExpandoPane.css

Author:
David Nickerson <nickerso@users.sourceforge.net>
Date:
2009-07-16 02:00:03+12:00
Desc:
the starting point for the HH tutorial example
Permanent Source URI:
https://models.fieldml.org/workspace/a1/rawfile/f6a8f90307388eb4b040ee3566b84d88b59247f7/dojo-presentation/js/dojo/dojox/layout/resources/ExpandoPane.css

	/* dojox.layout.ExpandoPane */

	.dojoxExpandoPane {
		overflow:hidden;
		z-index:440;
		background:#fff;
	}
	
	.dojoxExpandoPane .dojoxExpandoWrapper {
		overflow:hidden;
	}

	.dojoxExpandoClosed .dojoxExpandoTitleNode {
		visibility:hidden;
	}

	/* hide all layout children scrollbars when closed */
	.dojoxExpandoClosed .dojoxExpandoWrapper * {
		overflow:hidden !important;
	}

	.dojoxExpandoTitleNode {
		padding-right:6px; 
		padding-left:6px;
	}

	.dojoxExpandoIcon .a11yNode {
		display:none;
		visibility:hidden;
	}

	.dojoxExpandoBottom .dojoxExpandoIcon,
	.dojoxExpandoTop .dojoxExpandoIcon,
	.dojoxExpandoLeft .dojoxExpandoIcon {
		float:right;
		margin-right:5px;
	}

	.dojoxExpandoRight .dojoxExpandoIcon {
		float:left;
		margin-left:5px;
	}

	/* this handles the tested embedded layout widget borders ...
	  ... perhaps some of these "relationship classes" can be refined and merged 
	  into the existing themes */
	.dojoxExpandoPane .dijitTabContainer .dijitTabPaneWrapper {
		border:none;
	}
	.dojoxExpandoPane .dijitAccordionContainer {
		border:none;
	}
	.dojoxExpandoRight .dijitAccordionContainer {
		/* FIXME: need specifics for themes */
		border-right:1px solid #ccc;
	}

	.dojoxExpandoIcon {
		width:14px;
		cursor:pointer;
		background-position:-60px 0px;
		height:14px;
	}

	.dojoxExpandoClosed .dojoxExpandoIcon {
		background-position: 0px 0px;
	}

	/* soria definitions */
	
	.soria .dijitBorderContainer-dijitExpandoPane {
		border: 1px solid #B1BADF;
		border-top: none;
	}
	
	.soria .dojoxExpandoPane {
		background: #F0F4FC;
	}
	
	.soria .dojoxExpandoTitle {
		height:16px;
		font-size:0.9em;
		font-weight:bold;
		padding:3px;
		padding-top:6px;
		padding-bottom:5px;
		background:#F0F4FC url("../../../dijit/themes/soria/images/tabContainerSprite.gif") repeat-x scroll 0pt -50px;
		border-bottom: 1px solid #ccc;
	}
	.soria .dojoxExpandoClosed .dojoxExpandoTitle {
		background: none;
		background-color: #F0F4FC;
		border-top: 1px solid #ccc;
		border-bottom: none;
	}
	.dj_safari .soria .dojoxExpandoTitle {
		height:18px;
	}
	.soria .dojoxExpandoIcon {
		background: url('../../../dijit/themes/soria/images/spriteRoundedIconsSmall.png') no-repeat center center;
		background-position:-60px 0px;
	}
	
	.soria .dojoxExpandoClosed .dojoxExpandoIcon {
		background-position:0px 0px;
	}
	
	.soria .dojoxExpandoRight {
		border-left:1px solid #b1badf;
	}
	
	.soria .dojoxExpandoLeft {
		border-right:1px solid #b1badf;
	}
	
	/* tundra styles */
	
	.tundra .dijitBorderContainer-dijitExpandoPane {
		border: 1px solid #ccc;
		border-top: none;
	}
	
	.tundra .dojoxExpandoTitle {
		font-weight: bold;
		padding: 3px;
		padding-top: 6px;
		padding-bottom: 4px;
		background: #fafafa url("../../../dijit/themes/tundra/images/accordionItemActive.gif") repeat-x scroll left top;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	.tundra .dojoxExpandoClosed .dojoxExpandoTitle {
		background: none;
		background-color: #fafafa;
		border-bottom: none;
	}
	.dj_ie7 .nihilo .dojoxExpandoTitle,
	.dj_safari .nihilo .dojoxExpandoTitle {
		height:18px;
	}

	.tundra .dojoxExpandoRight .dojoxExpandoTitle,
	.tundra .dojoxExpandoLeft .dojoxExpandoTitle,
	.tundra .dojoxExpandoClosed .dojoxExpandoTitle,
	.tundra .dojoxExpandoClosed {
		background-color: #fafafa;
	}

	/* open/closed states */
	.tundra .dojoxExpandoRight .dojoxExpandoIcon,
	.tundra .dojoxExpandoLeft .dojoxExpandoIcon {
		background: url('../../../dijit/themes/tundra/images/minusButton.gif') no-repeat;
	}
	.tundra .dojoxExpandoClosed .dojoxExpandoIcon {
		background: url('../../../dijit/themes/tundra/images/plusButton.gif') no-repeat;
	}
	
	/* nihilo theme styles */
	
	.nihilo .dijitBorderContainer-dijitExpandoPane {
		border: 1px solid #ccc;
		border-top: none;
	}
	
	.nihilo .dojoxExpandoPane {
		background: #fafafa;
	}
	
	.nihilo .dojoxExpandoTitle {
		height:16px;
		font-size:0.9em;
		font-weight:bold;
		padding:3px;
		padding-top:6px;
		padding-bottom:5px;
		background:#fafafa url("../../../dijit/themes/nihilo/images/tabContainerSprite.gif") repeat-x scroll 0pt -50px;
		border-bottom: 1px solid #ccc;
	}
	.nihilo .dojoxExpandoClosed .dojoxExpandoTitle {
		background: none;
		background-color: #fafafa;
		border-top: 1px solid #ccc;
		border-bottom: none;
	}
	
	.nihilo .dojoxExpandoLeft .dojoxExpandoIcon {
		background: url('../../../dijit/themes/nihilo/images/spriteRoundedIconsSmall.png') no-repeat -0px center;
	}
	.nihilo .dojoxExpandoClosed .dojoxExpandoLeft .dojoxExpandoIcon {
		background: url('../../../dijit/themes/nihilo/images/spriteRoundedIconsSmall.png') no-repeat -30px center;
	}
	
	.nihilo .dojoxExpandoRight .dojoxExpandoIcon {
		background: url('../../../dijit/themes/nihilo/images/spriteRoundedIconsSmall.png') no-repeat;
	}
	
	.nihilo .dojoxExpandoTop {
		border-bottom:1px solid #ccc;
		border-left:1px solid #ccc;
		border-right:1px solid #ccc; 
	}

	.nihilo .dojoxExpandoRight {
		border-left:1px solid #ccc;
	}
	.nihilo .dojoxExpandoLeft {
		border-right:1px solid #ccc;
	}