1 files changed, 107 insertions, 21 deletions
diff --git a/lib/dijit/themes/tundra/layout/TabContainer.css b/lib/dijit/themes/tundra/layout/TabContainer.css
index 8e859b9b4..667da4ad9 100644
--- a/lib/dijit/themes/tundra/layout/TabContainer.css
+++ b/lib/dijit/themes/tundra/layout/TabContainer.css
@@ -1,42 +1,51 @@
-
+/* Tabs, shared classes */
 .tundra .dijitTabPaneWrapper {
 	background:#fff;
 	border:1px solid #ccc;
 	margin: 0;
 	padding: 0;
 }
+
 .tundra .dijitTab {
 	line-height:normal;
-	margin-right:4px;	
-	padding:0px;
+	margin-right:4px;	/* space between one tab and the next in top/bottom mode */
+	padding:0;
 	border:1px solid #ccc;
 	background:#e2e2e2 url("../images/tabEnabled.png") repeat-x;
 }
+
 .tundra .dijitTabInnerDiv {
 	padding:2px 8px 2px 9px;
 }
+
 .tundra .dijitTabSpacer {
 	display: none;
 }
+
 .tundra .dijitTabContainer .tabStripRBtn {
 	margin-right: 20px;
 }
 .tundra .dijitTabContainer .tabStripLBtn {
 	margin-left: 20px;
 }
+
 .tundra .nowrapTabStrip .dijitTab {
 	top: 2px;
 }
 .tundra .dijitTabContainerBottom .nowrapTabStrip .dijitTab {
-	top: 0px;
+	top: 0;
 	bottom: 2px;
 }
+
+/* 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;
@@ -45,38 +54,49 @@
 	border-bottom-color:#92a0b3;
 	background:#e2e2e2 url("../images/tabHover.gif") repeat-x;
 }
+
 .tundra .dijitTabContainerTop .dijitTabHover {
 	border-bottom-color:#ccc;
 }
+
 .tundra .dijitTabContainerBottom .dijitTabHover {
 	border-top-color:#ccc;
 }
+
 .tundra .dijitTabContainerLeft .dijitTabHover {
 	border-right-color:#ccc;
 }
+
 .tundra .dijitTabContainerRight .dijitTabHover {
 	border-left-color:#ccc;
 }
+
 .tundra .dijitTabContainer .dijitTabCheckedHover {
 	color: inherit;
 	border:1px solid #ccc;
 	background:#fff;
 }
+
 .tundra .dijitTab .tabLabel {
-	
+	/* make sure tabs w/close button and w/out close button are same height, even w/small (<12px) font */
 	min-height: 12px;
 	display: inline-block;
 }
+
+/* Nested Tabs */
+
 .tundra .dijitTabContainerNested .dijitTabListWrapper {
 	height: auto;
 }
+
 .tundra .dijitTabContainerNested .dijitTabContainerTop-tabs {
 	border-bottom: 1px solid #CCC;
 }
+
 .tundra .dijitTabContainerTabListNested .dijitTab {
 	background: none;
 	border: none;
-	top: 0px;		
+	top: 0;		/* to override top: 1px/-1px for normal tabs */
 }
 .tundra .dijitTabContainerTabListNested .dijitTab .dijitTabContent {
 }
@@ -86,11 +106,14 @@
 .tundra .dijitTabContainerTabListNested .dijitTabChecked .dijitTabContent .tabLabel {
 	text-decoration: underline;
 	font-weight: bold;
-	
+	/*background:#f3f3f3;*/
 }
 .tundra .dijitTabContainer .dijitTabPaneWrapperNested {
-	border: none;	
+	border: none;	/* prevent double border */
 }
+
+/* Close button */
+
 .tundra .dijitTabCloseButton {
 	background: url("../images/tabClose.png") no-repeat right top;
 	width: 12px;
@@ -99,33 +122,45 @@
 .dj_ie6 .tundra .dijitTabCloseButton {
 	background-image : url("../images/tabClose.gif");
 }
+
 .tundra .dijitTabCloseButtonHover {
 	background-image : url("../images/tabCloseHover.png");
 }
 .dj_ie6 .tundra .dijitTabCloseButtonHover {
 	background-image : url("../images/tabCloseHover.gif");
 }
+
+/* ================================ */
+/* top tabs */
+
 .tundra .dijitTabContainerTop-tabs {
-	margin-bottom: 0px;
+	margin-bottom: 0;
 	border-color: #cccccc;
 	padding-left: 3px;
 	background-position: bottom;
 }
 .tundra .dijitTabContainerTop-tabs .dijitTab {
-	top: 0px;
+	top: 0;
 	margin-bottom: -1px;
 }
+
+/* top container */
 .tundra .dijitTabContainerTop-container {
 	border-top: none;
 }
+
+/* checked tabs */
 .tundra .dijitTabContainerTop-tabs .dijitTabChecked {
 	border-bottom-color:white;
 }
+
 .tundra .dijitTabContainerTop-tabs,
 .tundra .dijitTabContainerBottom-tabs {
 	padding-left: 3px;
 	padding-right: 3px;
 }
+
+/* strip */
 .tundra .dijitTabContainerTopStrip {
 	border-top: 1px solid #CCC;
 	border-right: 1px solid #CCC;
@@ -133,96 +168,142 @@
 	padding-top: 2px;
 	background: #f2f2f2;
 }
+
 .tundra .dijitTabContainerTopNone {
-	padding-top: 0px;
+	padding-top: 0;
 }
+
+
+/* ================================ */
+/* bottom tabs */
 .tundra .dijitTabContainerBottom-tabs {
-	margin-top: 0px;
+	margin-top: 0;
 	border-color: #cccccc;
 	background-position: top;
 	padding-left: 3px;
 }
 .tundra .dijitTabContainerBottom-tabs .dijitTab {
-	bottom: 0px;
+	bottom: 0;
 	margin-top: -1px;
 }
+
+/* bottom container */
 .tundra .dijitTabContainerBottom-container {
 	border-bottom: none;
 }
+
+/* checked tabs */
 .tundra .dijitTabContainerBottom-tabs .dijitTabChecked {
 	border-top-color:white;
 }
+
+/* strip */
 .tundra .dijitTabContainerBottomStrip {
 	padding-bottom: 2px;
 	border: 1px solid #ccc;
 	background: #f2f2f2;
 	border-top: none;
 }
+
+/* ================================ */
+/* right tabs */
 .tundra .dijitTabContainerRight-tabs {
 	border-color: #ccc;
 	height: 100%;
 	padding-top: 3px;
 }
+
 .tundra .dijitTabContainerRightStrip {
 	margin-left: -1px;
 }
+
+/* right container */
 .tundra .dijitTabContainerRight-container {
 	border-right: none;
 }
+
+/* checked tabs */
 .tundra .dijitTabContainerRight-tabs .dijitTabChecked {
 	border-left-color:white;
 }
+
+/* strip */
 .tundra .dijitTabContainerRightStrip {
 	padding-right: 2px;
 	border: 1px solid #ccc;
 }
+
 .tundra .dijitTabContainerRightStrip {
 	background: #f2f2f2;
 }
+
+/* ================================ */
+/* left tabs */
 .tundra .dijitTabContainerLeft-tabs {
 	border-color: #ccc;
 	padding-top: 3px;
 	height: 100%;
 }
+
+/* left conatiner */
 .tundra .dijitTabContainerLeft-container {
 	border-left: none;
 }
+
+/* checked tabs */
 .tundra .dijitTabContainerLeft-tabs .dijitTabChecked {
 	border-right-color:white;
 }
+
+/* strip */
 .tundra .dijitTabContainerLeftStrip {
 	padding-left: 2px;
 	border: 1px solid #ccc;
 	background: #f2f2f2;
 	border-right: none;
 }
+
+/* ================================ */
+/* left/right tabs */
 .tundra .dijitTabContainerLeft-tabs .dijitTab,
 .tundra .dijitTabContainerRight-tabs .dijitTab {
-	margin-right:0px;
-	margin-bottom:4px;	
+	margin-right:0;
+	margin-bottom:4px;	/* space between one tab and the next in left/right mode */
 }
+
+/* ================================ */
+
+/* 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;
+	border-left: 0 solid #ccc;
+	border-top: 0 solid #ccc;
+	border-right: 0 solid #ccc;
+	padding-top: 0;
+	padding-left: 0;
 }
+
+/* ================================ */
+
+/* Menu and slider control styles */
 .tundra .dijitTabContainer .tabStripButton {
 	margin-right: 0;
 	padding-top: 2px;
 	z-index: 12;
 }
+
 .tundra .dijitTabContainerBottom .tabStripButton {
 	padding-top: 2px;
 }
+
 .tundra .tabStrip-disabled .tabStripButton .dijitTabInnerDiv {
 	padding-bottom: 3px;
 	padding-top: 1px;
 }
+
 .tundra .tabStripButton .dijitTabInnerDiv {
 	padding: 3px 2px 4px 2px;
 }
+
 .dj_ie6 .tundra .tabStripButton .dijitTabInnerDiv,
 .dj_ie7 .tundra .tabStripButton .dijitTabInnerDiv,
 .dj_opera .tundra .tabStripButton .dijitTabInnerDiv {
@@ -233,17 +314,22 @@
 .dj_opera .tundra .tabStrip-disabled .tabStripButton .dijitTabInnerDiv {
 	padding-bottom: 4px;
 }
+
 .tundra .dijitTabStripIcon {
 	height: 14px;
 	width: 14px;
 	background: url(../images/spriteRoundedIconsSmall.png) no-repeat left top ;
 }
+
 .dj_ie6 .tundra .dijitTabStripIcon {
 	background-image: url(../images/spriteRoundedIconsSmall.gif);
 }
+
 .tundra .dijitTabStripSlideRightIcon {
 	background-position: -30px top;
 }
+
 .tundra .dijitTabStripMenuIcon {
 	background-position: -15px top;
 }
+