app/static/css/justifiedGallery.min.css

   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 }