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 1.4.11 1.4.12 1.4.13 1.4.14 1.4.2 1.4.3 1.4.4 1.4.5 1.4.6 1.4.7 1.4.8 1.4.9 1.5.0 1.5.1 1.5.2 1.5.3 1.5.4 1.5.5 1.5.6 1.5.7 1.6.0 1.6.1 1.6.10 1.6.11 1.6.12 1.6.2 1.6.3 1.6.4 1.6.5 1.6.6 1.6.7 1.6.8 1.6.9 1.7.0 1.7.1 1.7.2 2.0 2.0.1 2.0.2 2.0.3 2.0.4 2.0.5 2.1 2.2.0 2.2.1 2.2.2 2.2.3 2.2.3.1 2.3.0 2.3.1 2.3.2 2.3.3 2.3.4 2.3.5 2.4.0 2.4.1 2.4.2 2.4.3 2.4.4 2.4.5 2.4.6 2.4.7 2.4.8 2.4.9 2.5.0 2.5.1 2.5.2 2.5.3 2.5.4 2.5.5 2.6.0 2.6.1 2.7.0 2.7.1 2.7.2 2.7.3 2.7.4 2.7.5 2.7.6 2.7.7
responsive-lightbox / css / admin.css
responsive-lightbox / css Last commit date
admin-folders.css 7 years ago admin-galleries.css 7 years ago admin-post.css 7 years ago admin.css 7 years ago gallery-basicgrid.css 7 years ago gallery-basicmasonry.css 7 years ago gallery.css 7 years ago
admin.css
653 lines
1 /* Responsive Lightbox settings */
2 .responsive-lightbox-settings .df-credits form {
3 min-width: 260px;
4 margin-bottom: 1em;
5 }
6 .responsive-lightbox-settings .df-credits form input {
7 margin: 0;
8 padding: 0;
9 }
10 .responsive-lightbox-settings {
11 margin-right: 300px;
12 }
13 .responsive-lightbox-settings td > label {
14 margin-right: 5px;
15 }
16 .responsive-lightbox-settings hr, .df-credits hr {
17 border: solid #eee;
18 border-width: 1px 0 0;
19 clear: both;
20 height: 0;
21 }
22 .responsive-lightbox-settings form {
23 float: left;
24 min-width: 463px;
25 width: 100%;
26 }
27 .responsive-lightbox-settings fieldset span.description {
28 margin-bottom: 8px;
29 margin-top: 4px;
30 display: block;
31 }
32 .responsive-lightbox-settings output {
33 display: inline-block;
34 font-size: inherit;
35 margin: 0;
36 text-align: left;
37 }
38 .responsive-lightbox-settings .rl_license .dashicons {
39 vertical-align: middle;
40 }
41 .responsive-lightbox-settings .rl_license .dashicons-yes {
42 color: #0073aa;
43 }
44 .responsive-lightbox-settings .rl_license .dashicons-no {
45 color: #a00;
46 }
47 .rtl .responsive-lightbox-settings output {
48 text-align: right;
49 }
50
51 .df-credits {
52 float: right;
53 width: 280px;
54 background: #fff;
55 margin: 20px -300px 20px 20px;
56 position: relative;
57 }
58 .df-credits .inner {
59 padding-left: 10px;
60 padding-right: 10px;
61 }
62 .df-credits h3 {
63 font-size: 14px;
64 line-height: 1.4;
65 margin: 0;
66 padding: 8px 12px;
67 border-bottom: 1px solid #eee;
68 }
69 .df-credits .df-link {
70 font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
71 font-style: italic;
72 padding-bottom: 10px;
73 margin: 0;
74 }
75 .df-credits .df-link a {
76 vertical-align: middle;
77 padding: 5px 0 0 4px;
78 }
79 .df-credits .df-link a {
80 vertical-align: middle;
81 padding: 5px 0 0 4px;
82 }
83
84 .df-addons:after {
85 visibility: hidden;
86 display: block;
87 content: "";
88 clear: both;
89 height: 0;
90 }
91
92 .df-addons li {
93 float: left;
94 padding: 0;
95 vertical-align: top;
96 width: 23%;
97 margin: 0 2% 2% 0;
98 border: 1px solid #ddd;
99 box-shadow: 0 1px 1px -1px rgba(0,0,0,.1);
100 background: rgba(255,255,255,.65);
101 color: inherit;
102 display: block;
103 overflow: hidden;
104 -webkit-box-sizing: border-box;
105 -moz-box-sizing: border-box;
106 box-sizing: border-box;
107 }
108
109 @media (min-width: 1200px) {
110 .df-addons li {
111 width: 23%;
112 }
113
114 .df-addons li:nth-child(4) {
115 margin-right: 0;
116 }
117
118 .df-addons li:nth-child(4n+1) {
119 clear: left;
120 }
121 }
122
123 /* Medium devices (desktops, 992px and up) */
124 @media (max-width: 1200px) {
125 .df-addons li {
126 width: 31.3%;
127 }
128
129 .df-addons li:nth-child(3) {
130 margin-right: 0;
131 }
132
133 .df-addons li:nth-child(3n+1) {
134 clear: left;
135 }
136 }
137
138 .df-addons li h3.addon-title {
139 background: #fff;
140 margin: 0 !important;
141 padding: 20px !important;
142 }
143
144 .df-addons li p.addon-description {
145 padding: 20px !important;
146 margin: 0 !important;
147 }
148
149 .df-addons li a.addon-image {
150 margin: 0;
151 padding: 0;
152 }
153
154 .df-addons li a.addon-image img {
155 display: block;
156 max-width: 100%;
157 height: auto;
158 }
159
160 .df-addons li a.addon-link {
161 margin: 0 20px 20px !important;
162 }
163
164 /* All Mobile Sizes (devices and browser) */
165 @media only screen and (max-width: 960px) {
166 .df-credits {
167 width: 100%;
168 float: none;
169 margin: 20px 0;
170 }
171 .responsive-lightbox-settings {
172 margin-right: 0;
173 }
174 }
175
176 /*
177 * checkBo lightweight jQuery plugin v0.1.4 by @ElmahdiMahmoud
178 * Licensed under the MIT license - https://github.com/elmahdim/checkbo/blob/master/LICENSE
179 *
180 * Custom checkbox and radio
181 * Author URL: elmahdim.com
182 */
183 .cb-checkbox .cb-inner, .cb-checkbox i {
184 width:18px;
185 height:18px;
186 -moz-border-radius:3px;
187 -webkit-border-radius:3px;
188 border-radius:3px
189 }
190 .cb-checkbox.cb-sm i, .cb-checkbox.cb-sm .cb-inner {
191 width:14px;
192 height:14px
193 }
194 .cb-checkbox.cb-md i, .cb-checkbox.cb-md .cb-inner {
195 width:24px;
196 height:24px;
197 -moz-border-radius:4px;
198 -webkit-border-radius:4px;
199 border-radius:4px
200 }
201 .cb-checkbox.cb-lg i, .cb-checkbox.cb-lg .cb-inner {
202 width:30px;
203 height:30px;
204 -moz-border-radius:6px;
205 -webkit-border-radius:6px;
206 border-radius:6px
207 }
208 .cb-radio .cb-inner {
209 width:18px;
210 height:18px
211 }
212 .cb-radio.cb-sm .cb-inner {
213 width:14px;
214 height:14px
215 }
216 .cb-radio.cb-md .cb-inner {
217 width:24px;
218 height:24px
219 }
220 .cb-radio.cb-lg .cb-inner {
221 width:30px;
222 height:30px
223 }
224 .cb-checkbox, .cb-radio {
225 padding:3px 0;
226 color:inherit;
227 cursor:pointer;
228 overflow:hidden;
229 font-size:inherit;
230 font-weight:normal;
231 display:inline-block;
232 line-height:18px
233 }
234 .cb-checkbox.disabled, .cb-checkbox.disabled *, .cb-radio.disabled, .cb-radio.disabled * {
235 cursor:default
236 }
237 .cb-checkbox input[type="checkbox"], .cb-radio input[type="radio"], .cb-switcher input[type="checkbox"], .cb-switcher input[type="radio"] {
238 display:none
239 }
240 .cb-checkbox.disabled, .cb-checkbox.disabled *, .cb-radio.disabled, .cb-radio.disabled *, .cb-switcher.disabled, .cb-switcher.disabled * {
241 cursor:default
242 }
243 .cb-checkbox.disabled {
244 color:#aaa
245 }
246 .cb-checkbox.disabled .cb-inner {
247 color:#aaa
248 }
249 .cb-checkbox.disabled:hover .cb-inner {
250 border-color: inherit;
251 }
252 .cb-checkbox.disabled.checked .cb-inner {
253 background-color: inherit;
254 border-color: inherit;
255 }
256 .cb-radio.disabled {
257 color:#aaa
258 }
259 .cb-radio.disabled .cb-inner {
260 border-color:#aaa
261 }
262 .cb-radio.disabled i {
263 background-color:transparent
264 }
265 .cb-radio.disabled.checked .cb-inner {
266 border-color:#aaa
267 }
268 .cb-radio.disabled.checked .cb-inner i {
269 background-color:#aaa
270 }
271 .cb-radio.disabled:hover .cb-inner {
272 border-color:#aaa
273 }
274 .cb-checkbox .cb-inner {
275 float:left;
276 overflow:hidden;
277 margin:0 5px 0 0;
278 position:relative;
279 background:#f2f2f2;
280 display:inline-block;
281 border:1px solid #d6d6d6;
282 -moz-transition:all 0.5s ease;
283 -o-transition:all 0.5s ease;
284 -webkit-transition:all 0.5s ease;
285 transition:all 0.5s ease
286 }
287 .cb-checkbox i {
288 top:1px;
289 left:2px;
290 display:block;
291 position:absolute
292 }
293 .cb-checkbox i:before, .cb-checkbox i:after {
294 height:0;
295 width:2px;
296 content:"";
297 display:block;
298 position:absolute;
299 background-color:#fff;
300 -moz-transition:all 0.2s ease;
301 -o-transition:all 0.2s ease;
302 -webkit-transition:all 0.2s ease;
303 transition:all 0.2s ease
304 }
305 .cb-checkbox i:before {
306 top:0;
307 left:0;
308 -moz-transform:rotate(-45deg);
309 -ms-transform:rotate(-45deg);
310 -webkit-transform:rotate(-45deg);
311 transform:rotate(-45deg)
312 }
313 .cb-checkbox i:after {
314 left:7px;
315 bottom:5px;
316 -moz-transition-delay:0.3s;
317 -o-transition-delay:0.3s;
318 -webkit-transition-delay:0.3s;
319 transition-delay:0.3s;
320 -moz-transform:rotate(30deg);
321 -ms-transform:rotate(30deg);
322 -webkit-transform:rotate(30deg);
323 transform:rotate(30deg)
324 }
325 .cb-radio .cb-inner {
326 float:left;
327 overflow:hidden;
328 margin:0 5px 0 0;
329 position:relative;
330 display:inline-block;
331 border:1px solid #d7d7d7;
332 background-color:#f2f2f2;
333 -moz-border-radius:100%;
334 -webkit-border-radius:100%;
335 border-radius:100%;
336 -moz-transition:all 0.1s ease;
337 -o-transition:all 0.1s ease;
338 -webkit-transition:all 0.1s ease;
339 transition:all 0.1s ease
340 }
341 .cb-radio i {
342 top:50%;
343 left:50%;
344 width:6px;
345 height:6px;
346 margin-top:-3px;
347 margin-left:-3px;
348 position:absolute;
349 background-color:transparent;
350 -moz-border-radius:100%;
351 -webkit-border-radius:100%;
352 border-radius:100%;
353 -moz-transform:scale(0.05, 5);
354 -ms-transform:scale(0.05, 5);
355 -webkit-transform:scale(0.05, 5);
356 transform:scale(0.05, 5);
357 -moz-transition:all 0.2s ease;
358 -o-transition:all 0.2s ease;
359 -webkit-transition:all 0.2s ease;
360 transition:all 0.2s ease
361 }
362 .cb-checkbox.cb-sm, .cb-radio.cb-sm {
363 line-height:14px
364 }
365 .cb-checkbox.cb-md, .cb-radio.cb-md {
366 line-height:24px
367 }
368 .cb-checkbox.cb-lg, .cb-radio.cb-lg {
369 line-height:30px
370 }
371 .cb-checkbox.cb-sm i:before {
372 top:4px;
373 left:1px
374 }
375 .cb-checkbox.cb-sm i:after {
376 left:5px
377 }
378 .cb-checkbox.cb-md i:before {
379 top:10px;
380 left:5px
381 }
382 .cb-checkbox.cb-md i:after {
383 bottom:6px;
384 left:11px
385 }
386 .cb-checkbox.checked:not(.disabled) .cb-inner {
387 border-color:#0073aa;
388 background-color:#00a0d2;
389 box-shadow: 0 1px 0 rgba(120, 200, 230, 0.5) inset, 0 1px 0 rgba(0, 0, 0, 0.15);
390 }
391 .cb-checkbox.checked:hover:not(.disabled) .cb-inner {
392 background-color:#0091cd
393 }
394 .cb-checkbox.checked.cb-sm i:before {
395 top:4px;
396 left:1px
397 }
398 .cb-checkbox.checked.cb-sm i:after {
399 height:9px
400 }
401 .cb-checkbox.checked.cb-md i:before {
402 top:10px;
403 left:4px;
404 height:8px
405 }
406 .cb-checkbox.checked.cb-md i:after {
407 bottom:6px;
408 left:11px;
409 height:16px
410 }
411 .cb-checkbox.checked.cb-lg i:before {
412 top:11px;
413 left:6px;
414 height:12px
415 }
416 .cb-checkbox.checked.cb-lg i:after {
417 left:14px;
418 bottom:7px;
419 height:20px
420 }
421 .cb-checkbox.checked i:before {
422 top:6px;
423 left:2px;
424 height:6px
425 }
426 .cb-checkbox.checked i:after {
427 height:12px
428 }
429 .cb-radio.checked .cb-inner {
430 background:#fff;
431 box-shadow:0 0 3px #efefef
432 }
433 .cb-radio.checked i {
434 -moz-transform:scale(1.1, 1.1);
435 -ms-transform:scale(1.1, 1.1);
436 -webkit-transform:scale(1.1, 1.1);
437 transform:scale(1.1, 1.1);
438 background-color:#00a0d2
439 }
440 .cb-checkbox:hover:not(.disabled) .cb-inner, .cb-radio:hover:not(.disabled) .cb-inner {
441 border-color:#0073aa
442 }
443 .cb-switcher {
444 display:inline-block;
445 border:1px solid #eee;
446 background-color:#fff;
447 width:95px;
448 height:35px;
449 position:relative;
450 -moz-border-radius:20px;
451 -webkit-border-radius:20px;
452 border-radius:20px;
453 -moz-transition:background 0.4s ease;
454 -o-transition:background 0.4s ease;
455 -webkit-transition:background 0.4s ease;
456 transition:background 0.4s ease
457 }
458 .cb-switcher, .cb-switcher * {
459 cursor:pointer
460 }
461 .cb-switcher ::-moz-selection {
462 background-color:transparent
463 }
464 .cb-switcher ::selection {
465 background-color:transparent
466 }
467 .cb-switcher .cb-state {
468 z-index:1;
469 text-align:center;
470 font-size:12px
471 }
472 .cb-switcher .cb-state, .cb-switcher:before {
473 width:34px;
474 height:34px;
475 line-height:34px;
476 position:absolute;
477 left:0;
478 top:-1px;
479 -moz-border-radius:100%;
480 -webkit-border-radius:100%;
481 border-radius:100%;
482 -moz-transition:all 0.4s ease;
483 -o-transition:all 0.4s ease;
484 -webkit-transition:all 0.4s ease;
485 transition:all 0.4s ease
486 }
487 .cb-switcher:before {
488 content:"";
489 background-color:#eee;
490 -moz-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);
491 -webkit-box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);
492 box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1)
493 }
494 .cb-switcher.checked {
495 background-color:#00a0d2
496 }
497 .cb-switcher.checked .cb-state, .cb-switcher.checked:before {
498 left:60px;
499 color:#00a0d2
500 }
501 .cb-switcher.checked:before {
502 background-color:#fff;
503 -moz-box-shadow:-1px 1px 1px rgba(0, 0, 0, 0.1);
504 -webkit-box-shadow:-1px 1px 1px rgba(0, 0, 0, 0.1);
505 box-shadow:-1px 1px 1px rgba(0, 0, 0, 0.1)
506 }
507 .cb-switcher.checked .inner-switcher:before {
508 border-top-color:#0073aa
509 }
510 .cb-switcher.checked .inner-switcher:after {
511 border-bottom-color:#0073aa
512 }
513 .cb-switcher .inner-switcher:before, .cb-switcher .inner-switcher:after {
514 content:"";
515 position:absolute;
516 left:50%;
517 width:0;
518 height:0;
519 z-index:2;
520 margin-left:-20px;
521 border-left:20px solid transparent;
522 border-right:20px solid transparent;
523 -moz-transition:border 0.4s ease;
524 -o-transition:border 0.4s ease;
525 -webkit-transition:border 0.4s ease;
526 transition:border 0.4s ease
527 }
528 .cb-switcher .inner-switcher:before {
529 border-top:17px solid #fff;
530 top:0
531 }
532 .cb-switcher .inner-switcher:after {
533 border-bottom:17px solid #fff;
534 bottom:0
535 }
536 .cb-state {
537 color:#ccc;
538 display:inline-block
539 }
540 .cb-switcher-group .cb-state {
541 position:relative;
542 top:7px
543 }
544 .is-hidden {
545 display:none !important;
546 visibility:hidden !important
547 }
548 output {
549 display: block;
550 font-size: 30px;
551 font-weight: bold;
552 text-align: center;
553 margin: 30px 0;
554 width: 100%;
555 }
556
557 /* Gallery widget */
558 .rl-gallery-widget .rl-gallery-widget-content {
559 text-align: left;
560 border: 1px dashed #aaa;
561 padding: 0 0 9px 9px;
562 min-height: 180px;
563 }
564 .rl-gallery-widget .button {
565 margin-bottom: 10px;
566 }
567 .rl-gallery-images {
568 margin: 0;
569 text-align: left;
570 }
571 .rl-gallery-images .rl-gallery-image {
572 display: inline-block;
573 width: 85px;
574 cursor: move;
575 margin: 9px 9px 0 0;
576 background: #f7f7f7;
577 border-radius: 2px;
578 position: relative;
579 box-sizing: border-box;
580 border: 1px dashed transparent;
581 }
582 .rl-gallery-sortable-placeholder {
583 width: 85px;
584 border: 1px dashed #ddd;
585 margin: 9px 9px 0 0;
586 display: inline-block;
587 }
588 .rl-gallery-images .rl-gallery-image img {
589 display: block;
590 height: auto;
591 max-width: 100%;
592 width: auto;
593 }
594 .rl-gallery-images .rl-gallery-image .inner {
595 padding: 2px;
596 }
597 .rl-gallery-images .rl-gallery-image .rl-gallery-actions {
598 position: absolute;
599 top: -10px;
600 right: -10px;
601 }
602 .rl-gallery-images .rl-gallery-image .rl-gallery-actions a {
603 color: #777;
604 cursor: pointer;
605 overflow: visible;
606 text-align: center;
607 text-decoration: none;
608 font-size: 14px;
609 line-height: 16px;
610 width: 14px;
611 height: 14px;
612 padding: 3px;
613 background: #fff;
614 box-shadow: 0 1px 2px rgba(0,0,0,0.2);
615 border-radius: 50%;
616 opacity: 0;
617 -webkit-transition: opacity 0.3s ease-in-out;
618 -moz-transition: opacity 0.3s ease-in-out;
619 -ms-transition: opacity 0.3s ease-in-out;
620 -o-transition: opacity 0.3s ease-in-out;
621 transition: opacity 0.3s ease-in-out;
622 }
623 .rl-gallery-images .rl-gallery-image:hover .rl-gallery-actions a {
624 opacity: 1;
625 }
626 .rl-gallery-images .rl-gallery-image .rl-gallery-actions a:hover {
627 color: #333;
628 }
629 #widgets-right .rl-gallery-widget-container .description {
630 padding-left: 0;
631 padding-right: 0;
632 font-style: italic;
633 }
634
635 /* Image widget */
636 .rl-image-widget .rl-image-widget-content {
637 border: 1px dashed #aaa;
638 padding: 9px;
639 text-align: left;
640 min-height: 100px;
641 }
642 .rl-image-widget .rl-image-widget-content img {
643 max-width: 100%;
644 height: auto;
645 }
646 .rl-image-widget .button {
647 margin-bottom: 10px;
648 }
649 #widgets-right .rl-image-widget-container .description {
650 padding-left: 0;
651 padding-right: 0;
652 font-style: italic;
653 }