upgrade dojo to 1.8.3 (refs #570)

[tt-rss.git] / lib / dijit / themes / soria / layout / TabContainer.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;
}