/* ----------------------------------------- */ /* Slug della vista: slider-immobili: inizio */ /* ----------------------------------------- */ .navigation-left { position: absolute; top: 50%; margin-top: -48px; left: 20px; zoom: 40%; } .navigation-right { position: absolute; top: 50%; margin-top: -48px; right: 20px; zoom: 40%; } .navigation-left a, .navigation-right a { display: block; background: url('/wp-content/uploads/ui-images/thickbox-sprite.png'); background-repeat: no-repeat; transition: none; height: 96px; width: 96px; opacity: 0.3; text-decoration: none; } .navigation-left a:hover, .navigation-right a:hover { opacity: 0.7; } .navigation-right a { background-position: -105px 0; } .navigation-left a { background-position: left; } /* ----------------------------------------- */ /* Slug della vista: slider-immobili: fine */ /* ----------------------------------------- */

/* ----------------------------------------- */ /* Modello di contenuto: slider-immobili-diapositiva - inizio */ /* ----------------------------------------- */ .property-slider { background-size: cover; background-position: center; background-repeat: no-repeat; height: 700px; position: relative; margin: 0; } .property-slider:before, .property-header:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: -webkit-linear-gradient(rgba(0, 0, 0, 0.3) 0%, rgba(138, 138, 138, 0) 30%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(rgba(0, 0, 0, 0.3) 0%, rgba(138, 138, 138, 0) 30%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(rgba(0, 0, 0, 0.3) 0%, rgba(138, 138, 138, 0) 30%, rgba(255, 255, 255, 0) 100%); } .slider-content { position: absolute; top: 50%; left: 20%; background-color:rgba(255,255,255,0.9); padding: 15px; color: #000000; min-height: 90px; width: 515px; -webkit-transform: translate(-20%,-50%); transform: translate(-20%,-50%); } .slider-header { float:left; width: 66%; font-size: 18px; color: #1569ae; } .slider-price { float:right; width: 30%; font-size: 18px; color: #000000; } .slider-description { display: block; } /* ----------------------------------------- */ /* Modello di contenuto: slider-immobili-diapositiva - fine */ /* ----------------------------------------- */