com.sencha.gxt.theme.blue.client.tabs.BlueTabPanel.css Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of gxt Show documentation
There is a newer version: 3.1.1
@sprite .tabStripTop .tabRight {
  gwt-image: "tabLeft";
  padding-left: 10px;
  /* Override @sprite behavior */
  width: auto;
  height: auto;
}

@sprite .tabStripTop .tabLeft {
  gwt-image: "tabRight";
  padding-right: 10px;
  /* Override @sprite behavior */
  width: auto;
  height: auto;
  background-position: top right;
  /* Override background repetition when preventing sprite sheet inclusion */
  background-repeat: no-repeat; 
}

/* This is already defined in BaseTabPanelStyle, but it is reiterated here to override the rule above */
.tabStripClosable .tabLeft {
  padding-right: 19px;
}

@sprite .tabStripTop .tabStripInner {
  gwt-image: "tabCenter";
  /* Override @sprite behavior */
  height: auto;
}

@sprite .tabStripTop .tabStripOver .tabRight {
  gwt-image: "tabLeftOver";
  /* Override @sprite behavior */
  width: auto;
  height: auto;
}

@sprite .tabStripTop .tabStripOver .tabLeft {
  gwt-image: "tabRightOver";
  /* Override @sprite behavior */
  width: auto;
  height: auto;
  background-position: top right;
  /* Override background repetition when preventing sprite sheet inclusion */
  background-repeat: no-repeat; 
}

@sprite .tabStripTop .tabStripOver .tabStripInner {
  gwt-image: "tabCenterOver";
  /* Override @sprite behavior */
  height: auto;
}

@sprite .tabStripTop .tabStripActive .tabRight {
  gwt-image: "tabLeftActive";
  /* Override @sprite behavior */
  width: auto;
  height: auto;
}

@sprite .tabStripTop .tabStripActive .tabLeft {
  gwt-image: "tabRightActive";
  /* Override @sprite behavior */
  width: auto;
  height: auto;
  background-position: top right;;
  /* Override background repetition when preventing sprite sheet inclusion */
  background-repeat: no-repeat; 
}

@sprite .tabStripTop .tabStripActive .tabStripInner {
  gwt-image: "tabCenterActive";
  /* Override @sprite behavior */
  height: auto;
}

.tabHeader,.tabFooter {
  background-color: #deecfd;
  border-color: #8db2e3;
}

@sprite ul.tabStripTop {
  gwt-image: "tabStripBackground";
  background-color: #cedff5;
  border-bottom-color: #8db2e3;
  /* Override @sprite behavior */
  height: auto;
  overflow: visible;
}

@sprite ul.tabStripBottom {
  gwt-image: "tabStripBottomBackground";
  background-color: #cedff5;
  border-top-color: #8db2e3;
  /* Override @sprite behavior */
  height: auto;
  overflow: visible;
}

.tabHeaderPlain .tabStripSpacer,.tabFooterPlain .tabStripSpacer {
  border-color: #8db2e3;
  background-color: #deecfd;
}

.tabStrip span.tabStripText {
  font: normal 11px tahoma, arial, helvetica;
  color: #416aa3;
}

.tabStripOver span.tabStripText {
  color: #15428b;
}

.tabStripActive span.tabStripText {
  color: #15428b;
  font-weight: bold;
}

.tabStripDisabled .tabsText {
  color: #aaaaaa;
}

@sprite .tabStripBottom .tabRight {
  gwt-image: "bottomInactiveRightBackground";
  /* Override @sprite behavior */
  background-position: bottom right;
  width: auto;
  height: auto;
  /* Override background repetition when preventing sprite sheet inclusion */
  background-repeat: no-repeat; 
}

@sprite .tabStripBottom .tabLeft {
  gwt-image: "bottomInactiveLeftBackground";
  /* Override @sprite behavior */
  background-position: bottom left;
  width: auto;
  height: auto;
  /* Override background repetition when preventing sprite sheet inclusion */
  background-repeat: no-repeat; 
}

@sprite .tabStripBottom .tabStripActive .tabRight {
  gwt-image: "bottomRightBackground";
  /* Override @sprite behavior */
  background-position: bottom left;
  width: auto;
  height: auto;
  /* Override background repetition when preventing sprite sheet inclusion */
  background-repeat: no-repeat; 
}

@sprite .tabStripBottom .tabStripActive .tabLeft {
  gwt-image: "bottomLeftBackground";
  /* Override @sprite behavior */
  background-position: bottom right;
  width: auto;
  height: auto;
  /* Override background repetition when preventing sprite sheet inclusion */
  background-repeat: no-repeat; 
}

@sprite .tabStrip .tabStripClosable a.tabStripClose {
  gwt-image: "tabClose";
}

@sprite .tabStrip .tabStripClosable a.tabStripClose:hover {
  gwt-image: "tabClose";
}

.tabBody {
  border-color: #8db2e3;
  background-color: #fff;
}

.tabBodyTop {
  border-top: 0 none;
}

.tabBodyBottom {
  border-bottom: 0 none;
}

@sprite .tabScrollerLeft {
  gwt-image: "scrollerLeft";
  border-bottom-color: #8db2e3;
}

@sprite .tabScrollerLeftOver {
  gwt-image: "scrollerLeftOver";
}

@sprite .tabScrollerRight {
  gwt-image: "scrollerRight";
  border-bottom-color: #8db2e3;
}

@sprite .tabScrollerRightOver {
  gwt-image: "scrollerRightOver";
}

.tabBbar .xToolbar,.tabTbar .xToolbar {
  border-color: #99bbe8;
}

.tabNoborder .tabBodyNoborder {
  border-width: 0;
}

.tabNoborder .tabHeaderNoborder {
  border-width: 0 0 1px 0;
}

.tabNoborder .tabFooterNoborder {
  border-width: 1px 0 0 0;
}

.tabBbarNoborder .xToolbar {
  border-width: 1px 0 0 0;
  border-style: solid;
}

.tabTbarNoborder .xToolbar {
  border-width: 0 0 1px;
  border-style: solid;
}

.tabBbarNoborder .xToolbar {
  border-top-color: #99bbe8;
}

.tabTbarNoborder .xToolbar {
  border-bottom-color: #99bbe8;
}