/* ----------------------------------------- */ /* Modello di contenuto: loop-item-in-architettura - inizio */ /* ----------------------------------------- */ .boximg { position: relative; margin-bottom: 30%; height: 380px; } .immagine:hover { opacity: 0.5; transition:all 300ms ease-out; } .immagine{ display: block; float: right; width:75%; } div.boxtesto { position: absolute; top: 3%; width: 75%; visibility: visible; } span.testo { color: #000000 ; text-decoration: none; z-index: 100; } span.testo:hover{ opacity: initial; } div.boxwork { position: absolute; top: 99%; left:18%; width: 75%; visibility: visible; } span.work { text-transform: uppercase; font-family: 'Josefin Sans', sans-serif !important; display: inline-block; transform: rotate(-90deg); /** * The transform-origin will probably depend on * the rest of your layout */ transform-origin: top left; font-size: 1.2em !important; line-height: 1em; color: #87af3f !important ; text-decoration: none; z-index: 100; } } /* ----------------------------------------- */ /* Modello di contenuto: loop-item-in-architettura - fine */ /* ----------------------------------------- */