diff options
author | Andrew Dolgov <[email protected]> | 2011-11-08 20:40:44 +0400 |
---|---|---|
committer | Andrew Dolgov <[email protected]> | 2011-11-08 20:40:44 +0400 |
commit | 81bea17aefb26859f825b9293c7c99192874806e (patch) | |
tree | fb244408ca271affa2899adb634788802c9a89d8 /lib/dijit/themes/tundra/layout/TabContainer.css | |
parent | 870a70e109ac9e80a88047044530de53d0404ec7 (diff) |
upgrade Dojo to 1.6.1
Diffstat (limited to 'lib/dijit/themes/tundra/layout/TabContainer.css')
-rw-r--r-- | lib/dijit/themes/tundra/layout/TabContainer.css | 128 |
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; } + |