1 files changed, 149 insertions, 29 deletions

diff --git a/lib/dijit/themes/soria/layout/TabContainer.css b/lib/dijit/themes/soria/layout/TabContainer.css
index 0cf156dec..b96d16955 100644
--- a/lib/dijit/themes/soria/layout/TabContainer.css
+++ b/lib/dijit/themes/soria/layout/TabContainer.css
@@ -1,3 +1,12 @@
+/**
+ * dijit.layout.TabContainer
+ *
+ * To style TabContainer with rounded corners
+ * you can use these classes: .dijitTab (left), .dijitTabContent (center), dijitTabInnerDiv (right)
+ * For tabs aligned to top you can style a stripe div right underneath the tabs using .dijitTabStripe
+ */
+
+/* Classes for all types of tabs (top/bottom/left/right) */
 
  .soria .dijitTabContainer .tabStripRBtn {
 	margin-right: 21px;
@@ -5,63 +14,84 @@
  .soria .dijitTabContainer .tabStripLBtn {
 	margin-left: 21px;
 }
+
  .soria .nowrapTabStrip .dijitTab {
 	top: 2px;
 }
+
  .soria .dijitTabContainerBottom-tabs .dijitTab {
 	top: -1px;
 	bottom: 2px;
 }
+
+/* Tabs, shared classes */
 .soria .dijitTabPaneWrapper {
 	background:#fff;
 	border:1px solid #B1BADF;
 	margin: 0;
-	padding-left: 0px;
+	padding-left: 0;
 }
+
 .soria .dijitTabInnerDiv {
-	padding:0px 3px 0px 0px;
+	padding:0 3px 0 0;
 	margin: 0 0 0 4px;
 	background: url("../images/tabContainerSprite.gif") no-repeat;
 	background-position: right -400px;
 }
+
 .soria .dijitTab {
 	line-height:normal;
-	margin:0 2px 0 0;	
-	padding:0px;
+	margin:0 2px 0 0;	/* space between one tab and the next in top/bottom mode */
+	padding:0;
 	background: url("../images/tabContainerSprite.gif") no-repeat 0 -300px;
 	color: #243C5F;
 	border-bottom: 1px #B1BADF solid;
 }
+
 .soria .dijitTabInnerDiv .dijitTabContent {
 	padding:4px 3px 2px 4px;
 	background: url("../images/tabContainerSprite.gif") repeat-x 0 -350px;
 	position: relative;
 }
+
+
+
 .soria .dijitTabListWrapper {
 	z-index: 10;
 }
+
+/* hovered tab */
 .soria .dijitTabHover {
 	color: #243C5F;
-	background: url("../images/tabContainerSprite.gif") no-repeat 0px -150px;
+	background: url("../images/tabContainerSprite.gif") no-repeat 0 -150px;
 }
+
 .soria .dijitTabHover .dijitTabInnerDiv {
 	background: url("../images/tabContainerSprite.gif") no-repeat right -250px;
 }
+
 .soria .dijitTabHover .dijitTabInnerDiv .dijitTabContent {
 	background: url("../images/tabContainerSprite.gif") repeat-x 0 -200px;
 }
+
+/* checked tab*/
 .soria .dijitTabChecked
 {
-	
-	background: url("../images/tabContainerSprite.gif") no-repeat 0px -0px;
+	/* the selected tab (with or without hover) */
+	background: url("../images/tabContainerSprite.gif") no-repeat 0 -0;
 }
+
 .soria .dijitTabChecked .dijitTabInnerDiv {
 	background: url("../images/tabContainerSprite.gif") no-repeat right -100px;
 }
+
 .soria .dijitTabChecked .dijitTabInnerDiv .dijitTabContent {
 	background: url("../images/tabContainerSprite.gif") repeat-x 0 -50px;
 	color: #243C5F !important;
 }
+
+/* Nested Tabs */
+
 .soria .dijitTabContainerTabListNested {
 	background: #F0F4FC;
 	background: #D9E9F9;
@@ -70,7 +100,7 @@
 .soria .dijitTabContainerTabListNested .dijitTab {
 	background: none;
 	border: none;
-	top: 0px;	
+	top: 0;	/* override top:1px setting of top-level tabs */
 }
 .soria .dijitTabContainerTabListNested .dijitTab .dijitTabInnerDiv,
 .soria .dijitTabContainerTabListNested .dijitTab .dijitTabContent {
@@ -84,12 +114,15 @@
 	font-weight: bold;
 }
 .soria .dijitTabContainerSpacerNested .dijitTabSpacer {
-	
-	height: 0px;
+	/* thinner line between tab (labels) and content */
+	height: 0;
 }
 .soria .dijitTabPaneWrapperNested {
-	border: none;	
+	border: none;	/* prevent double border */
 }
+
+
+/* Close Button */
 .soria .dijitTabCloseButton {
 	width: 15px;
 	height: 15px;
@@ -99,146 +132,192 @@
 .dj_ie6 .soria .dijitTabCloseButton {
 	background: url("../images/spriteRoundedIconsSmall.gif") no-repeat -60px top;
 }
+
 .soria .dijitTabCloseButtonHover {
 	background: url("../images/spriteRoundedIconsSmall.png") no-repeat -60px -15px;
 }
 .dj_ie6 .soria .dijitTabCloseButtonHover {
 	background: url("../images/spriteRoundedIconsSmall.gif") no-repeat -60px -15px;
 }
-.soria .dijitTab .tabLabel {
-	
-	min-height: 15px;
-	display: inline-block;
-}
-.dj_ie6 .soria .dijitTabButtonIcon {
-	
-	height: 18px;
-	width: 1px;
-}
+
+/* ================================ */
+/* top tabs */
 .soria .dijitTabContainerTop-tabs {
 	border-color: #B1BADF;
 	padding-left: 3px;
 }
+
 .soria .dijitTabContainerTopNoStrip {
 	padding-top: 3px;
 }
+
+/* top container */
 .soria .dijitTabContainerTop-container {
 	border-top: none;
 }
+
 .soria .dijitTabContainerTop .dijitTabListWrapper {
 	border-bottom: none;
 }
+
+/*non-checked tabs */
 .soria .dijitTabContainerTop-tabs .dijitTab {
 	top: 1px;
 }
+
+/* checked tabs */
 .soria .dijitTabContainerTop-tabs .dijitTabChecked {
 	border-bottom-color: #94b4e6;
 }
+
+/* strip */
 .soria .dijitTabContainerTopStrip {
 	border: 1px solid #B1BADF;
 	margin-top: 1px;
 	padding-top: 1px;
 	background: #F0F4FC;
 }
+
 .soria .dijitTabContainerTopStrip .dijitTabContainerTop-tabs {
 	padding-left: 3px;
 }
+
+
 .soria .dijitTabContainerNested .dijitTabListWrapper {
 	height: auto;
 }
+
+/* ================================ */
+/* bottom tabs */
 .soria .dijitTabContainerBottom-tabs {
 	margin-top: -1px;
 	padding-left: 3px;
 	border-top: 1px solid #B1BADF;
 }
+
 .soria .dijitTabContainerBottom .dijitTabListWrapper {
 	border-top: none;
 	padding-top: 1px;
 	padding-bottom: 1px;
 	float: left;
 }
+
+/* bottom container */
 .soria .dijitTabContainerBottom-container {
 	border-bottom: none;
 }
+
 .soria .dijitTabContainerBottom-tabs .dijitTab {
 	border-bottom: none;
 	border-top: 1px solid #B1BADF;
 	background: url("../images/tabBottomEnabledSpriteLR.gif") no-repeat bottom left;
 }
+
+/* checked tabs */
 .soria .dijitTabContainerBottom-tabs .dijitTabChecked {
 	border-top-color:#94b4e6;
 }
+
+
 .soria .dijitTabContainerBottom-tabs .dijitTabInnerDiv .dijitTabContent {
 	padding-top: 3px;
 	padding-bottom: 3px;
 	background: url("../images/tabBottomEnabledC.gif") repeat-x bottom left;
 }
+
 .soria .dijitTabContainerBottom-tabs .dijitTabInnerDiv {
 	background: url("../images/tabBottomEnabledSpriteLR.gif") no-repeat bottom right;
 }
+
 .soria .dijitTabContainerBottom-tabs .dijitTabHover {
 	color: #243C5F;
 	background: url("../images/tabBottomHoverSpriteLR.gif") no-repeat bottom left;
 }
+
 .soria .dijitTabContainerBottom-tabs .dijitTabHover .dijitTabInnerDiv {
 	background: url("../images/tabBottomHoverSpriteLR.gif") no-repeat bottom right;
 }
+
 .soria .dijitTabContainerBottom-tabs .dijitTabHover .dijitTabInnerDiv .dijitTabContent {
 	background: url("../images/tabBottomHoverC.gif") repeat-x bottom left;
 }
+
 .soria .dijitTabContainerBottom-tabs .dijitTabChecked {
-	
+	/* the selected tab (with or without hover) */
 	background: url("../images/tabBottomActiveSpriteLR.gif") no-repeat bottom left;
 }
+
 .soria .dijitTabContainerBottom-tabs .dijitTabChecked .dijitTabInnerDiv {
 	background: url("../images/tabBottomActiveSpriteLR.gif") no-repeat bottom right;
 }
+
 .soria .dijitTabContainerBottom-tabs .dijitTabChecked .dijitTabInnerDiv .dijitTabContent {
 	background: url("../images/tabBottomActiveC.gif") repeat-x bottom left;
 }
+
+/* strip */
 .soria .dijitTabContainerBottomStrip {
 	padding-bottom: 2px;
 	border: 1px solid #B1BADF;
 }
+
 .soria .dijitTabContainerBottomStrip {
 	background: #F0F4FC;
 }
+
+/* top/bottom strip */
 .soria .dijitTabContainerBottom-spacer,
 .soria .dijitTabContainerTop-spacer {
 	height: 2px;
 	border: 1px solid #8ba0bd;
 	background: #94b4e6;
 }
+
 .soria .dijitTabContainerTop-spacer {
 	border-top: none;
 }
+
 .soria .dijitTabContainerBottom-spacer {
 	border-bottom: none;
 }
+
+/* ================================ */
+/* right tabs */
 .soria .dijitTabContainerRight-tabs {
 	height: 100%;
 	border-color: #ccc;
 	padding-top: 3px;
 }
+
+/* right container */
 .soria .dijitTabContainerRight-container {
 	border-right: none;
 }
+
 .soria .dijitTabContainerRight-tabs .dijitTab {
 	border-bottom: none;
 	border-left: 1px solid #B1BADF;
 	border-bottom: 1px solid #B1BADF !important;
 }
+
+
+/* some odd ie bug when borders dissapear when setting a bottom margin, this sortof helps */
 .dj_ie6 .soria .dijitTabContainerRight-tabs .dijitTabInnerDiv,
 .dj_ie7 .soria .dijitTabContainerRight-tabs .dijitTabInnerDiv {
 	border-bottom: solid #B1BADF 1px;
 	margin-bottom: -1px;
 }
+
+/* checked tabs */
 .soria .dijitTabContainerRight-tabs .dijitTabChecked {
 	border-left-color: #94b4e6;
 }
+
 .soria .dijitTabContainerRight-tabs .dijitTabChecked {
 	background: url("../images/tabRightChecked.gif") no-repeat left top !important;
 }
+
+/* some odd ie bug when borders dissapear when setting a bottom margin, this sortof helps */
 .dj_ie6 .soria .dijitTabContainerRight-tabs .dijitTabChecked .dijitTabInnerDiv,
 .dj_ie7 .soria .dijitTabContainerRight-tabs .dijitTabChecked .dijitTabInnerDiv,
 .dj_ie6 .soria .dijitTabContainerRight-tabs .dijitTabCheckedHover .dijitTabInnerDiv,
@@ -246,33 +325,45 @@
 	border-bottom: solid #94b4e6 1px;
 	margin-bottom: -1px;
 }
+
 .soria .dijitTabContainerRight-tabs .dijitTab {
 	background: url("../images/tabContainerSprite.gif") no-repeat left -350px;
 }
 .soria .dijitTabContainerRight-tabs .dijitTabHover .dijitTab {
 	background: url("../images/tabContainerSprite.gif") no-repeat left -200px;
 }
+
+/* strip */
 .soria .dijitTabContainerRightStrip {
 	padding-right: 2px;
 	border: 1px solid #B1BADF;
 	background: #F0F4FC;
 	border-left: none;
 }
+
+/* ================================ */
+/* left tabs */
 .soria .dijitTabContainerLeft-tabs {
 	border-color: #ccc;
 	padding-top: 3px;
 	height: 100%;
 }
+
+/* left conatiner */
 .soria .dijitTabContainerLeft-container {
 	border-left: none;
 }
+
 .soria .dijitTabContainerLeft-tabs .dijitTab {
 	border-right: 1px solid #B1BADF;
 	border-bottom: 1px solid #B1BADF;
 }
+
+/* checked tabs */
 .soria .dijitTabContainerLeft-tabs .dijitTabChecked {
 	border-right: 1px solid #94b4e6;
 }
+
 .soria .dijitTabContainerLeft-tabs .dijitTabInnerDiv {
 	background: url("../images/tabContainerSprite.gif") no-repeat right -350px;
 }
@@ -283,11 +374,13 @@
 .soria .dijitTabContainerLeft-tabs .dijitTabCheckedHover .dijitTabInnerDiv {
 	background: url("../images/tabLeftChecked.gif") no-repeat right top;
 }
+
 .dj_ie6 .soria .dijitTabContainerLeft-tabs .dijitTabInnerDiv,
 .dj_ie7 .soria .dijitTabContainerLeft-tabs .dijitTabInnerDiv {
 	border-bottom: solid #B1BADF 1px;
 	margin-bottom: -1px;
 }
+
 .dj_ie6 .soria .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabInnerDiv,
 .dj_ie7 .soria .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTabInnerDiv,
 .dj_ie6 .soria .dijitTabContainerLeft-tabs .dijitTabCheckedHover .dijitTabInnerDiv,
@@ -295,78 +388,105 @@
 	border-bottom: solid #94b4e6 1px;
 	margin-bottom: -1px;
 }
+
+/* strip */
 .soria .dijitTabContainerLeftStrip {
 	padding-left: 2px;
 	border: 1px solid #B1BADF;
 	background: #F0F4FC;
 	border-right: none;
 }
+
+/* ================================ */
+/* left/right tabs */
 .soria .dijitTabContainerLeft-tabs .dijitTab,
 .soria .dijitTabContainerRight-tabs .dijitTab {
 	margin-right:auto;
-	margin-bottom:2px;	
+	margin-bottom:2px;	/* space between one tab and the next in left/right mode */
 }
+
+/* left/right tabstrip */
 .soria .dijitTabContainerLeft-spacer,
 .soria .dijitTabContainerRight-spacer {
 	width: 2px;
 	border: 1px solid #8ba0bd;
 	background: #94b4e6;
 }
+
 .soria .dijitTabContainerLeft-spacer {
 	border-left: none;
 }
 .soria .dijitTabContainerRight-spacer {
 	border-right: none;
 }
+/* ================================ */
+
+/* this resets the tabcontainer stripe when within a contentpane */
 .soria .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 */
 .soria .dijitTabContainer .tabStripButton {
 	margin-right: 0;
 }
 .soria .dijitTabContainer .tabStripButton-top {
 	margin-top: 1px;
 }
+
 .soria .tabStripButton .dijitTabContent{
 	padding: 6px 0 5px 0;
 }
+
 .dj_ie6 .soria .tabStripButton .dijitTabContent,
 .dj_ie7 .soria .tabStripButton .dijitTabContent {
 	padding-top: 7px;
 }
+
 .soria .tabStrip-disabled .tabStripButton .dijitTabContent {
 	padding: 5px 0 3px 0;
 }
+
 .dj_ie6 .soria .tabStrip-disabled .tabStripButton .dijitTabContent,
 .dj_ie7 .soria .tabStrip-disabled .tabStripButton .dijitTabContent {
 	padding-top: 6px;
 }
+
 .soria .dijitTabContainer .tabStripButton-bottom {
 	background: transparent url(../images/tabBottomEnabledSpriteLR.gif) no-repeat scroll left bottom;
 	border-bottom: medium none;
 	border-top: 1px solid #B1BADF;
 }
+
 .soria .dijitTabContainer .tabStripButton-bottom .dijitTabInnerDiv {
 	background: transparent url(../images/tabBottomEnabledSpriteLR.gif) no-repeat scroll right bottom;
 }
+
 .soria .dijitTabContainer .tabStripButton-bottom .dijitTabContent {
 	background: transparent;
 }
+
 .soria .dijitTabStripIcon {
 	height: 14px;
 	width: 14px;
 	background: url(../images/spriteRoundedIconsSmall.png) no-repeat left top ;
 }
+
 .dj_ie6 .soria .dijitTabStripIcon {
 	background-image: url(../images/spriteRoundedIconsSmall.gif);
 }
+
 .soria .dijitTabStripSlideRightIcon {
 	background-position: -30px top;
 }
+
 .soria .dijitTabStripMenuIcon {
 	background-position: -15px top;
-}
+}
\ No newline at end of file