62 lines
No EOL
2.9 KiB
CSS
62 lines
No EOL
2.9 KiB
CSS
/*!
|
|
* Justified Gallery - v3.6.4
|
|
* 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,.justified-gallery>figure{position:absolute;display:inline-block;overflow:hidden;filter:"alpha(opacity=10)";opacity:.1;margin:0;padding:0}.justified-gallery>a>img,.justified-gallery>div>img,.justified-gallery>figure>img,.justified-gallery>a>a>img,.justified-gallery>div>a>img,.justified-gallery>figure>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,.justified-gallery>figure>.caption{display:none;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}.justified-gallery>a>.caption.caption-visible,.justified-gallery>div>.caption.caption-visible,.justified-gallery>figure>.caption.caption-visible{display:initial;filter:"alpha(opacity=70)";opacity:.7;-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>.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}
|
|
|
|
html {
|
|
overflow-y: scroll
|
|
}
|
|
.justifiedGallery {
|
|
width: 100%;
|
|
margin-bottom: 10px
|
|
}
|
|
.justifiedGallery .jg-image {
|
|
position: absolute;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
margin-left: 0
|
|
}
|
|
.justifiedGallery .jg-image img {
|
|
border: none;
|
|
display: none
|
|
}
|
|
.justifiedGallery .jg-image a {
|
|
text-decoration: none
|
|
}
|
|
.justifiedGallery .jg-image-label {
|
|
white-space: normal;
|
|
font: normal 12px arial;
|
|
background: #000;
|
|
color: #fff;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
padding: 5px 5px 10px 8px;
|
|
text-align: left;
|
|
opacity: 0;
|
|
filter: alpha(opacity=0)
|
|
}
|
|
.justifiedGallery .jg-loading-img {
|
|
margin: auto;
|
|
width: 50px;
|
|
height: 50px;
|
|
background: url(../img/loading.gif) no-repeat center center
|
|
}
|
|
.justifiedGallery .jg-loading {
|
|
margin: auto;
|
|
width: 50px;
|
|
height: 50px;
|
|
background-color: white;
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px
|
|
}
|
|
.justifiedGallery .jg-row {
|
|
position: relative;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
margin-bottom: 4px
|
|
} |