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.
403 lines
9.4 KiB
403 lines
9.4 KiB
/** |
|
* 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; |
|
} |