|
Kite |
9753a4 |
/* -----------------------------------------------------------------------------
|
|
Kite |
9753a4 |
Component: Tabs
|
|
Kite |
9753a4 |
----------------------------------------------------------------------------- */
|
|
Kite |
9753a4 |
|
|
Kite |
9753a4 |
// Container
|
|
Kite |
9753a4 |
// -----------------------------------------------------------------------------
|
|
Kite |
9753a4 |
|
|
Kite |
9753a4 |
.tab-container {
|
|
Kite |
9753a4 |
background-color: transparent; // Allows below line to show
|
|
Kite |
9753a4 |
qproperty-BottomAboveLineColor: @tabbar-bg-color;
|
|
Kite |
9753a4 |
qproperty-BottomBelowLineColor: @tabbar-border-color;
|
|
Kite |
9753a4 |
}
|
|
Kite |
9753a4 |
|
|
Kite |
9753a4 |
// Flat Tab Style
|
|
Kite |
9753a4 |
// -----------------------------------------------------------------------------
|
|
Kite |
9753a4 |
|
|
Kite |
9753a4 |
.tab-flat {
|
|
Kite |
9753a4 |
@horizontal-padding: 4px;
|
|
Kite |
9753a4 |
background-color: @tab-bg-color;
|
|
Kite |
9753a4 |
border-right: 1px solid @tab-border-color;
|
|
Kite |
9753a4 |
color: @tab-text-color;
|
|
Kite |
9753a4 |
margin: 0 0 1px 0;
|
|
Kite |
9753a4 |
padding: 3px @horizontal-padding 3px @horizontal-padding;
|
|
Kite |
9753a4 |
&:hover {
|
|
Kite |
9753a4 |
background-color: @tab-bg-color-hover;
|
|
Kite |
9753a4 |
}
|
|
Kite |
9753a4 |
&:selected {
|
|
Kite |
9753a4 |
background-color: @tab-bg-color-selected;
|
|
Kite |
9753a4 |
color: @tab-text-color-selected;
|
|
Kite |
9753a4 |
margin: 0;
|
|
Kite |
9753a4 |
padding: 1px @horizontal-padding 2px @horizontal-padding;
|
|
Kite |
9753a4 |
}
|
|
Kite |
9753a4 |
&:only-one {
|
|
Kite |
9753a4 |
margin: 0;
|
|
Kite |
9753a4 |
padding: 3px @horizontal-padding 4px @horizontal-padding;
|
|
Kite |
9753a4 |
}
|
|
Kite |
9753a4 |
}
|
|
Kite |
9753a4 |
|
|
Kite |
9753a4 |
// Round Tab Style
|
|
Kite |
9753a4 |
// -----------------------------------------------------------------------------
|
|
Kite |
9753a4 |
|
|
Kite |
9753a4 |
.tab-round {
|
|
Kite |
9753a4 |
@horizontal-padding: 7px;
|
|
Kite |
9753a4 |
background-color: @tab-bg-color;
|
|
Kite |
9753a4 |
border-top: 1px solid @tab-border-color;
|
|
Kite |
9753a4 |
border-right: 1px solid @tab-border-color;
|
|
Kite |
9753a4 |
border-left: 1px solid @tab-border-color;
|
|
Kite |
9753a4 |
color: @tab-text-color;
|
|
Kite |
9753a4 |
margin: 3px -1px 1px 0;
|
|
Kite |
9753a4 |
padding: 2px @horizontal-padding 1px @horizontal-padding;
|
|
Kite |
9753a4 |
&:selected {
|
|
Kite |
9753a4 |
background-color: @tab-bg-color-selected;
|
|
Kite |
9753a4 |
border-top-right-radius: 2px;
|
|
Kite |
9753a4 |
border-top-left-radius: 2px;
|
|
Kite |
9753a4 |
color: @tab-text-color-selected;
|
|
Kite |
9753a4 |
margin: 1px -1px 0 0;
|
|
Kite |
9753a4 |
padding: 2px @horizontal-padding 2px @horizontal-padding;
|
|
Kite |
9753a4 |
}
|
|
Kite |
9753a4 |
&:only-one {
|
|
Kite |
9753a4 |
margin: 1px 0 0 0;
|
|
Kite |
9753a4 |
padding: 3px @horizontal-padding 3px @horizontal-padding;
|
|
Kite |
9753a4 |
}
|
|
Kite |
9753a4 |
&:last {
|
|
Kite |
9753a4 |
margin-right: 0;
|
|
Kite |
9753a4 |
border-top-right-radius: 2px;
|
|
Kite |
9753a4 |
}
|
|
Kite |
9753a4 |
&:first {
|
|
Kite |
9753a4 |
border-top-left-radius: 2px;
|
|
Kite |
9753a4 |
}
|
|
Kite |
9753a4 |
}
|