dijit
Version:
Dijit provides a complete collection of user interface controls based on Dojo, giving you the power to create web applications that are highly optimized for usability, performance, internationalization, accessibility, but above all deliver an incredible u
320 lines (264 loc) • 6.62 kB
CSS
/* 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;
}