You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
319 lines
6.5 KiB
319 lines
6.5 KiB
/* 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:2px 8px 2px 9px; |
|
border:1px solid #ccc; |
|
background:#e2e2e2 url("../images/tabEnabled.png") repeat-x; |
|
} |
|
|
|
.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; |
|
} |
|
|
|
/* selected 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 .dijitTabHover .tabLabel { |
|
text-decoration: underline; |
|
} |
|
.tundra .dijitTabContainerTabListNested .dijitTabChecked .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; |
|
} |
|
|
|
/* selected tab */ |
|
.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; |
|
} |
|
|
|
/* selected tab */ |
|
.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; |
|
} |
|
|
|
/* selected tab */ |
|
.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 container */ |
|
.tundra .dijitTabContainerLeft-container { |
|
border-left: none; |
|
} |
|
|
|
/* selected tab */ |
|
.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: 3px; |
|
} |
|
|
|
.tundra .tabStrip-disabled .tabStripButton { |
|
padding-bottom: 3px; |
|
padding-top: 1px; |
|
} |
|
|
|
.tundra .tabStripButton { |
|
padding: 3px 2px 4px 2px; |
|
} |
|
|
|
.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; |
|
} |
|
|
|
|