PluginProbe
Responsive Lightbox & Gallery / 2.1
Responsive Lightbox & Gallery v2.1
2.7.8 trunk 1.0.0 1.0.1 1.0.1.1 1.0.2 1.0.3 1.0.4 1.1.0 1.1.1 1.1.2 1.2.0 1.2.1 1.2.2 1.2.3 1.3.0 1.3.1 1.3.2 1.3.3 1.3.4 1.3.5 1.3.6 1.4.0 1.4.0.1 1.4.1 All 105 releases
← All changes | css/gallery.css +571 -1 trunk2.1 View file →
@@ -1 +1,571 @@
1 -.rl-gallery{padding:0;margin:0}.rl-gallery .rl-gallery-item{overflow:hidden}.rl-gallery .rl-gallery-link{position:relative;display:block}.rl-gallery .rl-gallery-link,.rl-gallery .rl-gallery-link img{border:none;outline:none;box-shadow:none}.rl-gallery .rl-gallery-link img{z-index:0}.rl-gallery .rl-gallery-link .rl-gallery-caption{position:absolute;width:100%;display:block;z-index:2;bottom:0;background-color:#000c;overflow:hidden;padding:1em;font-weight:400;line-height:1.2;text-align:left;word-wrap:break-word;backface-visibility:hidden;box-sizing:border-box;filter:"alpha(opacity=100)";opacity:1;-webkit-transition:transform .3s,opacity .3s;-moz-transition:transform .3s,opacity .3s;-ms-transition:transform .3s,opacity .3s;-o-transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s}.rl-gallery[class^=rl-hover-effect-] .rl-gallery-link .rl-gallery-caption,.rl-gallery[class*=rl-hover-effect-] .rl-gallery-link .rl-gallery-caption{filter:"alpha(opacity=0)";opacity:0}.rl-gallery .rl-gallery-item-title,.rl-gallery .rl-gallery-item-caption{display:block;color:#fff}.rl-gallery:not(.rl-hidden-text) .rl-gallery-link:after{position:absolute;height:100%;width:100%;z-index:1;background-color:#000c;display:block;content:"";filter:"alpha(opacity=0)";opacity:0;top:0;left:0;-webkit-transition:transform .3s,opacity .3s;-moz-transition:transform .3s,opacity .3s;-ms-transition:transform .3s,opacity .3s;-o-transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s}.rl-gallery .rl-gallery-link:hover .rl-gallery-caption,.rl-gallery .rl-gallery-link.hover .rl-gallery-caption{filter:"alpha(opacity=100)";opacity:1}@font-face{font-family:responsive-lightbox;src:url(../font/responsive-lightbox.eot?86939755);src:url(../font/responsive-lightbox.eot?86939755#iefix) format("embedded-opentype"),url(../font/responsive-lightbox.woff2?86939755) format("woff2"),url(../font/responsive-lightbox.woff?86939755) format("woff"),url(data:font/ttf;base64,) format("truetype"),url(../font/responsive-lightbox.svg?86939755#responsive-lightbox) format("svg");font-weight:400;font-style:normal}[class^=rl-hover-icon-] .rl-gallery-link:before,[class*=rl-hover-icon-] .rl-gallery-link:before{font-family:responsive-lightbox;font-style:normal;font-weight:400;speak:none;display:flex;flex-direction:row;align-items:center;justify-content:center;text-decoration:none;width:1em;height:1em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;top:50%;left:50%;margin-top:-1em;margin-left:-1em;background-color:#000c;color:#fff;padding:1em;border-radius:50%;filter:"alpha(opacity=0)";opacity:0;z-index:4;-webkit-transition:transform .3s,opacity .3s;-moz-transition:transform .3s,opacity .3s;-ms-transition:transform .3s,opacity .3s;-o-transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s}.rl-hover-icon-1 .rl-gallery-link:before{content:""}.rl-hover-icon-2 .rl-gallery-link:before{content:""}.rl-hover-icon-3 .rl-gallery-link:before{content:""}.rl-hover-icon-4 .rl-gallery-link:before{content:""}.rl-hover-icon-5 .rl-gallery-link:before{content:""}.rl-hover-icon-6 .rl-gallery-link:before{content:""}.rl-hover-icon-7 .rl-gallery-link:before{content:""}.rl-hover-icon-8 .rl-gallery-link:before{content:""}.rl-hover-icon-9 .rl-gallery-link:before{content:""}.rl-hover-icon-10 .rl-gallery-link:before{content:""}.rl-hover-icon-11 .rl-gallery-link:before{content:""}.rl-hover-icon-12 .rl-gallery-link:before{content:""}.rl-hover-icon-13 .rl-gallery-link:before{content:""}.rl-hover-icon-14 .rl-gallery-link:before{content:""}.rl-hover-icon-15 .rl-gallery-link:before{content:""}.rl-hover-icon-16 .rl-gallery-link:before{content:""}[class^=rl-hover-effect-][class^=rl-hover-icon-] .rl-gallery-link:hover:before,[class^=rl-hover-effect-][class^=rl-hover-icon-] .rl-gallery-link.hover:before,[class*=rl-hover-effect-][class*=rl-hover-icon-] .rl-gallery-link:hover:before,[class*=rl-hover-effect-][class*=rl-hover-icon-] .rl-gallery-link.hover:before{filter:"alpha(opacity=100)";opacity:1}.rl-gallery.rl-hover-effect-1 .rl-gallery-link .rl-gallery-caption{background:none}.rl-gallery.rl-hover-effect-1 .rl-gallery-link:hover .rl-gallery-caption,.rl-gallery.rl-hover-effect-1 .rl-gallery-link.hover .rl-gallery-caption{filter:"alpha(opacity=100)";opacity:1}.rl-gallery.rl-hover-effect-1 .rl-gallery-link:before{background:none}.rl-gallery.rl-hover-effect-1 .rl-gallery-link:hover:after,.rl-gallery.rl-hover-effect-1 .rl-gallery-link.hover:after{filter:"alpha(opacity=100)";opacity:1}.rl-gallery.rl-hover-effect-2 .rl-gallery-link:hover .rl-gallery-caption,.rl-gallery.rl-hover-effect-2 .rl-gallery-link.hover .rl-gallery-caption{filter:"alpha(opacity=100)";opacity:1}.rl-gallery.rl-hover-effect-3,.rl-gallery.rl-hover-effect-3 .rl-gallery-item,.rl-gallery.rl-hover-effect-3 .rl-gallery-link{overflow:visible}.rl-gallery.rl-hover-effect-3 .rl-gallery-link .rl-gallery-caption{position:absolute;background:none}.rl-gallery.rl-hover-effect-3 .rl-gallery-link:hover .rl-gallery-caption,.rl-gallery.rl-hover-effect-3 .rl-gallery-link.hover .rl-gallery-caption{-webkit-transform:translate(15px,15px);-moz-transform:translate(15px,15px);-ms-transform:translate(15px,15px);-o-transform:translate(15px,15px);transform:translate(15px,15px)}.rl-gallery.rl-hover-effect-3 .rl-gallery-link:hover:after,.rl-gallery.rl-hover-effect-3 .rl-gallery-link.hover:after{filter:"alpha(opacity=100)";opacity:1;-webkit-transform:translate(15px,15px);-moz-transform:translate(15px,15px);-ms-transform:translate(15px,15px);-o-transform:translate(15px,15px);transform:translate(15px,15px)}.rl-gallery.rl-hover-effect-3[class^=rl-hover-icon-] .rl-gallery-link:before,.rl-gallery.rl-hover-effect-3[class*=rl-hover-icon-] .rl-gallery-link:before{background:none}.rl-gallery.rl-hover-effect-3[class^=rl-hover-icon-] .rl-gallery-link:hover:before,.rl-gallery.rl-hover-effect-3[class^=rl-hover-icon-] .rl-gallery-link.hover:before,.rl-gallery.rl-hover-effect-3[class*=rl-hover-icon-] .rl-gallery-link:hover:before,.rl-gallery.rl-hover-effect-3[class*=rl-hover-icon-] .rl-gallery-link.hover:before{-webkit-transform:translate(15px,15px);-moz-transform:translate(15px,15px);-ms-transform:translate(15px,15px);-o-transform:translate(15px,15px);transform:translate(15px,15px)}.rl-gallery.rl-hover-effect-4 .rl-gallery-link .rl-gallery-caption{background:none;height:auto;filter:"alpha(opacity=100)";opacity:1;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}.rl-gallery.rl-hover-effect-4 .rl-gallery-link:hover .rl-gallery-caption,.rl-gallery.rl-hover-effect-4 .rl-gallery-link.hover .rl-gallery-caption{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.rl-gallery.rl-hover-effect-4 .rl-gallery-link{overflow:hidden}.rl-gallery.rl-hover-effect-4 .rl-gallery-link:before{background:none;-webkit-transform:translateY(-25%);-moz-transform:translateY(-25%);-ms-transform:translateY(-25%);-o-transform:translateY(-25%);transform:translateY(-25%)}.rl-gallery.rl-hover-effect-4 .rl-gallery-link:hover:before,.rl-gallery.rl-hover-effect-4 .rl-gallery-link.hover:before{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.rl-gallery.rl-hover-effect-4 .rl-gallery-link:after{filter:"alpha(opacity=100)";opacity:1;top:-100%}.rl-gallery.rl-hover-effect-4 .rl-gallery-link:hover:after,.rl-gallery.rl-hover-effect-4 .rl-gallery-link.hover:after{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}.rl-gallery.rl-hover-effect-5 .rl-gallery-link .rl-gallery-caption{background:none;height:100%;filter:"alpha(opacity=100)";opacity:1;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}.rl-gallery.rl-hover-effect-5 .rl-gallery-link:hover .rl-gallery-caption,.rl-gallery.rl-hover-effect-5 .rl-gallery-link.hover .rl-gallery-caption{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.rl-gallery.rl-hover-effect-5 .rl-gallery-link{overflow:hidden}.rl-gallery.rl-hover-effect-5 .rl-gallery-link:before{background:none}.rl-gallery.rl-hover-effect-5 .rl-gallery-link:hover:before,.rl-gallery.rl-hover-effect-5 .rl-gallery-link.hover:before{-webkit-transform:translateY(2em);-moz-transform:translateY(2em);-ms-transform:translateY(2em);-o-transform:translateY(2em);transform:translateY(2em)}.rl-gallery.rl-hover-effect-5 .rl-gallery-link:after{filter:"alpha(opacity=100)";opacity:1;top:-100%}.rl-gallery.rl-hover-effect-5 .rl-gallery-link:hover:after,.rl-gallery.rl-hover-effect-5 .rl-gallery-link.hover:after{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}.rl-gallery.rl-hover-effect-6 .rl-gallery-link{overflow:hidden}.rl-gallery.rl-hover-effect-6 .rl-gallery-link img{z-index:3;-webkit-transition:transform .3s;-moz-transition:transform .3s;-ms-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s}.rl-gallery.rl-hover-effect-6 .rl-gallery-link:hover img,.rl-gallery.rl-hover-effect-6 .rl-gallery-link.hover img{-webkit-transform:scale(.3);-moz-transform:scale(.3);-ms-transform:scale(.3);-o-transform:scale(.3);transform:scale(.3)}.rl-gallery.rl-hover-effect-6 .rl-gallery-link:before{background:none}.rl-gallery.rl-hover-effect-6 .rl-gallery-link .rl-gallery-caption{background:none;-webkit-transform:scale(.7);-moz-transform:scale(.7);-ms-transform:scale(.7);-o-transform:scale(.7);transform:scale(.7)}.rl-gallery.rl-hover-effect-6 .rl-gallery-link:hover .rl-gallery-caption,.rl-gallery.rl-hover-effect-6 .rl-gallery-link.hover .rl-gallery-caption{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.rl-gallery.rl-hover-effect-6 .rl-gallery-link:hover:after,.rl-gallery.rl-hover-effect-6 .rl-gallery-link.hover:after{filter:"alpha(opacity=100)";opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.rl-gallery.rl-hover-effect-7 .rl-gallery-link{overflow:visible}.rl-gallery.rl-hover-effect-7 .rl-gallery-link:before{filter:"alpha(opacity=100)";opacity:1;top:-2em}.rl-gallery.rl-hover-effect-7 .rl-gallery-link:hover:before,.rl-gallery.rl-hover-effect-7 .rl-gallery-link.hover:before{-webkit-transform:translateY(4em);-moz-transform:translateY(4em);-ms-transform:translateY(4em);-o-transform:translateY(4em);transform:translateY(4em)}.rl-gallery.rl-hover-effect-7 .rl-gallery-link img{position:relative;z-index:3;-webkit-transition:transform .3s;-moz-transition:transform .3s;-ms-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s}.rl-gallery.rl-hover-effect-7 .rl-gallery-link:hover img,.rl-gallery.rl-hover-effect-7 .rl-gallery-link.hover img{-webkit-transform:translateY(-5em);-moz-transform:translateY(-5em);-ms-transform:translateY(-5em);-o-transform:translateY(-5em);transform:translateY(-5em)}.rl-gallery.rl-hover-effect-7 .rl-gallery-link .rl-gallery-caption{height:5em;filter:"alpha(opacity=100)";opacity:1}.rl-gallery.rl-hover-effect-8 .rl-gallery-link{overflow:hidden}.rl-gallery.rl-hover-effect-8 .rl-gallery-link:before{filter:"alpha(opacity=100)";opacity:1;top:-2em}.rl-gallery.rl-hover-effect-8 .rl-gallery-link:hover:before,.rl-gallery.rl-hover-effect-8 .rl-gallery-link.hover:before{-webkit-transform:translateY(4em);-moz-transform:translateY(4em);-ms-transform:translateY(4em);-o-transform:translateY(4em);transform:translateY(4em)}.rl-gallery.rl-hover-effect-8 .rl-gallery-link img{z-index:1;-webkit-transition:transform .3s;-moz-transition:transform .3s;-ms-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s}.rl-gallery.rl-hover-effect-8 .rl-gallery-link:hover img{-webkit-transform:translateY(-3em);-moz-transform:translateY(-3em);-ms-transform:translateY(-3em);-o-transform:translateY(-3em);transform:translateY(-3em)}.rl-gallery.rl-hover-effect-8 .rl-gallery-link .rl-gallery-caption{height:5em;filter:"alpha(opacity=100)";opacity:1;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}.rl-gallery.rl-hover-effect-8 .rl-gallery-link:hover .rl-gallery-caption,.rl-gallery.rl-hover-effect-8 .rl-gallery-link.hover .rl-gallery-caption{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0)}.rl-gallery.rl-hover-effect-9 .rl-gallery-link{overflow:hidden}.rl-gallery.rl-hover-effect-9 .rl-gallery-link img{z-index:3;-webkit-transition:transform .3s;-moz-transition:transform .3s;-ms-transition:transform .3s;-o-transition:transform .3s;transition:transform .3s}.rl-gallery.rl-hover-effect-9 .rl-gallery-link:before{background:none;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}.rl-gallery.rl-hover-effect-9 .rl-gallery-link:hover:before,.rl-gallery.rl-hover-effect-9 .rl-gallery-link.hover:before{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.rl-gallery.rl-hover-effect-9 .rl-gallery-link .rl-gallery-caption{background:none;-webkit-transform:scale(.7);-moz-transform:scale(.7);-ms-transform:scale(.7);-o-transform:scale(.7);transform:scale(.7)}.rl-gallery.rl-hover-effect-9 .rl-gallery-link:hover .rl-gallery-caption,.rl-gallery.rl-hover-effect-9 .rl-gallery-link.hover .rl-gallery-caption{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.rl-gallery.rl-hover-effect-9 .rl-gallery-link:after{height:calc(100% - 1em);width:calc(100% - 1em);margin:.5em}.rl-gallery.rl-hover-effect-9 .rl-gallery-link:hover:after,.rl-gallery.rl-hover-effect-9 .rl-gallery-link.hover:after{filter:"alpha(opacity=100)";opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.rl-gallery.rl-justified-gallery .rl-gallery-link{position:absolute}.rl-gallery.rl-justified-gallery{overflow:visible}.rl-gallery-button{text-align:center}.rl-loading{opacity:.5;pointer-events:none}
1 +/* Cleanup */
2 +.rl-gallery .rl-gallery-item {
3 + overflow: hidden;
4 +}
5 +
6 +.rl-gallery .rl-gallery-link {
7 + position: relative;
8 + display: block;
9 +}
10 +
11 +.rl-gallery .rl-gallery-link,
12 +.rl-gallery .rl-gallery-link img {
13 + border: none;
14 + outline: none;
15 + box-shadow: none;
16 +}
17 +
18 +.rl-gallery .rl-gallery-link img {
19 + z-index: 0;
20 +}
21 +
22 +.rl-gallery .rl-gallery-link .rl-gallery-caption {
23 + position: absolute;
24 + width: 100%;
25 + display: block;
26 + z-index: 2;
27 + bottom: 0;
28 + background-color: rgba(0,0,0,0.8);
29 + overflow: hidden;
30 + word-wrap: break-word;
31 + padding: 1em 1.5em;
32 + font-weight: normal;
33 + line-height: 1em;
34 + text-align: left;
35 + word-wrap: break-word;
36 + backface-visibility: hidden;
37 + box-sizing: border-box;
38 + filter: "alpha(opacity=100)";
39 + opacity: 1;
40 + -webkit-transition: transform 0.3s, opacity 0.3s;
41 + -moz-transition: transform 0.3s, opacity 0.3s;
42 + -ms-transition: transform 0.3s, opacity 0.3s;
43 + -o-transition: transform 0.3s, opacity 0.3s;
44 + transition: transform 0.3s, opacity 0.3s;
45 +}
46 +
47 +*.rl-gallery[class^="rl-hover-effect-"] .rl-gallery-link .rl-gallery-caption,
48 +*.rl-gallery[class*="rl-hover-effect-"] .rl-gallery-link .rl-gallery-caption {
49 + filter: "alpha(opacity=0)";
50 + opacity: 0;
51 +}
52 +
53 +.rl-gallery .rl-gallery-item-title,
54 +.rl-gallery .rl-gallery-item-caption {
55 + display: block;
56 + font-size: 0.85em;
57 + color: #fff;
58 +}
59 +
60 +.rl-gallery .rl-gallery-item-caption {
61 + display: block;
62 + font-size: 0.75em;
63 + color: #ccc;
64 +}
65 +
66 +.rl-gallery:not(.rl-hidden-text) .rl-gallery-link:after {
67 + position: absolute;
68 + height: 100%;
69 + width: 100%;
70 + z-index: 1;
71 + background-color: rgba(0,0,0,0.8);
72 + display: block;
73 + content: '';
74 + filter: "alpha(opacity=0)";
75 + opacity: 0;
76 + top: 0;
77 + left: 0;
78 + -webkit-transition: transform 0.3s, opacity 0.3s;
79 + -moz-transition: transform 0.3s, opacity 0.3s;
80 + -ms-transition: transform 0.3s, opacity 0.3s;
81 + -o-transition: transform 0.3s, opacity 0.3s;
82 + transition: transform 0.3s, opacity 0.3s;
83 +}
84 +
85 +.rl-gallery .rl-gallery-link:hover .rl-gallery-caption,
86 +.rl-gallery .rl-gallery-link.hover .rl-gallery-caption {
87 + filter: "alpha(opacity=100)";
88 + opacity: 1;
89 +}
90 +
91 +/* Font */
92 +@font-face {
93 + font-family: 'responsive-lightbox';
94 + src: url('../font/responsive-lightbox.eot?86939755');
95 + src: url('../font/responsive-lightbox.eot?86939755#iefix') format('embedded-opentype'),
96 + url('../font/responsive-lightbox.woff2?86939755') format('woff2'),
97 + url('../font/responsive-lightbox.woff?86939755') format('woff'),
98 + url('../font/responsive-lightbox.ttf?86939755') format('truetype'),
99 + url('../font/responsive-lightbox.svg?86939755#responsive-lightbox') format('svg');
100 + font-weight: normal;
101 + font-style: normal;
102 +}
103 +/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
104 +/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
105 +/*
106 +@media screen and (-webkit-min-device-pixel-ratio:0) {
107 + @font-face {
108 + font-family: 'responsive-lightbox';
109 + src: url('../font/responsive-lightbox.svg?86939755#responsive-lightbox') format('svg');
110 + }
111 +}
112 +*/
113 +
114 +[class^="rl-hover-icon-"] .rl-gallery-link:before,
115 +[class*="rl-hover-icon-"] .rl-gallery-link:before {
116 + font-family: "responsive-lightbox";
117 + font-style: normal;
118 + font-weight: normal;
119 + speak: none;
120 + display: flex;
121 + flex-direction: row;
122 + align-items: center;
123 + justify-content: center;
124 + text-decoration: none;
125 + width: 1em;
126 + height: 1em;
127 + text-align: center;
128 + font-variant: normal;
129 + text-transform: none;
130 + line-height: 1em;
131 + -webkit-font-smoothing: antialiased;
132 + -moz-osx-font-smoothing: grayscale;
133 + position: absolute;
134 + top: 50%;
135 + left: 50%;
136 + margin-top: -1em;
137 + margin-left: -1em;
138 + background-color: rgba(0,0,0,0.8);
139 + color: #fff;
140 + padding: 1em;
141 + border-radius: 50%;
142 + filter: "alpha(opacity=0)";
143 + opacity: 0;
144 + z-index: 4;
145 + -webkit-transition: transform 0.3s, opacity 0.3s;
146 + -moz-transition: transform 0.3s, opacity 0.3s;
147 + -ms-transition: transform 0.3s, opacity 0.3s;
148 + -o-transition: transform 0.3s, opacity 0.3s;
149 + transition: transform 0.3s, opacity 0.3s;
150 +}
151 +
152 +.rl-hover-icon-1 .rl-gallery-link:before { content: '\e800'; }
153 +.rl-hover-icon-2 .rl-gallery-link:before { content: '\e801'; }
154 +.rl-hover-icon-3 .rl-gallery-link:before { content: '\e802'; }
155 +.rl-hover-icon-4 .rl-gallery-link:before { content: '\e803'; }
156 +.rl-hover-icon-5 .rl-gallery-link:before { content: '\f0fe'; }
157 +.rl-hover-icon-6 .rl-gallery-link:before { content: '\e809'; }
158 +.rl-hover-icon-7 .rl-gallery-link:before { content: '\e80a'; }
159 +.rl-hover-icon-8 .rl-gallery-link:before { content: '\e80b'; }
160 +.rl-hover-icon-9 .rl-gallery-link:before { content: '\e80d'; }
161 +.rl-hover-icon-10 .rl-gallery-link:before { content: '\e80e'; }
162 +.rl-hover-icon-11 .rl-gallery-link:before { content: '\f08e'; }
163 +.rl-hover-icon-12 .rl-gallery-link:before { content: '\f0b2'; }
164 +.rl-hover-icon-13 .rl-gallery-link:before { content: '\e804'; }
165 +.rl-hover-icon-14 .rl-gallery-link:before { content: '\f14c'; }
166 +.rl-hover-icon-15 .rl-gallery-link:before { content: '\f196'; }
167 +.rl-hover-icon-16 .rl-gallery-link:before { content: '\f24d'; }
168 +
169 +[class^="rl-hover-effect-"][class^="rl-hover-icon-"] .rl-gallery-link:hover:before,
170 +[class*="rl-hover-effect-"][class*="rl-hover-icon-"] .rl-gallery-link:hover:before,
171 +[class^="rl-hover-effect-"][class^="rl-hover-icon-"] .rl-gallery-link.hover:before,
172 +[class*="rl-hover-effect-"][class*="rl-hover-icon-"] .rl-gallery-link.hover:before {
173 + filter: "alpha(opacity=100)";
174 + opacity: 1;
175 +}
176 +
177 +/* Hover effect 1 */
178 +
179 +.rl-gallery.rl-hover-effect-1 .rl-gallery-link .rl-gallery-caption {
180 + background: none;
181 +}
182 +.rl-gallery.rl-hover-effect-1 .rl-gallery-link:hover .rl-gallery-caption,
183 +.rl-gallery.rl-hover-effect-1 .rl-gallery-link.hover .rl-gallery-caption {
184 + filter: "alpha(opacity=100)";
185 + opacity: 1;
186 +}
187 +.rl-gallery.rl-hover-effect-1 .rl-gallery-link:before {
188 + background: none;
189 +}
190 +.rl-gallery.rl-hover-effect-1 .rl-gallery-link:hover:after,
191 +.rl-gallery.rl-hover-effect-1 .rl-gallery-link.hover:after {
192 + filter: "alpha(opacity=100)";
193 + opacity: 1;
194 +}
195 +
196 +/* Hover effect 2 */
197 +
198 +.rl-gallery.rl-hover-effect-2 .rl-gallery-link:hover .rl-gallery-caption,
199 +.rl-gallery.rl-hover-effect-2 .rl-gallery-link.hover .rl-gallery-caption {
200 + filter: "alpha(opacity=100)";
201 + opacity: 1;
202 +}
203 +
204 +/* Hover effect 3 */
205 +
206 +.rl-gallery.rl-hover-effect-3 {
207 + overflow: visible;
208 +}
209 +.rl-gallery.rl-hover-effect-3 .rl-gallery-item {
210 + overflow: visible;
211 +}
212 +.rl-gallery.rl-hover-effect-3 .rl-gallery-link {
213 + overflow: visible;
214 +}
215 +.rl-gallery.rl-hover-effect-3 .rl-gallery-link .rl-gallery-caption {
216 + position: absolute;
217 + background: none;
218 +}
219 +.rl-gallery.rl-hover-effect-3 .rl-gallery-link:hover .rl-gallery-caption,
220 +.rl-gallery.rl-hover-effect-3 .rl-gallery-link.hover .rl-gallery-caption {
221 + -webkit-transform: translate(15px, 15px);
222 + -moz-transform: translate(15px, 15px);
223 + -ms-transform: translate(15px, 15px);
224 + -o-transform: translate(15px, 15px);
225 + transform: translate(15px, 15px);
226 +}
227 +.rl-gallery.rl-hover-effect-3 .rl-gallery-link:hover:after,
228 +.rl-gallery.rl-hover-effect-3 .rl-gallery-link.hover:after {
229 + filter: "alpha(opacity=100)";
230 + opacity: 1;
231 + -webkit-transform: translate(15px, 15px);
232 + -moz-transform: translate(15px, 15px);
233 + -ms-transform: translate(15px, 15px);
234 + -o-transform: translate(15px, 15px);
235 + transform: translate(15px, 15px);
236 +}
237 +.rl-gallery.rl-hover-effect-3[class^="rl-hover-icon-"] .rl-gallery-link:before,
238 +.rl-gallery.rl-hover-effect-3[class*="rl-hover-icon-"] .rl-gallery-link:before {
239 + background: none;
240 +}
241 +.rl-gallery.rl-hover-effect-3[class^="rl-hover-icon-"] .rl-gallery-link:hover:before,
242 +.rl-gallery.rl-hover-effect-3[class*="rl-hover-icon-"] .rl-gallery-link:hover:before,
243 +.rl-gallery.rl-hover-effect-3[class^="rl-hover-icon-"] .rl-gallery-link.hover:before,
244 +.rl-gallery.rl-hover-effect-3[class*="rl-hover-icon-"] .rl-gallery-link.hover:before {
245 + -webkit-transform: translate(15px, 15px);
246 + -moz-transform: translate(15px, 15px);
247 + -ms-transform: translate(15px, 15px);
248 + -o-transform: translate(15px, 15px);
249 + transform: translate(15px, 15px);
250 +}
251 +
252 +/* Hover effect 4 */
253 +
254 +.rl-gallery.rl-hover-effect-4 .rl-gallery-link .rl-gallery-caption {
255 + background: none;
256 + height: auto;
257 + filter: "alpha(opacity=100)";
258 + opacity: 1;
259 + -webkit-transform: translateY(100%);
260 + -moz-transform: translateY(100%);
261 + -ms-transform: translateY(100%);
262 + -o-transform: translateY(100%);
263 + transform: translateY(100%);
264 +}
265 +.rl-gallery.rl-hover-effect-4 .rl-gallery-link:hover .rl-gallery-caption,
266 +.rl-gallery.rl-hover-effect-4 .rl-gallery-link.hover .rl-gallery-caption {
267 + -webkit-transform: translateY(0);
268 + -moz-transform: translateY(0);
269 + -ms-transform: translateY(0);
270 + -o-transform: translateY(0);
271 + transform: translateY(0);
272 +}
273 +.rl-gallery.rl-hover-effect-4 .rl-gallery-link {
274 + overflow: hidden;
275 +}
276 +.rl-gallery.rl-hover-effect-4 .rl-gallery-link:before {
277 + background: none;
278 + webkit-transform: translateY(-25%);
279 + -moz-transform: translateY(-25%);
280 + -ms-transform: translateY(-25%);
281 + -o-transform: translateY(-25%);
282 + transform: translateY(-25%);
283 +}
284 +.rl-gallery.rl-hover-effect-4 .rl-gallery-link:hover:before,
285 +.rl-gallery.rl-hover-effect-4 .rl-gallery-link.hover:before {
286 + webkit-transform: translateY(0);
287 + -moz-transform: translateY(0);
288 + -ms-transform: translateY(0);
289 + -o-transform: translateY(0);
290 + transform: translateY(0);
291 +}
292 +.rl-gallery.rl-hover-effect-4 .rl-gallery-link:after {
293 + filter: "alpha(opacity=100)";
294 + opacity: 1;
295 + top: -100%;
296 +}
297 +.rl-gallery.rl-hover-effect-4 .rl-gallery-link:hover:after,
298 +.rl-gallery.rl-hover-effect-4 .rl-gallery-link.hover:after {
299 + -webkit-transform: translateY(100%);
300 + -moz-transform: translateY(100%);
301 + -ms-transform: translateY(100%);
302 + -o-transform: translateY(100%);
303 + transform: translateY(100%);
304 +}
305 +
306 +/* Hover effect 5 */
307 +
308 +.rl-gallery.rl-hover-effect-5 .rl-gallery-link .rl-gallery-caption {
309 + background: none;
310 + height: 100%;
311 + filter: "alpha(opacity=100)";
312 + opacity: 1;
313 + -webkit-transform: translateY(100%);
314 + -moz-transform: translateY(100%);
315 + -ms-transform: translateY(100%);
316 + -o-transform: translateY(100%);
317 + transform: translateY(100%);
318 +}
319 +.rl-gallery.rl-hover-effect-5 .rl-gallery-link:hover .rl-gallery-caption,
320 +.rl-gallery.rl-hover-effect-5 .rl-gallery-link.hover .rl-gallery-caption {
321 + -webkit-transform: translateY(0);
322 + -moz-transform: translateY(0);
323 + -ms-transform: translateY(0);
324 + -o-transform: translateY(0);
325 + transform: translateY(0);
326 +}
327 +.rl-gallery.rl-hover-effect-5 .rl-gallery-link {
328 + overflow: hidden;
329 +}
330 +.rl-gallery.rl-hover-effect-5 .rl-gallery-link:before {
331 + background: none;
332 +}
333 +.rl-gallery.rl-hover-effect-5 .rl-gallery-link:hover:before,
334 +.rl-gallery.rl-hover-effect-5 .rl-gallery-link.hover:before {
335 + webkit-transform: translateY(2em);
336 + -moz-transform: translateY(2em);
337 + -ms-transform: translateY(2em);
338 + -o-transform: translateY(2em);
339 + transform: translateY(2em);
340 +}
341 +.rl-gallery.rl-hover-effect-5 .rl-gallery-link:after {
342 + filter: "alpha(opacity=100)";
343 + opacity: 1;
344 + top: -100%;
345 +}
346 +.rl-gallery.rl-hover-effect-5 .rl-gallery-link:hover:after,
347 +.rl-gallery.rl-hover-effect-5 .rl-gallery-link.hover:after {
348 + -webkit-transform: translateY(100%);
349 + -moz-transform: translateY(100%);
350 + -ms-transform: translateY(100%);
351 + -o-transform: translateY(100%);
352 + transform: translateY(100%);
353 +}
354 +
355 +/* Hover effect 6 */
356 +
357 +.rl-gallery.rl-hover-effect-6 .rl-gallery-link {
358 + overflow: hidden;
359 +}
360 +.rl-gallery.rl-hover-effect-6 .rl-gallery-link img {
361 + z-index: 3;
362 + -webkit-transition: transform 0.3s;
363 + -moz-transition: transform 0.3s;
364 + -ms-transition: transform 0.3s;
365 + -o-transition: transform 0.3s;
366 + transition: transform 0.3s;
367 +}
368 +.rl-gallery.rl-hover-effect-6 .rl-gallery-link:hover img,
369 +.rl-gallery.rl-hover-effect-6 .rl-gallery-link.hover img {
370 + -webkit-transform: scale(0.3);
371 + -ms-transform: scale(0.3);
372 + -o-transform: scale(0.3);
373 + transform: scale(0.3);
374 +}
375 +.rl-gallery.rl-hover-effect-6 .rl-gallery-link:before {
376 + background: none;
377 +}
378 +.rl-gallery.rl-hover-effect-6 .rl-gallery-link .rl-gallery-caption {
379 + background: none;
380 + -webkit-transform: scale(0.7);
381 + -moz-transform: scale(0.7);
382 + -ms-transform: scale(0.7);
383 + -o-transform: scale(0.7);
384 + transform: scale(0.7);
385 +}
386 +.rl-gallery.rl-hover-effect-6 .rl-gallery-link:hover .rl-gallery-caption,
387 +.rl-gallery.rl-hover-effect-6 .rl-gallery-link.hover .rl-gallery-caption {
388 + -webkit-transform: scale(1);
389 + -moz-transform: scale(1);
390 + -ms-transform: scale(1);
391 + -o-transform: scale(1);
392 + transform: scale(1);
393 +}
394 +
395 +.rl-gallery.rl-hover-effect-6 .rl-gallery-link:hover:after,
396 +.rl-gallery.rl-hover-effect-6 .rl-gallery-link.hover:after {
397 + filter: "alpha(opacity=100)";
398 + opacity: 1;
399 + -webkit-transform: scale(1);
400 + -moz-transform: scale(1);
401 + -ms-transform: scale(1);
402 + -o-transform: scale(1);
403 + transform: scale(1);
404 +}
405 +
406 +/* Hover effect 7 */
407 +
408 +.rl-gallery.rl-hover-effect-7 .rl-gallery-link {
409 + overflow: visible;
410 +}
411 +.rl-gallery.rl-hover-effect-7 .rl-gallery-link:before {
412 + filter: "alpha(opacity=100)";
413 + opacity: 1;
414 + top: -2em;
415 +}
416 +.rl-gallery.rl-hover-effect-7 .rl-gallery-link:hover:before,
417 +.rl-gallery.rl-hover-effect-7 .rl-gallery-link.hover:before {
418 + webkit-transform: translateY(4em);
419 + -moz-transform: translateY(4em);
420 + -ms-transform: translateY(4em);
421 + -o-transform: translateY(4em);
422 + transform: translateY(4em);
423 +}
424 +.rl-gallery.rl-hover-effect-7 .rl-gallery-link img {
425 + position: relative;
426 + z-index: 3;
427 + -webkit-transition: transform 0.3s;
428 + -moz-transition: transform 0.3s;
429 + -ms-transition: transform 0.3s;
430 + -o-transition: transform 0.3s;
431 + transition: transform 0.3s;
432 +}
433 +.rl-gallery.rl-hover-effect-7 .rl-gallery-link:hover img,
434 +.rl-gallery.rl-hover-effect-7 .rl-gallery-link.hover img {
435 + -webkit-transform: translateY(-5em);
436 + -moz-transform: translateY(-5em);
437 + -ms-transform: translateY(-5em);
438 + -o-transform: translateY(-5em);
439 + transform: translateY(-5em);
440 +}
441 +.rl-gallery.rl-hover-effect-7 .rl-gallery-link .rl-gallery-caption {
442 + height: 5em;
443 + filter: "alpha(opacity=100)";
444 + opacity: 1;
445 +}
446 +
447 +/* Hover effect 8 */
448 +
449 +.rl-gallery.rl-hover-effect-8 .rl-gallery-link {
450 + overflow: hidden;
451 +}
452 +.rl-gallery.rl-hover-effect-8 .rl-gallery-link:before {
453 + filter: "alpha(opacity=100)";
454 + opacity: 1;
455 + top: -2em;
456 +}
457 +.rl-gallery.rl-hover-effect-8 .rl-gallery-link:hover:before,
458 +.rl-gallery.rl-hover-effect-8 .rl-gallery-link.hover:before {
459 + webkit-transform: translateY(4em);
460 + -moz-transform: translateY(4em);
461 + -ms-transform: translateY(4em);
462 + -o-transform: translateY(4em);
463 + transform: translateY(4em);
464 +}
465 +.rl-gallery.rl-hover-effect-8 .rl-gallery-link img {
466 + z-index: 1;
467 + -webkit-transition: transform 0.3s;
468 + -moz-transition: transform 0.3s;
469 + -ms-transition: transform 0.3s;
470 + -o-transition: transform 0.3s;
471 + transition: transform 0.3s;
472 +}
473 +.rl-gallery.rl-hover-effect-8 .rl-gallery-link:hover img {
474 + -webkit-transform: translateY(-3em);
475 + -moz-transform: translateY(-3em);
476 + -ms-transform: translateY(-3em);
477 + -o-transform: translateY(-3em);
478 + transform: translateY(-3em);
479 +}
480 +.rl-gallery.rl-hover-effect-8 .rl-gallery-link .rl-gallery-caption {
481 + height: 5em;
482 + filter: "alpha(opacity=100)";
483 + opacity: 1;
484 + -webkit-transform: translateY(100%);
485 + -moz-transform: translateY(100%);
486 + -ms-transform: translateY(100%);
487 + -o-transform: translateY(100%);
488 + transform: translateY(100%);
489 +}
490 +.rl-gallery.rl-hover-effect-8 .rl-gallery-link:hover .rl-gallery-caption,
491 +.rl-gallery.rl-hover-effect-8 .rl-gallery-link.hover .rl-gallery-caption {
492 + -webkit-transform: translateY(0px);
493 + -moz-transform: translateY(0px);
494 + -ms-transform: translateY(0px);
495 + -o-transform: translateY(0px);
496 + transform: translateY(0px);
497 +}
498 +
499 +/* Hover effect 9 */
500 +
501 +.rl-gallery.rl-hover-effect-9 .rl-gallery-link {
502 + overflow: hidden;
503 +}
504 +.rl-gallery.rl-hover-effect-9 .rl-gallery-link img {
505 + z-index: 3;
506 + -webkit-transition: transform 0.3s;
507 + -moz-transition: transform 0.3s;
508 + -ms-transition: transform 0.3s;
509 + -o-transition: transform 0.3s;
510 + transition: transform 0.3s;
511 +}
512 +.rl-gallery.rl-hover-effect-9 .rl-gallery-link:before {
513 + background: none;
514 + -webkit-transform: scale(0);
515 + -moz-transform: scale(0);
516 + -ms-transform: scale(0);
517 + -o-transform: scale(0);
518 + transform: scale(0);
519 +}
520 +.rl-gallery.rl-hover-effect-9 .rl-gallery-link:hover:before,
521 +.rl-gallery.rl-hover-effect-9 .rl-gallery-link.hover:before {
522 + -webkit-transform: scale(1);
523 + -moz-transform: scale(1);
524 + -ms-transform: scale(1);
525 + -o-transform: scale(1);
526 + transform: scale(1);
527 +}
528 +.rl-gallery.rl-hover-effect-9 .rl-gallery-link .rl-gallery-caption {
529 + background: none;
530 + -webkit-transform: scale(0.7);
531 + -moz-transform: scale(0.7);
532 + -ms-transform: scale(0.7);
533 + -o-transform: scale(0.7);
534 + transform: scale(0.7);
535 +}
536 +.rl-gallery.rl-hover-effect-9 .rl-gallery-link:hover .rl-gallery-caption,
537 +.rl-gallery.rl-hover-effect-9 .rl-gallery-link.hover .rl-gallery-caption {
538 + -webkit-transform: scale(1);
539 + -moz-transform: scale(1);
540 + -ms-transform: scale(1);
541 + -o-transform: scale(1);
542 + transform: scale(1);
543 +}
544 +.rl-gallery.rl-hover-effect-9 .rl-gallery-link:after {
545 + height: calc(100% - 1em);
546 + width: calc(100% - 1em);
547 + margin: 0.5em;
548 +}
549 +.rl-gallery.rl-hover-effect-9 .rl-gallery-link:hover:after,
550 +.rl-gallery.rl-hover-effect-9 .rl-gallery-link.hover:after {
551 + filter: "alpha(opacity=100)";
552 + opacity: 1;
553 + -webkit-transform: scale(1);
554 + -moz-transform: scale(1);
555 + -ms-transform: scale(1);
556 + -o-transform: scale(1);
557 + transform: scale(1);
558 +}
559 +
560 +.rl-gallery.rl-justified-gallery .rl-gallery-link {
561 + position: absolute;
562 +}
563 +.rl-gallery.rl-justified-gallery {
564 + overflow: visible;
565 +}
566 +.rl-gallery-button {
567 + text-align: center;
568 +}
569 +.rl-loading {
570 + opacity: 0.5;
571 +}