/** * 2007-2019 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 * @copyright 2007-2019 PrestaShop SA * @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) * International Registered Trademark & Property of PrestaShop SA * * Don't forget to prefix your containers with your own identifier * to avoid any conflicts with others containers. */ /*Product Detail Page*/ #product .product_model, #product .product-retour-container{ float: left; width: 100%; margin-top: 20px;} #product .color-text{text-align: center; font-size: 12px; line-height: 12px; margin-bottom:14px;} #product ul#color_related_products{text-align: center; margin-bottom: 18px;float: left;width: 100%;} #product ul#color_related_products li{ padding:0px; margin:15px 12px 0px 0; display: inline-block; float: left; border: 1px solid #ffffff;} #product ul#color_related_products li.selected_color{border: 1px solid #821a0d;} #product ul#color_related_products li a {float: left; width: 35px; height: 8px; position: relative; border: 1px solid #f7f7f7;} #product ul#color_related_products li a span, #product ul#color_related_products li a:hover span{font-size: 9px; color: #000000; position: absolute; left: 50%; transform: translateX(-50%); top: -18px; height: 16px; overflow: hidden;font-family: 'Gill Sans Std'; width: 100%; text-transform: uppercase; display: none;} #product ul#color_related_products li.selected_color a span, #product ul#color_related_products li a:hover span{display: block;} #product ul#color_related_products li a img{ width: 100%; max-width:50px; max-height: 50px; height: 100%; position: absolute; top: 0px; left: 0px;} #product .color-list-container .color {width: 100%;height: auto;} /*Product Listing Page*/ .product-price-and-shipping .color-list-container {margin-top:10px;} #category .color-text{color: #FFF; text-align: center; font-size: 12px; line-height: 12px;} #category ul#color_related_products, #module-pm_advancedsearch4-searchresults ul#color_related_products, #search ul#color_related_products{margin: 0px;line-height: 0px; text-align: center;} #category ul#color_related_products li, #product .featured-products ul#color_related_products li, #module-pm_advancedsearch4-searchresults ul#color_related_products li, #search ul#color_related_products li{padding:0px; margin:3px; display: inline-block;} #category ul#color_related_products li, body#module-pm_advancedsearch4-searchresults { float: none; } /*#category ul#color_related_products li:hover, #category ul#color_related_products li.selected_color, #product .featured-products ul#color_related_products li:hover, #product .featured-products ul#color_related_products li.selected_color {border: solid 1px #ffffff; }*/ #category ul#color_related_products li a, #module-pm_advancedsearch4-searchresults ul#color_related_products li a, #product .featured-products ul#color_related_products li a, #search ul#color_related_products li a {float: left; width: 35px; height: 8px; position: relative;} body#category #js-product-list ul#color_related_products li a img, body#module-pm_advancedsearch4-searchresults #js-product-list ul#color_related_products li a img, #search #js-product-list ul#color_related_products li a img{ width: 100%; max-width:50px; max-height: 50px; height: 100%; } #category p.size-title, #module-pm_advancedsearch4-searchresults p.size-title, #search p.size-title{font-size: 12px; font-family: 'Gill Sans Std'; color: #000000; margin-bottom: 3px; font-weight: bold;} #category .singlerow, #module-pm_advancedsearch4-searchresults .singlerow, #search .singlerow{margin:0px 0 6px 0;font-family: 'Gill Sans Std';} #module-pm_advancedsearch4-searchresults .singlerow a, #category .singlerow a, #search .singlerow a{font-size: 14px; color: #000000; font-weight: bold; margin: 0 0 6px 0; width: 16%; display: inline-block;} #category .singlerow a.disable-size, #module-pm_advancedsearch4-searchresults .singlerow a.disable-size, #search .singlerow a.disable-size{color: #b4b4b4; display: none;} #category .product-block .action > div, #search .product-block .action > div { padding: 0 !important; } #category .color-list-container, #product .featured-products .color-list-container {position: initial;top: 10px; left:15px;z-index: 6;width: 100%;} #category .product-container .size-title, #search .product-container .size-title { margin-bottom: 5px; } #category .product-block .action div.color-related, #search .product-block .action div.color-related{ padding-top: 5px; } #category .color-list-container ul.product_list .color-list-container ul li, #search .color-list-container ul.product_list .color-list-container ul li { height: 24px; width: 24px; } #category .color-list-container .color, #search .color-list-container .color{width: 100%;float: left;height: auto;margin: 0;padding: 0;} #category .color-list-container .color:hover, #product .color-list-container .color:hover, #search .color-list-container .color:hover{border: none;} #products .color-list-container p { color: #000000; margin: 0px; font-size: 8px; font-family: 'Gill Sans Std';} @media (min-width: 0px) and (max-width: 767px) { #category .color-list-container, #search .color-list-container {left: 10px; } #category ul#color_related_products li a, #search ul#color_related_products li a {float: left; width: 15px; height: 15px;} body#category #js-product-list ul#color_related_products li a img, body#search #js-product-list ul#color_related_products li a img { width: auto;height:15px; border-radius:60px; } } /*White color capsule is not visible*/ #category ul#color_related_products li a, #product .featured-products ul#color_related_products li a{border: 1px solid #f7f7f7;} .product-variants>.product-variants-item ul li input{} .product-variants>.product-variants-item ul li .radio-label{font-size: 14px; padding: 0px; width: 50px; text-align: center;font-family: 'Gill Sans Std'; height: 30px; line-height: 28px;} .highlighted-informations a + img { display: none !important; } .hidden-class-related { visibility: hidden; } body.layout-left-column #products .hidden-class-related .color-list-container p { font-size: 0px; } .active .hidden-class-related { visibility: visible; } .hidden-class-related .coloriconimage { display: none; } body#product .hidden-class-related { display: none; }