
| Current Path : /var/www/html/wirtschaftsclub.web-klick.de/themes/wirtschaftsclub/sass/component/ |
Linux ift1.ift-informatik.de 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64 |
| Current File : /var/www/html/wirtschaftsclub.web-klick.de/themes/wirtschaftsclub/sass/component/_tabs.scss |
/**
* Tabs and local action styles.
*/
.local-actions {
margin: 10px 0 10px -5px;
}
.tabs--secondary {
margin: 10px 0 5px;
}
/**
* Missing Bootstrap 2 tab styling.
* $see http://stackoverflow.com/questions/18432577/stacked-tabs-in-bootstrap-3
* $see http://bootply.com/74926
*/
.tabbable {
margin-bottom: 20px;
}
.tabs-below, .tabs-left, .tabs-right {
> .nav-tabs {
border-bottom: 0;
.summary {
color: $nav-disabled-link-color;
font-size: $font-size-small;
}
}
}
.tab-pane > .panel-heading {
display: none;
}
.tab-content > .active {
display: block;
}
// Below.
.tabs-below {
> .nav-tabs {
border-top: 1px solid $nav-tabs-border-color;
> li {
margin-top: -1px;
margin-bottom: 0;
> a {
border-radius: 0 0 $border-radius-base $border-radius-base;
&:hover,
&:focus {
border-top-color: $nav-tabs-border-color;
border-bottom-color: transparent;
}
}
}
> .active {
> a,
> a:hover,
> a:focus {
border-color: transparent $nav-tabs-border-color $nav-tabs-border-color $nav-tabs-border-color;
}
}
}
}
// Left and right tabs.
.tabs-left,
.tabs-right {
> .nav-tabs {
padding-bottom: 20px;
width: 220px;
> li {
float: none;
&:focus {
outline: 0;
}
> a {
margin-right: 0;
margin-bottom: 3px;
&:focus {
outline: 0;
}
}
}
}
> .tab-content {
border-radius: 0 $border-radius-base $border-radius-base $border-radius-base;
border: 1px solid $nav-tabs-border-color;
box-shadow: 0 1px 1px rgba(0,0,0,.05);
overflow: hidden;
padding: 10px 15px;
}
}
// Left tabs.
.tabs-left {
> .nav-tabs {
float: left;
margin-right: -1px;
> li > a {
border-radius: $border-radius-base 0 0 $border-radius-base;
&:hover,
&:focus {
border-color: $nav-tabs-link-hover-border-color $nav-tabs-border-color $nav-tabs-link-hover-border-color $nav-tabs-link-hover-border-color;
}
}
> .active > a,
> .active > a:hover,
> .active > a:focus {
border-color: $nav-tabs-border-color transparent $nav-tabs-border-color $nav-tabs-border-color;
box-shadow: -1px 1px 1px rgba(0,0,0,.05);
}
}
}
// Right tabs.
.tabs-right {
> .nav-tabs {
float: right;
margin-left: -1px;
> li > a {
border-radius: 0 $border-radius-base $border-radius-base 0;
&:hover,
&:focus {
border-color: $nav-tabs-link-hover-border-color $nav-tabs-link-hover-border-color $nav-tabs-link-hover-border-color $nav-tabs-border-color;
box-shadow: 1px 1px 1px rgba(0,0,0,.05);
}
}
> .active > a,
> .active > a:hover,
> .active > a:focus {
border-color: $nav-tabs-border-color $nav-tabs-border-color $nav-tabs-border-color transparent;
}
}
}