1 | .lg-outer .lg-thumb-outer {
|
2 | background-color: #0d0a0a;
|
3 | width: 100%;
|
4 | max-height: 350px;
|
5 | overflow: hidden;
|
6 | float: left;
|
7 | }
|
8 |
|
9 | .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
|
10 | cursor: -webkit-grab;
|
11 | cursor: -moz-grab;
|
12 | cursor: -o-grab;
|
13 | cursor: -ms-grab;
|
14 | cursor: grab;
|
15 | }
|
16 |
|
17 | .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
|
18 | cursor: move;
|
19 | cursor: -webkit-grabbing;
|
20 | cursor: -moz-grabbing;
|
21 | cursor: -o-grabbing;
|
22 | cursor: -ms-grabbing;
|
23 | cursor: grabbing;
|
24 | }
|
25 |
|
26 | .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
|
27 | -webkit-transition-duration: 0s !important;
|
28 | transition-duration: 0s !important;
|
29 | }
|
30 |
|
31 | .lg-outer .lg-thumb-outer.lg-rebuilding-thumbnails .lg-thumb {
|
32 | -webkit-transition-duration: 0s !important;
|
33 | transition-duration: 0s !important;
|
34 | }
|
35 |
|
36 | .lg-outer .lg-thumb-outer.lg-thumb-align-middle {
|
37 | text-align: center;
|
38 | }
|
39 |
|
40 | .lg-outer .lg-thumb-outer.lg-thumb-align-left {
|
41 | text-align: left;
|
42 | }
|
43 |
|
44 | .lg-outer .lg-thumb-outer.lg-thumb-align-right {
|
45 | text-align: right;
|
46 | }
|
47 |
|
48 | .lg-outer.lg-single-item .lg-thumb-outer {
|
49 | display: none;
|
50 | }
|
51 |
|
52 | .lg-outer .lg-thumb {
|
53 | padding: 5px 0;
|
54 | height: 100%;
|
55 | margin-bottom: -5px;
|
56 | display: inline-block;
|
57 | vertical-align: middle;
|
58 | }
|
59 |
|
60 | @media (min-width: 768px) {
|
61 | .lg-outer .lg-thumb {
|
62 | padding: 10px 0;
|
63 | }
|
64 | }
|
65 |
|
66 | .lg-outer .lg-thumb-item {
|
67 | cursor: pointer;
|
68 | float: left;
|
69 | overflow: hidden;
|
70 | height: 100%;
|
71 | border-radius: 2px;
|
72 | margin-bottom: 5px;
|
73 | will-change: border-color;
|
74 | }
|
75 |
|
76 | @media (min-width: 768px) {
|
77 | .lg-outer .lg-thumb-item {
|
78 | border-radius: 4px;
|
79 | border: 2px solid #fff;
|
80 | -webkit-transition: border-color 0.25s ease;
|
81 | -o-transition: border-color 0.25s ease;
|
82 | transition: border-color 0.25s ease;
|
83 | }
|
84 | }
|
85 |
|
86 | .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover {
|
87 | border-color: #a90707;
|
88 | }
|
89 |
|
90 | .lg-outer .lg-thumb-item img {
|
91 | width: 100%;
|
92 | height: 100%;
|
93 | object-fit: cover;
|
94 | display: block;
|
95 | }
|
96 |
|
97 | .lg-outer.lg-can-toggle .lg-item {
|
98 | padding-bottom: 0;
|
99 | }
|
100 |
|
101 | .lg-outer .lg-toggle-thumb:after {
|
102 | content: '\e1ff';
|
103 | }
|
104 |
|
105 | .lg-outer.lg-animate-thumb .lg-thumb {
|
106 | -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
107 | transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
|
108 | }
|