403 lines
9.4 KiB
CSS
403 lines
9.4 KiB
CSS
/**
|
|
* dijit.layout.TabContainer
|
|
*/
|
|
|
|
/* Classes for all types of tabs (top/bottom/left/right) */
|
|
|
|
.soria .dijitTabContainer .tabStripRBtn {
|
|
margin-right: 21px;
|
|
}
|
|
.soria .dijitTabContainer .tabStripLBtn {
|
|
margin-left: 21px;
|
|
}
|
|
|
|
.soria .nowrapTabStrip .dijitTab {
|
|
top: 2px;
|
|
}
|
|
|
|
.soria .dijitTabContainerBottom-tabs .dijitTab {
|
|
top: -1px;
|
|
bottom: 2px;
|
|
}
|
|
|
|
/* Tabs, shared classes */
|
|
.soria .dijitTabPaneWrapper {
|
|
background:#fff;
|
|
border:1px solid #B1BADF;
|
|
margin: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.soria .dijitTab {
|
|
padding:4px 6px 2px 4px;
|
|
background: url("../images/tabContainerSprite.gif") repeat-x 0 -351px;
|
|
position: relative;
|
|
line-height:normal;
|
|
margin:0 2px 0 0; /* space between one tab and the next in top/bottom mode */
|
|
color: #243C5F;
|
|
border: 1px #8BA0BD solid;
|
|
border-bottom: 1px #B1BADF solid;
|
|
}
|
|
|
|
/* hovered tab */
|
|
.soria .dijitTabHover {
|
|
color: #243C5F;
|
|
background: url("../images/tabContainerSprite.gif") repeat-x 0 -201px;
|
|
}
|
|
|
|
/* selected tab*/
|
|
.soria .dijitTabChecked
|
|
{
|
|
background: url("../images/tabContainerSprite.gif") repeat-x 0 -51px;
|
|
color: #243C5F !important;
|
|
}
|
|
|
|
|
|
.soria .dijitTabListWrapper {
|
|
z-index: 10;
|
|
}
|
|
|
|
|
|
/* Nested Tabs */
|
|
|
|
.soria .dijitTabContainerTabListNested {
|
|
background: #D9E9F9;
|
|
border: none;
|
|
}
|
|
.soria .dijitTabContainerTabListNested .dijitTab {
|
|
background: none;
|
|
border: none;
|
|
top: 0; /* override top:1px setting of top-level tabs */
|
|
}
|
|
.soria .dijitTabContainerTabListNested .dijitTabHover .tabLabel {
|
|
text-decoration: underline;
|
|
}
|
|
.soria .dijitTabContainerTabListNested .dijitTabChecked .tabLabel {
|
|
text-decoration: underline;
|
|
font-weight: bold;
|
|
}
|
|
.soria .dijitTabContainerSpacerNested .dijitTabSpacer {
|
|
/* thinner line between tab (labels) and content */
|
|
height: 0;
|
|
}
|
|
.soria .dijitTabPaneWrapperNested {
|
|
border: none; /* prevent double border */
|
|
}
|
|
|
|
|
|
/* Close Button */
|
|
.soria .dijitTabCloseButton {
|
|
width: 15px;
|
|
height: 15px;
|
|
background: url("../images/spriteRoundedIconsSmall.png") no-repeat -60px top;
|
|
margin-top: -1px;
|
|
}
|
|
.dj_ie6 .soria .dijitTabCloseButton {
|
|
background: url("../images/spriteRoundedIconsSmall.gif") no-repeat -60px top;
|
|
}
|
|
|
|
.soria .dijitTabCloseButtonHover {
|
|
background: url("../images/spriteRoundedIconsSmall.png") no-repeat -60px -15px;
|
|
}
|
|
.dj_ie6 .soria .dijitTabCloseButtonHover {
|
|
background: url("../images/spriteRoundedIconsSmall.gif") no-repeat -60px -15px;
|
|
}
|
|
|
|
/* ================================ */
|
|
/* top tabs */
|
|
.soria .dijitTabContainerTop-tabs {
|
|
border-color: #B1BADF;
|
|
padding-left: 3px;
|
|
}
|
|
.soria .dijitTabContainerTop-tabs .dijitTab {
|
|
border-radius: 4px 4px 0 0;
|
|
-moz-border-radius: 4px 4px 0 0;
|
|
}
|
|
|
|
.soria .dijitTabContainerTopNoStrip {
|
|
padding-top: 3px;
|
|
}
|
|
|
|
/* top container */
|
|
.soria .dijitTabContainerTop-container {
|
|
border-top: none;
|
|
}
|
|
|
|
.soria .dijitTabContainerTop .dijitTabListWrapper {
|
|
border-bottom: none;
|
|
}
|
|
|
|
/*unselected tabs */
|
|
.soria .dijitTabContainerTop-tabs .dijitTab {
|
|
top: 1px;
|
|
}
|
|
|
|
/* selected tabs */
|
|
.soria .dijitTabContainerTop-tabs .dijitTabChecked {
|
|
border-bottom-color: #94b4e6;
|
|
}
|
|
|
|
/* strip */
|
|
.soria .dijitTabContainerTopStrip {
|
|
border: 1px solid #B1BADF;
|
|
margin-top: 1px;
|
|
padding-top: 1px;
|
|
background: #F0F4FC;
|
|
}
|
|
|
|
.soria .dijitTabContainerTopStrip .dijitTabContainerTop-tabs {
|
|
padding-left: 3px;
|
|
}
|
|
|
|
|
|
.soria .dijitTabContainerNested .dijitTabListWrapper {
|
|
height: auto;
|
|
}
|
|
|
|
/* ================================ */
|
|
/* bottom tabs */
|
|
.soria .dijitTabContainerBottom-tabs {
|
|
margin-top: -1px;
|
|
padding-left: 3px;
|
|
border-top: 1px solid #B1BADF;
|
|
}
|
|
|
|
.soria .dijitTabContainerBottom .dijitTabListWrapper {
|
|
border-top: none;
|
|
padding-top: 1px;
|
|
padding-bottom: 1px;
|
|
float: left;
|
|
}
|
|
|
|
.soria .dijitTabContainerBottom-tabs .dijitTab {
|
|
border-bottom: none;
|
|
border-top: 1px solid #B1BADF;
|
|
border-radius: 0 0 4px 4px;
|
|
-moz-border-radius: 0 0 4px 4px;
|
|
padding-top: 3px;
|
|
padding-bottom: 3px;
|
|
background: url("../images/tabBottomEnabledC.gif") repeat-x bottom left;
|
|
}
|
|
|
|
.soria .dijitTabContainerBottom-tabs .dijitTabHover {
|
|
background: url("../images/tabBottomHoverC.gif") repeat-x bottom left;
|
|
}
|
|
|
|
.soria .dijitTabContainerBottom-tabs .dijitTabChecked {
|
|
border-top-color:#94b4e6;
|
|
background: url("../images/tabBottomActiveC.gif") repeat-x bottom left;
|
|
}
|
|
|
|
|
|
/* bottom container */
|
|
.soria .dijitTabContainerBottom-container {
|
|
border-bottom: none;
|
|
}
|
|
|
|
|
|
/* strip */
|
|
.soria .dijitTabContainerBottomStrip {
|
|
padding-bottom: 2px;
|
|
border: 1px solid #B1BADF;
|
|
}
|
|
|
|
.soria .dijitTabContainerBottomStrip {
|
|
background: #F0F4FC;
|
|
}
|
|
|
|
/* top/bottom strip */
|
|
.soria .dijitTabContainerBottom-spacer,
|
|
.soria .dijitTabContainerTop-spacer {
|
|
height: 2px;
|
|
border: 1px solid #8ba0bd;
|
|
background: #94b4e6;
|
|
}
|
|
|
|
.soria .dijitTabContainerTop-spacer {
|
|
border-top: none;
|
|
}
|
|
|
|
.soria .dijitTabContainerBottom-spacer {
|
|
border-bottom: none;
|
|
}
|
|
|
|
/* ================================ */
|
|
/* right tabs */
|
|
.soria .dijitTabContainerRight-tabs {
|
|
height: 100%;
|
|
border-color: #ccc;
|
|
padding-top: 3px;
|
|
}
|
|
.soria .dijitTabContainerRight-tabs .dijitTab {
|
|
border-radius: 0 4px 4px 0;
|
|
-moz-border-radius: 0 4px 4px 0;
|
|
border-bottom: none;
|
|
border-left: 1px solid #B1BADF;
|
|
border-bottom: 1px solid #B1BADF !important;
|
|
padding: 4px 6px 2px 8px;
|
|
}
|
|
|
|
.soria .dijitTabContainerRight-tabs .dijitTabChecked {
|
|
border-left-color: #94b4e6;
|
|
background: url("../images/tabRightChecked.gif") no-repeat left top !important;
|
|
}
|
|
|
|
|
|
/* right container */
|
|
.soria .dijitTabContainerRight-container {
|
|
border-right: none;
|
|
}
|
|
|
|
|
|
/* some odd ie bug when borders disappear when setting a bottom margin, this sort of helps */
|
|
.dj_ie6 .soria .dijitTabContainerRight-tabs .dijitTab,
|
|
.dj_ie7 .soria .dijitTabContainerRight-tabs .dijitTab {
|
|
border-bottom: solid #B1BADF 1px;
|
|
margin-bottom: -1px;
|
|
}
|
|
|
|
|
|
/* some odd ie bug when borders disappear when setting a bottom margin, this sort of helps */
|
|
.dj_ie6 .soria .dijitTabContainerRight-tabs .dijitTabChecked,
|
|
.dj_ie7 .soria .dijitTabContainerRight-tabs .dijitTabChecked,
|
|
.dj_ie6 .soria .dijitTabContainerRight-tabs .dijitTabCheckedHover,
|
|
.dj_ie7 .soria .dijitTabContainerRight-tabs .dijitTabCheckedHover {
|
|
border-bottom: solid #94b4e6 1px;
|
|
margin-bottom: -1px;
|
|
}
|
|
|
|
/* strip */
|
|
.soria .dijitTabContainerRightStrip {
|
|
padding-right: 2px;
|
|
border: 1px solid #B1BADF;
|
|
background: #F0F4FC;
|
|
border-left: none;
|
|
}
|
|
|
|
/* ================================ */
|
|
/* left tabs */
|
|
.soria .dijitTabContainerLeft-tabs {
|
|
border-color: #ccc;
|
|
padding-top: 3px;
|
|
height: 100%;
|
|
}
|
|
.soria .dijitTabContainerLeft-tabs .dijitTab {
|
|
border-radius: 4px 0 0 4px;
|
|
-moz-border-radius: 4px 0 0 4px;
|
|
border-right: 1px solid #B1BADF;
|
|
border-bottom: 1px solid #B1BADF;
|
|
}
|
|
|
|
.soria .dijitTabContainerLeft-tabs .dijitTabChecked {
|
|
border-right: 1px solid #94b4e6;
|
|
background: url("../images/tabLeftChecked.gif") no-repeat right top;
|
|
}
|
|
|
|
/* left container */
|
|
.soria .dijitTabContainerLeft-container {
|
|
border-left: none;
|
|
}
|
|
|
|
|
|
.dj_ie6 .soria .dijitTabContainerLeft-tabs .dijitTab,
|
|
.dj_ie7 .soria .dijitTabContainerLeft-tabs .dijitTab {
|
|
border-bottom: solid #B1BADF 1px;
|
|
margin-bottom: -1px;
|
|
}
|
|
|
|
.dj_ie6 .soria .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTab,
|
|
.dj_ie7 .soria .dijitTabContainerLeft-tabs .dijitTabChecked .dijitTab,
|
|
.dj_ie6 .soria .dijitTabContainerLeft-tabs .dijitTabCheckedHover .dijitTab,
|
|
.dj_ie7 .soria .dijitTabContainerLeft-tabs .dijitTabCheckedHover .dijitTab {
|
|
border-bottom: solid #94b4e6 1px;
|
|
margin-bottom: -1px;
|
|
}
|
|
|
|
/* strip */
|
|
.soria .dijitTabContainerLeftStrip {
|
|
padding-left: 2px;
|
|
border: 1px solid #B1BADF;
|
|
background: #F0F4FC;
|
|
border-right: none;
|
|
}
|
|
|
|
/* ================================ */
|
|
/* left/right tabs */
|
|
.soria .dijitTabContainerLeft-tabs .dijitTab,
|
|
.soria .dijitTabContainerRight-tabs .dijitTab {
|
|
margin: 1px 0; /* space between one tab and the next in left/right mode */
|
|
}
|
|
|
|
/* left/right tabstrip */
|
|
.soria .dijitTabContainerLeft-spacer,
|
|
.soria .dijitTabContainerRight-spacer {
|
|
width: 2px;
|
|
border: 1px solid #8ba0bd;
|
|
background: #94b4e6;
|
|
}
|
|
|
|
.soria .dijitTabContainerLeft-spacer {
|
|
border-left: none;
|
|
}
|
|
.soria .dijitTabContainerRight-spacer {
|
|
border-right: none;
|
|
}
|
|
/* ================================ */
|
|
|
|
/* this resets the tabcontainer strip when within a contentpane */
|
|
.soria .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 */
|
|
.soria .dijitTabContainer .tabStripButton {
|
|
margin-right: 0;
|
|
}
|
|
.soria .dijitTabContainer .tabStripButton-top {
|
|
margin-top: 1px;
|
|
}
|
|
|
|
.dj_ie6 .soria .tabStripButton .dijitTabContent,
|
|
.dj_ie7 .soria .tabStripButton .dijitTabContent {
|
|
padding-top: 7px;
|
|
}
|
|
|
|
.dj_ie6 .soria .tabStrip-disabled .tabStripButton .dijitTabContent,
|
|
.dj_ie7 .soria .tabStrip-disabled .tabStripButton .dijitTabContent {
|
|
padding-top: 6px;
|
|
}
|
|
|
|
.soria .dijitTabContainer .tabStripButton-bottom {
|
|
background: transparent url(../images/tabBottomEnabledSpriteLR.gif) no-repeat scroll left bottom;
|
|
border-bottom: medium none;
|
|
border-top: 1px solid #B1BADF;
|
|
}
|
|
|
|
.soria .dijitTabContainer .tabStripButton-bottom .dijitTab {
|
|
background: transparent url(../images/tabBottomEnabledSpriteLR.gif) no-repeat scroll right bottom;
|
|
}
|
|
|
|
.soria .dijitTabStripIcon {
|
|
height: 14px;
|
|
width: 14px;
|
|
background: url(../images/spriteRoundedIconsSmall.png) no-repeat left top ;
|
|
}
|
|
|
|
.dj_ie6 .soria .dijitTabStripIcon {
|
|
background-image: url(../images/spriteRoundedIconsSmall.gif);
|
|
}
|
|
|
|
.soria .dijitTabStripSlideRightIcon {
|
|
background-position: -30px top;
|
|
}
|
|
|
|
.soria .dijitTabStripMenuIcon {
|
|
background-position: -15px top;
|
|
} |