Rev 14456 | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed
Rev 14456 | Rev 15332 | ||
---|---|---|---|
Line 1... | Line 1... | ||
1 | @charset 'UTF-8'; |
1 | @charset 'UTF-8'; |
2 | /* Slider */ |
2 | /* Slider */ |
3 | .slick-loading .slick-list |
3 | .slick-loading .slick-list |
- | 4 | { |
|
4 | background: #fff url('./ajax-loader.gif') center center no-repeat; |
5 | background: #fff url('./ajax-loader.gif') center center no-repeat; |
5 | } |
6 | } |
6 | 7 | ||
7 | /* Icons */ |
8 | /* Icons */ |
8 | @font-face |
9 | @font-face |
- | 10 | { |
|
9 | font-family: 'slick'; |
11 | font-family: 'slick'; |
10 | src: url('./fonts/slick.eot'); |
- | |
11 | src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); |
- | |
12 | font-weight: normal; |
12 | font-weight: normal; |
13 | font-style: normal; |
13 | font-style: normal; |
- | 14 | ||
- | 15 | src: url('./fonts/slick.eot'); |
|
- | 16 | src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg'); |
|
14 | } |
17 | } |
15 | /* Arrows */ |
18 | /* Arrows */ |
16 | .slick-prev, |
19 | .slick-prev, |
17 | .slick-next |
20 | .slick-next |
- | 21 | { |
|
18 | font-size: 0; |
22 | font-size: 0; |
19 | line-height: 0; |
23 | line-height: 0; |
20 | 24 | ||
21 | position: absolute; |
25 | position: absolute; |
22 | top: 50%; |
26 | top: 50%; |
Line 38... | Line 42... | ||
38 | background: transparent; |
42 | background: transparent; |
39 | } |
43 | } |
40 | .slick-prev:hover, |
44 | .slick-prev:hover, |
41 | .slick-prev:focus, |
45 | .slick-prev:focus, |
42 | .slick-next:hover, |
46 | .slick-next:hover, |
43 | .slick-next:focus |
47 | .slick-next:focus |
- | 48 | { |
|
44 | color: transparent; |
49 | color: transparent; |
45 | outline: none; |
50 | outline: none; |
46 | background: transparent; |
51 | background: transparent; |
47 | } |
52 | } |
48 | .slick-prev:hover:before, |
53 | .slick-prev:hover:before, |
49 | .slick-prev:focus:before, |
54 | .slick-prev:focus:before, |
50 | .slick-next:hover:before, |
55 | .slick-next:hover:before, |
51 | .slick-next:focus:before |
56 | .slick-next:focus:before |
- | 57 | { |
|
52 | opacity: 1; |
58 | opacity: 1; |
53 | } |
59 | } |
54 | .slick-prev.slick-disabled:before, |
60 | .slick-prev.slick-disabled:before, |
55 | .slick-next.slick-disabled:before |
61 | .slick-next.slick-disabled:before |
- | 62 | { |
|
56 | opacity: .25; |
63 | opacity: .25; |
57 | } |
64 | } |
58 | 65 | ||
59 | .slick-prev:before, |
66 | .slick-prev:before, |
60 | .slick-next:before |
67 | .slick-next:before |
- | 68 | { |
|
61 | font-family: 'slick'; |
69 | font-family: 'slick'; |
62 | font-size: 20px; |
70 | font-size: 20px; |
63 | line-height: 1; |
71 | line-height: 1; |
64 | 72 | ||
65 | opacity: . |
73 | opacity: .75; |
66 | /*color: white;*/ |
74 | /*color: white;*/ |
67 | color:var(--wims_ref_button_bgcolor); |
75 | color:var(--wims_ref_button_bgcolor); |
68 | 76 | ||
69 | -webkit-font-smoothing: antialiased; |
77 | -webkit-font-smoothing: antialiased; |
70 | -moz-osx-font-smoothing: grayscale; |
78 | -moz-osx-font-smoothing: grayscale; |
71 | } |
79 | } |
72 | 80 | ||
73 | .slick-prev |
81 | .slick-prev |
- | 82 | { |
|
74 | left: -25px; |
83 | left: -25px; |
75 | } |
84 | } |
76 | [dir='rtl'] .slick-prev |
85 | [dir='rtl'] .slick-prev |
- | 86 | { |
|
77 | right: -25px; |
87 | right: -25px; |
78 | left: auto; |
88 | left: auto; |
79 | } |
89 | } |
80 | .slick-prev:before |
90 | .slick-prev:before |
- | 91 | { |
|
81 | content: '←'; |
92 | content: '←'; |
82 | } |
93 | } |
83 | [dir='rtl'] .slick-prev:before |
94 | [dir='rtl'] .slick-prev:before |
- | 95 | { |
|
84 | content: '→'; |
96 | content: '→'; |
85 | } |
97 | } |
86 | 98 | ||
87 | .slick-next |
99 | .slick-next |
- | 100 | { |
|
88 | right: -25px; |
101 | right: -25px; |
89 | } |
102 | } |
90 | [dir='rtl'] .slick-next |
103 | [dir='rtl'] .slick-next |
- | 104 | { |
|
91 | right: auto; |
105 | right: auto; |
92 | left: -25px; |
106 | left: -25px; |
93 | } |
107 | } |
94 | .slick-next:before |
108 | .slick-next:before |
- | 109 | { |
|
95 | content: '→'; |
110 | content: '→'; |
96 | } |
111 | } |
97 | [dir='rtl'] .slick-next:before |
112 | [dir='rtl'] .slick-next:before |
- | 113 | { |
|
98 | content: '←'; |
114 | content: '←'; |
99 | } |
115 | } |
100 | 116 | ||
101 | /* Dots */ |
117 | /* Dots */ |
102 | .slick-dotted.slick-slider |
118 | .slick-dotted.slick-slider |
- | 119 | { |
|
103 | margin-bottom: 30px; |
120 | margin-bottom: 30px; |
104 | } |
121 | } |
105 | 122 | ||
106 | .slick-dots |
123 | .slick-dots |
- | 124 | { |
|
107 | position: absolute; |
125 | position: absolute; |
108 | bottom: -25px; |
126 | bottom: -25px; |
109 | 127 | ||
110 | display: block; |
128 | display: block; |
111 | 129 | ||
Line 115... | Line 133... | ||
115 | 133 | ||
116 | list-style: none; |
134 | list-style: none; |
117 | 135 | ||
118 | text-align: center; |
136 | text-align: center; |
119 | } |
137 | } |
120 | .slick-dots li |
138 | .slick-dots li |
- | 139 | { |
|
121 | position: relative; |
140 | position: relative; |
122 | 141 | ||
123 | display: inline-block; |
142 | display: inline-block; |
124 | 143 | ||
125 | width: 20px; |
144 | width: 20px; |
Line 127... | Line 146... | ||
127 | margin: 0 5px; |
146 | margin: 0 5px; |
128 | padding: 0; |
147 | padding: 0; |
129 | 148 | ||
130 | cursor: pointer; |
149 | cursor: pointer; |
131 | } |
150 | } |
132 | .slick-dots li button |
151 | .slick-dots li button |
- | 152 | { |
|
133 | font-size: 0; |
153 | font-size: 0; |
134 | line-height: 0; |
154 | line-height: 0; |
135 | 155 | ||
136 | display: block; |
156 | display: block; |
137 | 157 | ||
Line 145... | Line 165... | ||
145 | border: 0; |
165 | border: 0; |
146 | outline: none; |
166 | outline: none; |
147 | background: transparent; |
167 | background: transparent; |
148 | } |
168 | } |
149 | .slick-dots li button:hover, |
169 | .slick-dots li button:hover, |
150 | .slick-dots li button:focus |
170 | .slick-dots li button:focus |
- | 171 | { |
|
151 | outline: none; |
172 | outline: none; |
152 | } |
173 | } |
153 | .slick-dots li button:hover:before, |
174 | .slick-dots li button:hover:before, |
154 | .slick-dots li button:focus:before |
175 | .slick-dots li button:focus:before |
- | 176 | { |
|
155 | opacity: 1; |
177 | opacity: 1; |
156 | } |
178 | } |
157 | .slick-dots li button:before |
179 | .slick-dots li button:before |
- | 180 | { |
|
158 | font-family: 'slick'; |
181 | font-family: 'slick'; |
159 | font-size: 6px; |
182 | font-size: 6px; |
160 | line-height: 20px; |
183 | line-height: 20px; |
161 | 184 | ||
162 | position: absolute; |
185 | position: absolute; |
Line 173... | Line 196... | ||
173 | color: black; |
196 | color: black; |
174 | 197 | ||
175 | -webkit-font-smoothing: antialiased; |
198 | -webkit-font-smoothing: antialiased; |
176 | -moz-osx-font-smoothing: grayscale; |
199 | -moz-osx-font-smoothing: grayscale; |
177 | } |
200 | } |
178 | .slick-dots li.slick-active button:before |
201 | .slick-dots li.slick-active button:before |
- | 202 | { |
|
179 | opacity: .75; |
203 | opacity: .75; |
180 | /*color: black;*/ |
204 | /*color: black;*/ |
181 | color:var(--wims_ref_button_bgcolor); |
205 | color:var(--wims_ref_button_bgcolor); |
182 | } |
206 | } |