Location: A review of cardiac cellular electrophysiology models @ f6a8f9030738 / dojo-presentation / js / dojo / dijit / themes / tundra / layout / TabContainer.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/dijit/themes/tundra/layout/TabContainer.css

/* Tabs, shared classes */
.tundra .dijitTabPaneWrapper {
	background:#fff;
	border:1px solid #ccc;
	margin: 0;
	padding: 0;
}

.tundra .dijitTab {
	line-height:normal;
	margin-right:4px;	/* space between one tab and the next in top/bottom mode */
	padding:0px;
	border:1px solid #ccc;
	background:#e2e2e2 url("../images/tabEnabled.png") repeat-x;
}

.tundra .dijitTabInnerDiv {
	padding:6px 8px 5px 9px;
}

.dijitTabSpacer {
	font-size: 1px;
}

/* checked tab*/
.tundra .dijitTabChecked {
	/* the selected tab (with or without hover) */
	background-color:#fff;
	border-color: #ccc;
	background-image:none;
}

/* hovered tab */
.tundra .dijitTabHover {
	color: #243C5F;
	border-top-color:#92a0b3;
	border-left-color:#92a0b3;
	border-right-color:#92a0b3;
	background:#e2e2e2 url("../images/tabHover.gif") repeat-x;
}

.tundra .dijitTabCheckedHover {
	color: inherit;
	border:1px solid #ccc;
	background:#fff;
}

.tundra .dijitTab .dijitClosable .closeImage {
	/* Inline-block */
	display:-moz-inline-box;		/* FF2 */
	display:inline-block;			/* webkit and FF3 */
	#zoom: 1; /* set hasLayout:true to mimic inline-block */
	#display:inline; /* don't use .dj_ie since that increases the priority */
	vertical-align:top;
	width: 12px;
	height: 12px;
	font-size: 5px;
	padding: 0;
	margin: 0;
	background: url("../images/tabClose.png") no-repeat right top;
}

.tundra .dijitTab .dijitTabButtonSpacer {
	height: 12px;
	width: 1px;
}

.dj_ie6 .dijitTab .dijitClosable .closeImage {
	background-image:url("../images/tabClose.gif");
}

.tundra .dijitTabCloseButton .dijitClosable .closeImage {
	background-image : url("../images/tabClose.png");
}
.dj_ie6 .tundra .dijitTabCloseButton .dijitClosable .closeImage {
	background-image : url("../images/tabClose.gif");
}

.tundra .dijitTabCloseButtonHover .dijitClosable .closeImage {
	background-image : url("../images/tabCloseHover.png");
}
.dj_ie6 .tundra .dijitTabCloseButtonHover .dijitClosable .closeImage {
	background-image : url("../images/tabCloseHover.gif");
}

/* ================================ */
/* top tabs */
.tundra .dijitTabContainerTop-tabs {
	margin-bottom: -1px;
	border-color: #ccc;
}

/* top container */
.tundra .dijitTabContainerTop-container {
	border-top: none;
}

/* checked tabs */
.tundra .dijitTabContainerTop-tabs .dijitTabChecked {
	border-bottom-color:white;
}

/* strip */
.tundra .dijitTabContainerTopStrip {
	border: 1px solid #ccc;
	padding-top: 2px;
	padding-left: 3px;
}

.tundra .dijitTabContainerTopStrip {
	background: #f2f2f2;
}

/* ================================ */
/* bottom tabs */
.tundra .dijitTabContainerBottom-tabs {
	margin-top: -1px;
	border-color: #ccc;
}

/* bottom container */
.tundra .dijitTabContainerBottom-container {
	border-bottom: none;
}

/* checked tabs */
.tundra .dijitTabContainerBottom-tabs .dijitTabChecked {
	border-top-color:white;
}

/* strip */
.tundra .dijitTabContainerBottomStrip {
	padding-bottom: 2px;
	padding-left: 3px;	
	border: 1px solid #ccc;
}

.tundra .dijitTabContainerBottomStrip {
	background: #f2f2f2;
}

/* top/bottom strip */
.tundra .dijitTabContainerBottom-spacer,
.tundra .dijitTabContainerTop-spacer {
	height: 0px;
	border-top: 1px solid #ccc;
	background: #fff;
}


/* ================================ */
/* right tabs */
.tundra .dijitTabContainerRight-tabs {
	margin-left: -1px;
	border-color: #ccc;
}

/* right container */
.tundra .dijitTabContainerRight-container {
	border-right: none;
}

/* checked tabs */
.tundra .dijitTabContainerRight-tabs .dijitTabChecked {
	border-left-color:white;
}

/* strip */
.tundra .dijitTabContainerRightStrip {
	padding-right: 2px;
	padding-top: 3px;	
	border: 1px solid #ccc;
}

.tundra .dijitTabContainerRightStrip {
	background: #f2f2f2;
}

/* ================================ */
/* left tabs */
.tundra .dijitTabContainerLeft-tabs {
	margin-right: -1px;
	border-color: #ccc;
}

/* left conatiner */
.tundra .dijitTabContainerLeft-container {
	border-left: none;
}

/* checked tabs */
.tundra .dijitTabContainerLeft-tabs .dijitTabChecked {
	border-right-color:white;
}

/* strip */
.tundra .dijitTabContainerLeftStrip {
	padding-left: 2px;
	padding-top: 3px;	
	border: 1px solid #ccc;
}

.tundra .dijitTabContainerLeftStrip {
	background: #f2f2f2;
}

/* ================================ */
/* left/right tabs */
.tundra .dijitTabContainerLeft-tabs .dijitTab,
.tundra .dijitTabContainerRight-tabs .dijitTab {
	margin-right:0px;
	margin-bottom:4px;	/* space between one tab and the next in left/right mode */
}

/* left/right tabstrip */
.tundra .dijitTabContainerLeft-spacer,
.tundra .dijitTabContainerRight-spacer {
	width: 0px;
	border-left: 1px solid #ccc;
	background: #fff;
}


/* ================================ */

/* this resets the tabcontainer stripe when within a contentpane */
.tundra .dijitTabContainerTop-dijitContentPane .dijitTabContainerTop-tabs {
	border-left: 0px solid #ccc;
	border-top: 0px solid #ccc;
	border-right: 0px solid #ccc;
	padding-top: 0px;
	padding-left: 0px;	
}