/* ----------------------------------------- */ /* Modello di contenuto: Toggle edit forms - inizio */ /* ----------------------------------------- */ #formEdit{ padding:10px; border:2px solid #3498db; background:#F0F8FF; border-radius:15px; display:none; } /* ----------------------------------------- */ /* Modello di contenuto: Toggle edit forms - fine */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Modello di contenuto: Thumbnail immagini per single page archivio 2 - inizio */ /* ----------------------------------------- */ .modal { text-align: center; } @media screen and (min-width: 768px) { .modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; } } .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; } #thumb img { box-shadow:1px 1px 5px #000; padding: 10; } #thumb .item { padding: 5px; } #thumb .img-thumb:hover { transition:all 0.6s; /* Change Speed */ -ms-transform: scale(4, 4); /* IE 9 */ -webkit-transform: scale(4, 4); /* Safari */ transform: scale(4, 4); /* Change Size */ overflow:visible; z-index:1 !important; /* you can change it, but better let this in default */ } #thumb .item-1:hover { -ms-transform: translate(100px); /* IE 9 */ -webkit-transform: translate(100px); /* Safari */ transform: translate(100px); /* Change Offset */ z-index:2; /* you can change it, but better let this in default */ } #thumb .item-2:hover { z-index:2; /* you can change it, but better let this in default */ } #thumb .item-3:hover { -ms-transform: translate(-100); /* IE 9 */ -webkit-transform: translate(-100px); /* Safari */ transform: translate(-100px); /* Change Offset */ z-index:2; /* you can change it, but better let this in default */ } /* ----------------------------------------- */ /* Modello di contenuto: Thumbnail immagini per single page archivio 2 - fine */ /* ----------------------------------------- */