Artists by name – Galerie Dumonteil

/* ----------------------------------------- */ /* View slug: artist-name-modern - start */ /* ----------------------------------------- */ h5.artist-name a{display: inline-block; color:#4d4d4d;} h5.artist-name a:hover{ color:#ed6f24;} h5.artist-name a:hover div.art-preview { pointer-events: auto; opacity: 1; -webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0); transform: translate3d(0,0,0) rotate3d(0,0,0,0); } h5.artist-name a:hover::after{ content:">"; } .art-preview { position: fixed; bottom: 150px; float: right; background: #fff; width: 500px; margin-left: 300px; z-index:999; border: 1px solid #dfdfdf; padding: 15px; -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3; pointer-events: none; opacity: 0; -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .art-preview img{ margin-bottom: 15px;} @media screen and (max-width: 812px) { .art-preview {display: none;} } .name-wrap { columns: 2 250px; } /* ----------------------------------------- */ /* View slug: artist-name-modern - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* View slug: artist-name-contemp - start */ /* ----------------------------------------- */ h5.artist-name a{display: inline-block; color:#4d4d4d;} h5.artist-name a:hover{ color:#ed6f24;} h5.artist-name a:hover div.art-preview2 { pointer-events: auto; opacity: 1; -webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0); transform: translate3d(0,0,0) rotate3d(0,0,0,0); } h5.artist-name a:hover::after{ content:" >";} .art-preview2 { position: fixed; bottom: 150px; left: 50px; background: #fff; width: 500px; margin-right: 300px; z-index:999; border: 1px solid #dfdfdf; padding: 15px; -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3; pointer-events: none; opacity: 0; -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .art-preview2 img{ margin-bottom: 15px;} @media screen and (max-width: 812px) { .art-preview2 {display: none;} } .name-wrap2 { columns: 2 250px;} /* ----------------------------------------- */ /* View slug: artist-name-contemp - end */ /* ----------------------------------------- */