Current File : //var/www/vinorea/modules/tvcmscategoryproduct/views/css/front.css |
/**
* 2007-2025 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
* @author PrestaShop SA <contact@prestashop.com>
* @copyright 2007-2025 PrestaShop SA
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
* International Registered Trademark & Property of PrestaShop SA
*/
.tvtabcategory-product-sub-title-block .tvtabcategory-product-li.hide {
display: none;
}
.tvtabcategory-product-sub-title-block .tvtabcategory-show.show-hide {
display: block;
}
.tvtabcategory-product-sub-title-block .show-hide.hide {
display: none;
}
.tvcmstabcategory-product-slider {
margin-bottom: 25px;
}
.tvtabcategory-tab-product {
margin: 0 -7.5px;
overflow: hidden;
display: flex;
flex-wrap: wrap;
}
.tvtabcategory-all-tab {
width: 20%;
padding: 0 7.5px;
}
.tvcmstabcategory-product-slider-main-title-wrapper {
position: relative;
}
.tvtabcategory-all-product {
width: 80%;
padding: 0;
}
.tvtabcategory-product-li,
.tvtabcategory-show,
.tvtabcategory-hide {
width: 14.28%;
display: inline-block;
vertical-align: middle;
margin-bottom: 15px;
transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
display: inline-block;
}
.tvtabcategory-product-li:after,
.tvtabcategory-show:after,
.tvtabcategory-hide:after {
position: absolute;
/*content: "";*/
height: 30px;
background-color: #ffffff;
left: 0;
top: 50%;
border-radius: 3px;
width: 3px;
opacity: 0.3;
transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
}
.tvtabcategory-product-li.active:after,
.tvtabcategory-show.active:after,
.tvtabcategory-hide.active:after,
.tvtabcategory-product-li:hover:after,
.tvtabcategory-show:hover:after,
.tvtabcategory-hide:hover:after {
opacity: 1;
}
.tvtabcategory-product-li.active,
.tvtabcategory-product-li:hover,
.tvtabcategory-show:hover,
.tvtabcategory-hide:hover {
/*background-color: #292929;*/
}
.tvtabcategory-product-inner {
margin: 0 -7.5px 15px;
border-radius: 3px;
text-align: left;
}
.tvtabcategory-product-li a,
.tvtabcategory-show a,
.tvtabcategory-hide a {
font-size: 16px;
font-weight: 500;
color: #333;
text-transform: capitalize;
}
.tvtabcategory-product-sub-title-block i {
font-size: 16px;
color: #ffffff;
float: right;
cursor: pointer;
}
@media(max-width: 1280px) {
.tvtabcategory-product-li,
.tvtabcategory-show,
.tvtabcategory-hide {
/*padding: 15px 16px 15px 10px;*/
}
}
@media(max-width: 1024px) {
.tvtabcategory-all-tab {
width: 25%;
}
.tvtabcategory-all-product {
width: 75%;
}
}
@media(max-width: 991px) {
.tvtabcategory-all-tab {
width: 30%;
}
.tvtabcategory-all-product {
width: 70%;
}
.tvcmstabcategory-product-slider {
margin-bottom: 30px;
}
}
@media(max-width: 767px) {
.tvtabcategory-all-tab {
width: 100%;
margin-bottom: 15px;
}
.tvtabcategory-all-product {
width: 100%;
}
}
.lang-rtl .tvtabcategory-product-li,
.lang-rtl .tvtabcategory-show,
.lang-rtl .tvtabcategory-hide {
text-align: right;
}
.lang-rtl .tvtabcategory-product-li:after,
.lang-rtl .tvtabcategory-show:after,
.lang-rtl .tvtabcategory-hide:after {
right: 0;
left: auto;
}
.tvcmstabcategory-product-slider .tvtabcategory-all-product {
padding: 0;
width: 100%;
}
.tvcmstabcategory-product-slider .tvtabcategory-all-tab {
padding: 0 7.5px;
width: 100%;
}
.tvtabcategory-product-li-inner-block,
.tvtabcategory-show,
.tvtabcategory-hide {
padding: 15px;
background-color: #fff;
cursor: pointer;
text-align: center;
border-radius: 3px;
position: relative;
border-bottom: 1px solid #0000;
border: 1px solid #ededed;
margin: 0 7.5px;
}
.tvtabcategory-product-li:hover .tvtabcategory-product-li-inner-block,
.tvtabcategory-product-li.active .tvtabcategory-product-li-inner-block {
background-color: #fff;
border-radius: 3px;
border-bottom: 1px solid #7e843f;
}