1+ /*
2+ * Nivo Lightbox v1.0
3+ * http://dev7studios.com/nivo-lightbox
4+ *
5+ * Copyright 2013, Dev7studios
6+ * Free to use and abuse under the MIT license.
7+ * http://www.opensource.org/licenses/mit-license.php
8+ */
9+
10+ .nivo-lightbox-overlay {
11+ position : fixed;
12+ top : 0 ;
13+ left : 0 ;
14+ z-index : 99998 ;
15+ width : 100% ;
16+ height : 100% ;
17+ overflow : hidden;
18+ visibility : hidden;
19+ opacity : 0 ;
20+ -webkit-box-sizing : border-box;
21+ -moz-box-sizing : border-box;
22+ box-sizing : border-box;
23+ }
24+ .nivo-lightbox-overlay .nivo-lightbox-open {
25+ visibility : visible;
26+ opacity : 1 ;
27+ }
28+ .nivo-lightbox-wrap {
29+ position : absolute;
30+ top : 10% ;
31+ bottom : 10% ;
32+ left : 10% ;
33+ right : 10% ;
34+ }
35+ .nivo-lightbox-content {
36+ width : 100% ;
37+ height : 100% ;
38+ }
39+ .nivo-lightbox-title-wrap {
40+ position : absolute;
41+ bottom : 0 ;
42+ left : 0 ;
43+ width : 100% ;
44+ z-index : 99999 ;
45+ text-align : center;
46+ }
47+ .nivo-lightbox-nav { display : none; }
48+ .nivo-lightbox-prev {
49+ position : absolute;
50+ top : 50% ;
51+ left : 0 ;
52+ }
53+ .nivo-lightbox-next {
54+ position : absolute;
55+ top : 50% ;
56+ right : 0 ;
57+ }
58+ .nivo-lightbox-close {
59+ position : absolute;
60+ top : 2% ;
61+ right : 2% ;
62+ }
63+
64+ .nivo-lightbox-image { text-align : center; }
65+ .nivo-lightbox-image img {
66+ max-width : 100% ;
67+ max-height : 100% ;
68+ width : auto;
69+ height : auto;
70+ vertical-align : middle;
71+ }
72+ .nivo-lightbox-content iframe {
73+ width : 100% ;
74+ height : 100% ;
75+ }
76+ .nivo-lightbox-ajax {
77+ max-height : 100% ;
78+ overflow : auto;
79+ -webkit-box-sizing : border-box;
80+ -moz-box-sizing : border-box;
81+ box-sizing : border-box;
82+ /* https://bugzilla.mozilla.org/show_bug.cgi?id=308801 */
83+ }
84+ .nivo-lightbox-error {
85+ display : table;
86+ text-align : center;
87+ width : 100% ;
88+ height : 100% ;
89+ color : # fff ;
90+ text-shadow : 0 1px 1px # 000 ;
91+ }
92+ .nivo-lightbox-error p {
93+ display : table-cell;
94+ vertical-align : middle;
95+ }
96+
97+ /* Effects
98+ **********************************************/
99+ .nivo-lightbox-effect-fade ,
100+ .nivo-lightbox-effect-fadeScale ,
101+ .nivo-lightbox-effect-slideLeft ,
102+ .nivo-lightbox-effect-slideRight ,
103+ .nivo-lightbox-effect-slideUp ,
104+ .nivo-lightbox-effect-slideDown ,
105+ .nivo-lightbox-effect-fall {
106+ -webkit-transition : all 0.2s ease-in-out;
107+ -moz-transition : all 0.2s ease-in-out;
108+ -ms-transition : all 0.2s ease-in-out;
109+ -o-transition : all 0.2s ease-in-out;
110+ transition : all 0.2s ease-in-out;
111+ }
112+
113+ /* fadeScale */
114+ .nivo-lightbox-effect-fadeScale .nivo-lightbox-wrap {
115+ -webkit-transition : all 0.3s ;
116+ -moz-transition : all 0.3s ;
117+ -ms-transition : all 0.3s ;
118+ -o-transition : all 0.3s ;
119+ transition : all 0.3s ;
120+ -webkit-transform : scale (0.7 );
121+ -moz-transform : scale (0.7 );
122+ -ms-transform : scale (0.7 );
123+ transform : scale (0.7 );
124+ }
125+ .nivo-lightbox-effect-fadeScale .nivo-lightbox-open .nivo-lightbox-wrap {
126+ -webkit-transform : scale (1 );
127+ -moz-transform : scale (1 );
128+ -ms-transform : scale (1 );
129+ transform : scale (1 );
130+ }
131+
132+ /* slideLeft / slideRight / slideUp / slideDown */
133+ .nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap ,
134+ .nivo-lightbox-effect-slideRight .nivo-lightbox-wrap ,
135+ .nivo-lightbox-effect-slideUp .nivo-lightbox-wrap ,
136+ .nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
137+ -webkit-transition : all 0.3s cubic-bezier (0.25 , 0.5 , 0.5 , 0.9 );
138+ -moz-transition : all 0.3s cubic-bezier (0.25 , 0.5 , 0.5 , 0.9 );
139+ -ms-transition : all 0.3s cubic-bezier (0.25 , 0.5 , 0.5 , 0.9 );
140+ -o-transition : all 0.3s cubic-bezier (0.25 , 0.5 , 0.5 , 0.9 );
141+ transition : all 0.3s cubic-bezier (0.25 , 0.5 , 0.5 , 0.9 );
142+ }
143+ .nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap {
144+ -webkit-transform : translateX (-10% );
145+ -moz-transform : translateX (-10% );
146+ -ms-transform : translateX (-10% );
147+ transform : translateX (-10% );
148+ }
149+ .nivo-lightbox-effect-slideRight .nivo-lightbox-wrap {
150+ -webkit-transform : translateX (10% );
151+ -moz-transform : translateX (10% );
152+ -ms-transform : translateX (10% );
153+ transform : translateX (10% );
154+ }
155+ .nivo-lightbox-effect-slideLeft .nivo-lightbox-open .nivo-lightbox-wrap ,
156+ .nivo-lightbox-effect-slideRight .nivo-lightbox-open .nivo-lightbox-wrap {
157+ -webkit-transform : translateX (0 );
158+ -moz-transform : translateX (0 );
159+ -ms-transform : translateX (0 );
160+ transform : translateX (0 );
161+ }
162+ .nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
163+ -webkit-transform : translateY (-10% );
164+ -moz-transform : translateY (-10% );
165+ -ms-transform : translateY (-10% );
166+ transform : translateY (-10% );
167+ }
168+ .nivo-lightbox-effect-slideUp .nivo-lightbox-wrap {
169+ -webkit-transform : translateY (10% );
170+ -moz-transform : translateY (10% );
171+ -ms-transform : translateY (10% );
172+ transform : translateY (10% );
173+ }
174+ .nivo-lightbox-effect-slideUp .nivo-lightbox-open .nivo-lightbox-wrap ,
175+ .nivo-lightbox-effect-slideDown .nivo-lightbox-open .nivo-lightbox-wrap {
176+ -webkit-transform : translateY (0 );
177+ -moz-transform : translateY (0 );
178+ -ms-transform : translateY (0 );
179+ transform : translateY (0 );
180+ }
181+
182+ /* fall */
183+ .nivo-lightbox-body-effect-fall .nivo-lightbox-effect-fall {
184+ -webkit-perspective : 1000px ;
185+ -moz-perspective : 1000px ;
186+ perspective : 1000px ;
187+ }
188+ .nivo-lightbox-effect-fall .nivo-lightbox-wrap {
189+ -webkit-transition : all 0.3s ease-out;
190+ -moz-transition : all 0.3s ease-out;
191+ -ms-transition : all 0.3s ease-out;
192+ -o-transition : all 0.3s ease-out;
193+ transition : all 0.3s ease-out;
194+ -webkit-transform : translateZ (300px );
195+ -moz-transform : translateZ (300px );
196+ -ms-transform : translateZ (300px );
197+ transform : translateZ (300px );
198+ }
199+ .nivo-lightbox-effect-fall .nivo-lightbox-open .nivo-lightbox-wrap {
200+ -webkit-transform : translateZ (0 );
201+ -moz-transform : translateZ (0 );
202+ -ms-transform : translateZ (0 );
203+ transform : translateZ (0 );
204+ }
0 commit comments