projects / pwp.git / blame
| Commit | Line | Data |
|---|---|---|
| e5424f29 MR |
1 | /*! |
| 2 | * justifiedGallery - v3.7.0 | |
| 3 | * http://miromannino.github.io/Justified-Gallery/ | |
| 4 | * Copyright (c) 2018 Miro Mannino | |
| 5 | * Licensed under the MIT license. | |
| 6 | */ | |
| 7 | .justified-gallery { | |
| 8 | width: 100%; | |
| 9 | position: relative; | |
| 10 | overflow: hidden; | |
| 11 | } | |
| 12 | .justified-gallery > a, | |
| 13 | .justified-gallery > div, | |
| 14 | .justified-gallery > figure { | |
| 15 | position: absolute; | |
| 16 | display: inline-block; | |
| 17 | overflow: hidden; | |
| 18 | /* background: #888888; To have gray placeholders while the gallery is loading with waitThumbnailsLoad = false */ | |
| 19 | filter: "alpha(opacity=10)"; | |
| 20 | opacity: 0.1; | |
| 21 | margin: 0; | |
| 22 | padding: 0; | |
| 23 | } | |
| 24 | .justified-gallery > a > img, | |
| 25 | .justified-gallery > div > img, | |
| 26 | .justified-gallery > figure > img, | |
| 27 | .justified-gallery > a > a > img, | |
| 28 | .justified-gallery > div > a > img, | |
| 29 | .justified-gallery > figure > a > img { | |
| 30 | position: absolute; | |
| 31 | top: 50%; | |
| 32 | left: 50%; | |
| 33 | margin: 0; | |
| 34 | padding: 0; | |
| 35 | border: none; | |
| 36 | filter: "alpha(opacity=0)"; | |
| 37 | opacity: 0; | |
| 38 | } | |
| 39 | .justified-gallery > a > .caption, | |
| 40 | .justified-gallery > div > .caption, | |
| 41 | .justified-gallery > figure > .caption { | |
| 42 | display: none; | |
| 43 | position: absolute; | |
| 44 | bottom: 0; | |
| 45 | padding: 5px; | |
| 46 | background-color: #000000; | |
| 47 | left: 0; | |
| 48 | right: 0; | |
| 49 | margin: 0; | |
| 50 | color: white; | |
| 51 | font-size: 12px; | |
| 52 | font-weight: 300; | |
| 53 | font-family: sans-serif; | |
| 54 | } | |
| 55 | .justified-gallery > a > .caption.caption-visible, | |
| 56 | .justified-gallery > div > .caption.caption-visible, | |
| 57 | .justified-gallery > figure > .caption.caption-visible { | |
| 58 | display: initial; | |
| 59 | filter: "alpha(opacity=70)"; | |
| 60 | opacity: 0.7; | |
| 61 | -webkit-transition: opacity 500ms ease-in; | |
| 62 | -moz-transition: opacity 500ms ease-in; | |
| 63 | -o-transition: opacity 500ms ease-in; | |
| 64 | transition: opacity 500ms ease-in; | |
| 65 | } | |
| 66 | .justified-gallery > .entry-visible { | |
| 67 | filter: "alpha(opacity=100)"; | |
| 68 | opacity: 1; | |
| 69 | background: none; | |
| 70 | } | |
| 71 | .justified-gallery > .entry-visible > img, | |
| 72 | .justified-gallery > .entry-visible > a > img { | |
| 73 | filter: "alpha(opacity=100)"; | |
| 74 | opacity: 1; | |
| 75 | -webkit-transition: opacity 500ms ease-in; | |
| 76 | -moz-transition: opacity 500ms ease-in; | |
| 77 | -o-transition: opacity 500ms ease-in; | |
| 78 | transition: opacity 500ms ease-in; | |
| 79 | } | |
| 80 | .justified-gallery > .jg-filtered { | |
| 81 | display: none; | |
| 82 | } | |
| 83 | .justified-gallery > .spinner { | |
| 84 | position: absolute; | |
| 85 | bottom: 0; | |
| 86 | margin-left: -24px; | |
| 87 | padding: 10px 0 10px 0; | |
| 88 | left: 50%; | |
| 89 | filter: "alpha(opacity=100)"; | |
| 90 | opacity: 1; | |
| 91 | overflow: initial; | |
| 92 | } | |
| 93 | .justified-gallery > .spinner > span { | |
| 94 | display: inline-block; | |
| 95 | filter: "alpha(opacity=0)"; | |
| 96 | opacity: 0; | |
| 97 | width: 8px; | |
| 98 | height: 8px; | |
| 99 | margin: 0 4px 0 4px; | |
| 100 | background-color: #000; | |
| 101 | border-radius: 6px; | |
| 102 | } |