summaryrefslogtreecommitdiff
path: root/js/dojo/dijit/themes/tundra/layout/TabContainer.css
diff options
context:
space:
mode:
Diffstat (limited to 'js/dojo/dijit/themes/tundra/layout/TabContainer.css')
-rw-r--r--js/dojo/dijit/themes/tundra/layout/TabContainer.css335
1 files changed, 335 insertions, 0 deletions
diff --git a/js/dojo/dijit/themes/tundra/layout/TabContainer.css b/js/dojo/dijit/themes/tundra/layout/TabContainer.css
new file mode 100644
index 0000000..667da4a
--- /dev/null
+++ b/js/dojo/dijit/themes/tundra/layout/TabContainer.css
@@ -0,0 +1,335 @@
+/* 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;
+}
+