| Current Path : /home/cbequiperp/www/components/com_flexicontent/assets/css/ |
| Current File : /home/cbequiperp/www/components/com_flexicontent/assets/css/tabber.css |
.tabberlive .tabbertab {
transition: opacity 0.2s ease-in-out;
opacity: 1;
}
.tabberlive .tabbertab.tabbertabhide {
display: none;
opacity: 0;
}
.tabberlive .tabbertab.tabbertablow {
opacity: 1;
}
.tabberlive {
margin-top: 1em;
}
ul.tabbernav {
margin: 0;
padding: 3px 0;
border-bottom: 1px solid #778;
font: bold 12px Verdana, sans-serif;
}
ul.tabbernav > li {
list-style: none;
margin: 10px 2px 0px 2px;
display: inline-block;
white-space: nowrap;
}
ul.tabbernav > li > a {
padding: 3px 0.5em;
margin-left: 3px;
border: 1px solid #778;
border-bottom: none;
background: #DDE;
text-decoration: none;
font-size: 11px;
}
ul.tabbernav > li > a [class^="icon-"],
ul.tabbernav > li > a [class*=" icon-"] {
font-size: 18px;
padding-top: 8px;
vertical-align: top;
}
ul.tabbernav > li.tabberactive a {
background-color: #fff;
border-bottom: 1px solid #fff;
}
ul.tabbernav > li.tabberactive a:hover {
color: #000;
background-color: #fff;
border-bottom: 1px solid white;
}
.tabberlive .tabbertab {
background: #fff;
padding: 5px;
border: 1px solid #aaa;
border-left: 1px solid #b2bfcd;
border-right: 1px solid #b2bfcd;
border-bottom: 1px solid #b2bfcd;
border-top: 0;
opacity: 1;
transition: opacity 0.29s;
transition-timing-function: ease-in;
}
.tabberlive .tabbertab h2.tabberheading,
.tabberlive .tabbertab h3.tabberheading,
.tabberlive .tabbernav .tabberheading.hidden {
display: none !important;
}
body .tabberlive,
#flexicontent .tabberlive {
margin: 0px 0px 6px 0px;
padding: 0px;
width: 100%;
float: none;
border-width: 0px;
}
body .tabbertab,
#flexicontent .tabbertab {
margin: 0px;
padding: 5px 1% 3px 1%;
width: 100%;
box-sizing: border-box;
float: none;
}
body .fctabber,
#flexicontent .fctabber {
overflow: visible;
width: 5000px;
}
body ul.tabbernav,
#flexicontent ul.tabbernav {
line-height: 100%;
border-bottom: 1px solid #cccccc;
border-left: 0px solid transparent;
border-right: 2px solid transparent;
font: bold 11px Verdana, sans-serif;
margin: 0;
padding: 0px 1% 0px 0%;
width: 100%;
box-sizing: border-box;
display: inline-block;
float: none;
}
body ul.tabbernav > li,
#flexicontent ul.tabbernav > li {
line-height: 100%;
padding: 0px;
margin: 0px 0px -1px 0px;
overflow: visible;
display: inline-block;
float: none;
background: #83838326;
}
body ul.tabbernav > li > a,
#flexicontent ul.tabbernav > li > a {
font-family: arial, helvetica, sans-serif;
text-decoration: none;
line-height: 220%;
font-size: 14px;
margin: 0px;
padding: .5rem 1rem !important;
display: inline-block;
border-radius: 0px;
border-left: 1px solid #D0D0D0;
border-top: 1px solid #B0B0B0;
border-right: 1px solid #808080;
border-bottom: 1px solid #808080;
font-weight: normal;
color: #3071a9;
border: 1px solid #25729a;
border-color: transparent;
background-color: transparent;
border-bottom-width: 0;
}
body ul.tabbernav > li:hover a,
#flexicontent ul.tabbernav > li:hover a {
opacity: 1;
color: #FFFFFF;
border: 1px solid #1c5675;
background-color: #26759e;
background-image: linear-gradient(to bottom,#26759e,#133d5b);
border-bottom-width: 0;
}
body ul.tabbernav > li.tabberactive a,
body ul.tabbernav > li.tabberactive a:hover,
#flexicontent ul.tabbernav > li.tabberactive a,
#flexicontent ul.tabbernav > li.tabberactive a:hover {
color: black;
background-color: white;
background-image: none;
border-bottom: 0px solid white;
border-left: 1px solid #D0D0D0;
border-top: 1px solid #B0B0B0;
border-right: 1px solid #808080;
text-shadow: none;
position: relative;
}
body ul.tabbernav > li.tabberactive a:before,
#flexicontent ul.tabbernav > li.tabberactive a:before {
content: "";
position: absolute;
height: 0px;
border-top: 4px solid #26759e;
top: 0;
left: 0px;
width: 100%;
border-radius: 0px;
}
body .tabber-inline ul.tabbernav > li > a,
#flexicontent .tabber-inline ul.tabbernav > li > a {
padding-top: 0px;
padding-bottom: 1px;
}
body .s-gray ul.tabbernav > li > a,
#flexicontent .s-gray ul.tabbernav > li > a {
color: #808080;
border: 1px solid #838383;
border-color: transparent;
border-bottom-width: 0;
}
body .s-gray ul.tabbernav > li:hover a,
#flexicontent .s-gray ul.tabbernav > li:hover a {
color: #FFFFFF;
border: 1px solid #707070;
background-color: #7a7a7a;
background-image: linear-gradient(to bottom,#7a7a7a,#5a5a5a);
border-bottom-width: 0;
}
body .s-gray ul.tabbernav > li.tabberactive a,
body .s-gray ul.tabbernav > li.tabberactive a:hover,
#flexicontent .s-gray ul.tabbernav > li.tabberactive a,
#flexicontent .s-gray ul.tabbernav > li.tabberactive a:hover {
color: black;
background-color: white;
background-image: none;
border-bottom: 0px solid white;
border-left: 1px solid #909090;
border-top: 1px solid #757575;
border-right: 1px solid #5a5a5a;
text-shadow: none;
position: relative;
}
body .s-gray ul.tabbernav > li.tabberactive a:before,
#flexicontent .s-gray ul.tabbernav > li.tabberactive a:before {
content: "";
position: absolute;
height: 1px;
border-top: 4px solid #808080;
top: 0;
left: 0px;
width: 100%;
border-radius: 2px;
}
body .s-cblue ul.tabbernav > li > a,
#flexicontent .s-cblue ul.tabbernav > li > a {
color: #3071a9;
border: 1px solid #3377bb;
border-color: transparent;
border-bottom-width: 0;
}
body .s-cblue ul.tabbernav > li:hover a,
#flexicontent .s-cblue ul.tabbernav > li:hover a {
color: #FFFFFF;
border: 1px solid #225599;
background-color: #3377bb;
background-image: linear-gradient(to bottom,#3377bb,#225599);
border-bottom-width: 0;
}
body .s-cblue ul.tabbernav > li.tabberactive a,
body .s-cblue ul.tabbernav > li.tabberactive a:hover,
#flexicontent .s-cblue ul.tabbernav > li.tabberactive a,
#flexicontent .s-cblue ul.tabbernav > li.tabberactive a:hover {
color: black;
background-color: white;
background-image: none;
border-bottom: 0px solid white;
border-left: 1px solid #b2bfcd;
border-top: 1px solid #b2bfcd;
border-right: 1px solid #b2bfcd;
text-shadow: none;
position: relative;
}
body .s-cblue ul.tabbernav > li.tabberactive a:before,
#flexicontent .s-cblue ul.tabbernav > li.tabberactive a:before {
content: "";
position: absolute;
height: 1px;
border-top: 4px solid #5599dd;
top: 0;
left: 0px;
width: 100%;
border-radius: 0px;
}
body div.tabberlive:not(.tabber-inline):not(.fcparams_tabset) {
margin-top: 10px;
}
body div.tabberlive.fcparams_tabset,
body .tab-pane.active > div > div.tabberlive:not(.tabber-inline) {
margin-top: 0px;
}
body .tabberlive.fcparams_tabset .tabbertab:not(.fcperms_tab),
body #flexicontent .tabberlive.fcparams_tabset .tabbertab:not(.fcperms_tab) {
padding: 16px;
}