/* 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: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: 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; border-left-color:#92a0b3; border-right-color:#92a0b3; 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: 0; /* to override top: 1px/-1px for normal tabs */ } .tundra .dijitTabContainerTabListNested .dijitTab .dijitTabContent { } .tundra .dijitTabContainerTabListNested .dijitTabHover .dijitTabContent .tabLabel { text-decoration: underline; } .tundra .dijitTabContainerTabListNested .dijitTabChecked .dijitTabContent .tabLabel { text-decoration: underline; font-weight: bold; /*background:#f3f3f3;*/ } .tundra .dijitTabContainer .dijitTabPaneWrapperNested { border: none; /* prevent double border */ } /* Close button */ .tundra .dijitTabCloseButton { background: url("../images/tabClose.png") no-repeat right top; width: 12px; height: 12px; } .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: 0; border-color: #cccccc; padding-left: 3px; background-position: bottom; } .tundra .dijitTabContainerTop-tabs .dijitTab { 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; border-left: 1px solid #CCC; padding-top: 2px; background: #f2f2f2; } .tundra .dijitTabContainerTopNone { padding-top: 0; } /* ================================ */ /* bottom tabs */ .tundra .dijitTabContainerBottom-tabs { margin-top: 0; border-color: #cccccc; background-position: top; padding-left: 3px; } .tundra .dijitTabContainerBottom-tabs .dijitTab { 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: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: 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 { padding-bottom: 5px; } .dj_ie6 .tundra .tabStrip-disabled .tabStripButton .dijitTabInnerDiv, .dj_ie7 .tundra .tabStrip-disabled .tabStripButton .dijitTabInnerDiv, .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; }