Accesorios para yates y superyates

/* ----------------------------------------- */ /* Slug de view: slider-accueil - inicio */ /* ----------------------------------------- */ .slider { margin-top:-15px; width:100%; } .slider img { width:100%; height:600px !important; } figure figcaption { position: absolute; left:0; top:0; width: 100%; background: rgba(0,0,0,0.4); color:white !important; text-transform:uppercase; } figure figcaption h3 { text-align:center; color:white; } figure figcaption h4 { color:white; text-align:center; } /* Spécifique tailles d'écran < 764 */ @media (max-width: 768px) { .slider img { width:100%; height:250px !important; } } /* ----------------------------------------- */ /* Slug de view : slider-accueil - fin */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Plantilla de contenido: element-de-boucle-dans-liste-des-postypes-categories-produits-avec-hover-effect - inicio */ /* ----------------------------------------- */ #mainwrapper { font: 10pt normal Arial, sans-serif; text-align: center; } #mainwrapper .box { border: 5px solid #fff; cursor: pointer; height: 200px; float: left; margin: 5px; position: relative; overflow: hidden; width: 200px; -webkit-box-shadow: 1px 1px 1px 1px #ccc; -moz-box-shadow: 1px 1px 1px 1px #ccc; box-shadow: 1px 1px 1px 1px #ccc; } #mainwrapper .box img { position: absolute; right: 0; bottom: 0; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; } #mainwrapper .box .caption { background-color: rgba(0,0,0,0.6); position: absolute; color: #fff; z-index: 100; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; left: 0; } #mainwrapper .box .scale-caption { opacity: 0; width: 200px; height: 200px; text-align: left; padding: 15px; } #mainwrapper .box .scale-caption h3, #mainwrapper .box .scale-caption p { position: relative; left: -200px; width: 170px; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; color:white; } #mainwrapper .box .scale-caption h3 { -webkit-transition-delay: 300ms; -moz-transition-delay: 300ms; -o-transition-delay: 300ms; -ms-transition-delay: 300ms; transition-delay: 300ms; font-weight:bold; margin-top:0px !important; font-size:1.3em; } #mainwrapper .box .scale-caption p { -webkit-transition-delay: 500ms; -moz-transition-delay: 500ms; -o-transition-delay: 500ms; -ms-transition-delay: 500ms; transition-delay: 500ms; } #mainwrapper .box:hover .image6 { -moz-transform: scale(1.4); -o-transform: scale(1.4); -webkit-transform: scale(1.4); transform: scale(1.4); } #mainwrapper .box:hover .scale-caption h3, #mainwrapper .box:hover .scale-caption p { -moz-transform: translateX(200px); -o-transform: translateX(200px); -webkit-transform: translateX(200px); transform: translateX(200px); } #mainwrapper .box:hover .scale-caption { opacity: 1; } /* ----------------------------------------- */ /* Plantilla de contenido: element-de-boucle-dans-liste-des-postypes-categories-produits-avec-hover-effect - fin */ /* ----------------------------------------- */