/** * @package Tabs & Sliders * @contact www.joomlashack.com, help@joomlashack.com * @copyright 2006-2015 JoomlaWorks Ltd. All rights reserved. * @copyright 2016-2022 Joomlashack.com. All rights reserved * @license https://www.gnu.org/licenses/gpl.html GNU/GPL * * This file is part of Tabs & Sliders. * * Tabs & Sliders is free software: you can redistribute it and/or modify * it under the terms of the GNU General Public License as published by * the Free Software Foundation, either version 2 of the License, or * (at your option) any later version. * * Tabs & Sliders is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details. * * You should have received a copy of the GNU General Public License * along with Tabs & Sliders. If not, see . */ /* Generic ------------------------------------------ */ a:active, a:focus { outline: 0; } .jwts_clr { display: block; clear: both; height: 0; line-height: 0; margin: 0; padding: 0; border: 0; } /* Tabs ------------------------------------------ */ .jwts_tabber { display: none; } .jwts_tabberlive { margin: 4px 0; padding: 0; } /* The tab navigation */ ul.jwts_tabbernav { text-align: left !important; margin: 0 8px !important; padding: 0 !important; list-style: none !important; list-style-image: none !important; background: none !important; line-height: normal !important; height: auto !important; } ul.jwts_tabbernav li { margin: 0 !important; padding: 0 !important; line-height: normal !important; list-style: none !important; list-style-image: none !important; background: none !important; display: inline !important; } ul.jwts_tabbernav li a { font-size: 15px; margin: 0 3px 0 0; padding: 6px 10px 2px; color: #333; border: 1px solid #bbb; border-bottom: none; background: #eee; } ul.jwts_tabbernav li a:hover { color: #c64934; border: 1px solid #aaa; border-bottom: none; background: #f2f2f2; text-decoration: none; } ul.jwts_tabbernav li a:active, ul.jwts_tabbernav li a:focus { outline: 0; } ul.jwts_tabbernav li.jwts_tabberactive a { background: #fff; border-bottom: 1px solid #fff; } ul.jwts_tabbernav li.jwts_tabberactive a:hover { background: #fff; border-bottom: 1px solid #fff; text-decoration: none; } ul.jwts_tabbernav li.jwts_tabberactive, ul.jwts_tabbernav li.jwts_tabberinactive { background: none; padding: 0; margin: 0; } /* The tab content */ .jwts_tabberlive .jwts_tabbertab { text-align: left; margin: 2px 0 0 !important; padding: 8px; border-top: 1px solid #bbb; } .jwts_tabberlive .jwts_tabbertab h2.jwts_heading, .jwts_tabberlive .jwts_tabbertabhide { display: none; } /* Sliders (accordion) ------------------------------------------ */ div.jwts_toggleControlContainer { margin-top: 15px; padding-left: 10px; padding-right: 10px; } div.jwts_toggleControlContainer a.jwts_toggleControl { font-size: 1.1em; font-weight: normal; text-decoration: none; display: block; border-left: 3px solid #2175ba; border-radius: 2px; background: #f2f7fd; padding: 5px 5px 5px 15px; margin-bottom: 1px; line-height:1.6em; } .jwts_toggleControlTitle i { margin-left:8px; margin-right:20px; } div.jwts_toggleControlContainer a.jwts_toggleOn { color: #2175ba; margin-bottom: 0; border-radius: 2px 2px 0 0; } div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_toggleControlNotice { color: #999; font-size: 0.80em; font-style: italic; display: block; float: right; line-height: 1.6em; padding-top: 5px; margin-right: 20px;} div.jwts_toggleControlContainer a.jwts_toggleOff span.jwts_toggleControlNotice { display: none; } div.jwts_toggleControlContainer a.jwts_toggleControl:focus, div.jwts_toggleControlContainer a.jwts_toggleControl:active, div.jwts_toggleControlContainer a.jwts_toggleControl:hover { text-decoration:none; } .jwts_toggleControl span.jwts_togglePlus, .jwts_toggleControl span.jwts_toggleMinus { display: none; } div.jwts_toggleControlContainer a.jwts_toggleControl.jwts_toggleOff span.jwts_toggleMinus, div.jwts_toggleControlContainer a.jwts_toggleControl.jwts_toggleOn span.jwts_togglePlus { display:none;} div.jwts_toggleControlContainer a.jwts_toggleControl span.jwts_togglePlus { display:block; float:right;} div.jwts_toggleControlContainer a.jwts_toggleControl.jwts_toggleOff span.togon, div.jwts_toggleControlContainer a.jwts_toggleControl.jwts_toggleOn span.togof { position: relative; display: block; right: -20px; top: 0px; } .jwts_toggleControl.jwts_toggleOff span.jwts_togglePlus { background: #2175ba; color: #ffffff; font-weight: 900; font-size: 18pt!important; line-height: 18pt; padding: 0px 8px 6px 8px; border: 3px solid #ffffff; display: block; transition: 1.5s cubic-bezier(0,1.5,.5,1);} .jwts_toggleControl.jwts_toggleOff span.jwts_togglePlus:hover, div.jwts_toggleControlContainer a:hover.jwts_toggleControl.jwts_toggleOff span.jwts_togglePlus { -webkit-transform:rotate(180deg) scale(1); -moz-transform:rotate(180deg) scale(1); -o-transform:rotate(180deg) scale(1); -ms-transform:rotate(180deg) scale(1); transform:rotate(180deg) scale(1) } div.jwts_toggleControlContainer a.jwts_toggleControl span.jwts_toggleMinus { display:block; float:right; color:#ffffff; } .jwts_toggleControlContainer a.jwts_toggleControl.jwts_toggleOn span.jwts_toggleMinus { background: #2175ba; color: #ffffff; font-weight: 900; font-size: 18pt!important; font-stretch: ultra-expanded; line-height: 18pt; padding: 0px 8px 6px 8px; border: 3px solid #ffffff; display: block; transition: 1.5s cubic-bezier(0,1.5,.5,1);} .jwts_toggleControlContainer a.jwts_toggleControl.jwts_toggleOn span.jwts_toggleMinus:hover, div.jwts_toggleControlContainer a:hover.jwts_toggleControl.jwts_toggleOn span.jwts_toggleMinus { -webkit-transform:rotate(180deg) scale(1); -moz-transform:rotate(180deg) scale(1); -o-transform:rotate(180deg) scale(1); -ms-transform:rotate(180deg) scale(1); transform:rotate(18deg) scale(1)} div.jwts_toggleControlContainer a.jwts_toggleControl { display: block; border: 1px solid #9ABAE1; border-left: 3px solid #2175ba; box-shadow: 0px 3px 3px 0px #9ABAE1; -moz-box-shadow: 0px 3px 3px 0px #9ABAE1; -webkit-box-shadow: 0px 3px 3px 0px #9ABAE1; -o-box-shadow: 0px 3px 3px 0px #9ABAE1; background: linear-gradient(#ffffff 40%, #f2f7fd); background-color: #f2f7fd; padding: 5px; margin-top: -1px; } div.jwts_toggleControlContainer a.jwts_toggleOn { background: #f2f7fd; border-bottom: 1px dotted #9ABAE1; } div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_togglePlus, div.jwts_toggleControlContainer a.jwts_toggleOff span.jwts_toggleMinus { display: none; } .jwts_toggleControl.jwts_toggleOff span.jwts_togglePlus, .jwts_toggleControl.jwts_toggleOn span.jwts_toggleMinus { line-height: 18pt; display: block; float: right; } div.jwts_toggleContent { } div.jwts_content { padding: 20px; margin: 1px 21px 24px 21px; border-top: 0; background: #FDFDFD; box-shadow: 0px 8px 10px 0px #9ABAE1; -moz-box-shadow: 0px 8px 10px 0px #9ABAE1; -webkit-box-shadow: 0px 8px 10px 0px #9ABAE1; -o-box-shadow: 0px 8px 10px 0px #9ABAE1; }