/* ----------------------------------------- */ /* Slug de view: mostrar-las-peliculas-de-una-seccion-con-imagen - inicio */ /* ----------------------------------------- */ .jm-item { padding: 10px; display: inline-block; text-align: left; } .jm-item-wrapper { position: relative; padding: 3px; background: #8f221b ; } .jm-item-image { position: relative; overflow: hidden; } .jm-item-image img { display: block; } .jm-item-title { position: absolute; left: -10px; bottom: 17px; background: #ba2c23; line-height: 1.1em; font-weight: normal; padding: 7px 9px 6px; text-transform: uppercase; font-family: 'Oswald', sans-serif; color: #FFFFFF; font-size: 1.5em; } .jm-item-overlay { background: #000; opacity: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-transition: opacity 0.5s ease-in 0s; -moz-transition: opacity 0.5s ease-in 0s; -o-transition: opacity 0.5s ease-in 0s; transition: opacity 0.5s ease-in 0s; } .jm-item-wrapper:hover .jm-item-overlay { opacity: 0.3; } .jm-item-button { height: 32px; width: 32px; text-align: center; position: absolute; left: 50%; margin-left: -16px; } .jm-item-button a { border-radius: 50%; -webkit-border-radius: 50%; background: #ba2c23 ; text-transform: uppercase; font-family: 'Oswald', sans-serif; color: #FFFFFF; font-size: 0.8em; line-height: 40px; -webkit-transition: all 0.2s ease-in 0s; -moz-transition: all 0.2s ease-in 0s; -o-transition: all 0.2s ease-in 0s; transition: all 0.2s ease-in 0s; text-decoration: none !important; display: block; } .jm-item-button a:hover { background: #000; } .first .jm-item-button { -webkit-transition: all 0.5s ease-in 0.5s; -moz-transition: all 0.5s ease-in 0.5s; -o-transition: all 0.5s ease-in 0.5s; transition: all 0.5s ease-in 0.5s; top: -50px; } .first .jm-item-wrapper:hover .jm-item-button { top: 20%; } /* ----------------------------------------- */ /* Slug de view : mostrar-las-peliculas-de-una-seccion-con-imagen - fin */ /* ----------------------------------------- */