.skltbs-tab-group {
margin: 0;
padding: 0;
}
.skltbs-tab-group::after {
clear: both;
display: table;
content: "";
}
.skltbs-tab-item {
display: block;
float: left;
width: 33.33%;
}
.skltbs-tab {
display: block;
text-decoration: none;
touch-action: manipulation;
}
.is-active > .skltbs-tab {
touch-action: none;
}
.is-disabled > .skltbs-tab {
cursor: default;
pointer-events: none;
touch-action: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.skltbs-panel-group {
clear: both;
}
.skltbs-panel-heading {
margin: 0;
font: inherit;
} .skltbs.has-animation .skltbs-tab {
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
font-size: 15px;
margin: 0;
margin-bottom: 25px;
font-weight: normal;
font-style: normal;
text-align: center;
font-family: 'Gill Sans';
}
.skltbs.has-animation .skltbs-panel-group {
transition: height 0.3s ease-in-out;
transition-delay: 0.3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.skltbs.has-animation .skltbs-panel {
opacity: 0;
position: absolute;
top: 0;
left: 0;
visibility: hidden;
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.skltbs.has-animation .skltbs-panel.is-active {
opacity: 1;
visibility: visible;
z-index: 1;
}
.skltbs.has-animation .skltbs-panel.is-getting-in, .skltbs.has-animation .skltbs-panel.is-getting-out {
visibility: visible;
}
.skltbs.has-animation.fade .skltbs-panel.is-getting-out {
-webkit-animation: fade 0.3s ease-in-out forwards;
animation: fade 0.3s ease-in-out forwards;
-webkit-animation-direction: reverse;
animation-direction: reverse;
}
.skltbs.has-animation.fade .skltbs-panel.is-getting-in {
-webkit-animation: fade 0.3s ease-in-out forwards;
animation: fade 0.3s ease-in-out forwards;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.skltbs.has-animation.fade-scale .skltbs-panel.is-getting-out {
-webkit-animation: fade-scale-out 0.3s ease-in-out forwards;
animation: fade-scale-out 0.3s ease-in-out forwards;
}
.skltbs.has-animation.fade-scale .skltbs-panel.is-getting-in {
-webkit-animation: fade-scale-in 0.3s ease-in-out forwards;
animation: fade-scale-in 0.3s ease-in-out forwards;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.skltbs.has-animation.drop .skltbs-panel.is-getting-out {
-webkit-animation: slide-down-out 0.4s ease-in-out forwards;
animation: slide-down-out 0.4s ease-in-out forwards;
}
.skltbs.has-animation.drop .skltbs-panel.is-getting-in {
-webkit-animation: scale-up 0.4s ease-in-out forwards;
animation: scale-up 0.4s ease-in-out forwards;
}
.skltbs.has-animation.rotate .skltbs-panel-group {
overflow: hidden;
}
.skltbs.has-animation.rotate .skltbs-panel.is-getting-out {
-webkit-animation: rotate-out 0.5s ease-in-out forwards;
animation: rotate-out 0.5s ease-in-out forwards;
}
.skltbs.has-animation.rotate .skltbs-panel.is-getting-in {
-webkit-animation: rotate-in 0.5s ease-in-out forwards;
animation: rotate-in 0.5s ease-in-out forwards;
}
@-webkit-keyframes fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fade {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fade-scale-in {
0% {
opacity: 0;
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
@keyframes fade-scale-in {
0% {
opacity: 0;
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes fade-scale-out {
0% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 0;
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
}
}
@keyframes fade-scale-out {
0% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 0;
-webkit-transform: scale(0.95);
-ms-transform: scale(0.95);
transform: scale(0.95);
}
}
@-webkit-keyframes scale-up {
from {
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
}
to {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
@keyframes scale-up {
from {
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
}
to {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
@-webkit-keyframes slide-down-out {
from {
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 50%, 0);
-ms-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
}
}
@keyframes slide-down-out {
from {
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 50%, 0);
-ms-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0);
}
}
@-webkit-keyframes rotate-in {
from {
-webkit-transform: translate3d(50%, 0, 0);
-ms-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes rotate-in {
from {
-webkit-transform: translate3d(50%, 0, 0);
-ms-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes rotate-out {
from {
}
to {
opacity: 0;
-webkit-transform: translate3d(-50%, 0, 0);
-ms-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
}
@keyframes rotate-out {
from {
}
to {
opacity: 0;
-webkit-transform: translate3d(-50%, 0, 0);
-ms-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
} .skltbs {
}
.skltbs-tab-item {
}
a.skltbs-tab {
color: #666;
text-align: center;
}
.is-active > .skltbs-tab, a.skltbs-tab:hover {
color: #141414 !important;
text-decoration:none;
}
.is-disabled > .skltbs-tab {
color: #666;
}
.skltbs-tab:focus {
outline: 0;
}
.skltbs-panel-group {
}
.skltbs-panel {
}
.skltbs-panel:focus {
}