/*! * Justified Gallery - v3.6.3 * http://miromannino.github.io/Justified-Gallery/ * Copyright (c) 2016 Miro Mannino * Licensed under the MIT license. */ .justified-gallery { width: 100%; position: relative; overflow: hidden } .justified-gallery>a, .justified-gallery>div { position: absolute; display: inline-block; overflow: hidden; filter: "alpha(opacity=10)"; opacity: .1 } .justified-gallery>a>img, .justified-gallery>div>img, .justified-gallery>a>a>img, .justified-gallery>div>a>img { position: absolute; top: 50%; left: 50%; margin: 0; padding: 0; border: 0; filter: "alpha(opacity=0)"; opacity: 0 } .justified-gallery>a>.caption, .justified-gallery>div>.caption { display: initial; position: absolute; bottom: 0; padding: 5px; background-color: #000; left: 0; right: 0; margin: 0; color: #fff; font-size: 12px; font-weight: 300; font-family: sans-serif; -webkit-transition: opacity 300ms ease; -moz-transition: opacity 300ms ease; -o-transition: opacity 300ms ease; transition: opacity 300ms ease; opacity: 0 } .justified-gallery>a>.caption.caption-visible, .justified-gallery>div>.caption.caption-visible { filter: "alpha(opacity=70)"; opacity: .7 } .justified-gallery>.entry-visible { filter: "alpha(opacity=100)"; opacity: 1; background: 0 0 } .justified-gallery>.entry-visible>img, .justified-gallery>.entry-visible>a>img { filter: "alpha(opacity=100)"; opacity: 1; -webkit-transition: opacity 500ms ease-in; -moz-transition: opacity 500ms ease-in; -o-transition: opacity 500ms ease-in; transition: opacity 500ms ease-in } .justified-gallery>.jg-filtered { display: none } .justified-gallery>.spinner { position: absolute; bottom: 0; margin-left: -24px; padding: 10px 0; left: 50%; filter: "alpha(opacity=100)"; opacity: 1; overflow: initial } .justified-gallery>.spinner>span { display: inline-block; filter: "alpha(opacity=0)"; opacity: 0; width: 8px; height: 8px; margin: 0 4px; background-color: #000; border-radius: 6px }