PluginProbe
LearnPress – WordPress LMS Plugin for Create and Sell Online Courses / 4.2.1
LearnPress – WordPress LMS Plugin for Create and Sell Online Courses v4.2.1
4.4.7 4.4.6 4.4.5 4.4.4 4.4.3 4.4.2 4.4.1 4.4.0 4.3.9.1 4.3.9 4.3.8 4.3.7 4.1.6.9 4.1.6.9.1 4.1.6.9.2 4.1.6.9.3 4.1.6.9.4 4.1.7 4.1.7.1 4.1.7.2 4.1.7.3 4.1.7.3.1 4.1.7.3.2 4.2.0 4.2.1 All 138 releases
learnpress / assets / css / widgets.css

widgets.css in LearnPress – WordPress LMS Plugin for Create and Sell Online Courses 4.2.1, at assets/css/widgets.css

397 lines 13.7 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 @charset "UTF-8";
2 /**
3 * Mixin
4 */
5 @-webkit-keyframes rotating4 {
6 from {
7 -webkit-transform: rotate(0deg);
8 -o-transform: rotate(0deg);
9 transform: rotate(0deg);
10 }
11 to {
12 -webkit-transform: rotate(360deg);
13 -o-transform: rotate(360deg);
14 transform: rotate(360deg);
15 }
16 }
17 @keyframes rotating4 {
18 from {
19 -ms-transform: rotate(0deg);
20 -moz-transform: rotate(0deg);
21 -webkit-transform: rotate(0deg);
22 -o-transform: rotate(0deg);
23 transform: rotate(0deg);
24 }
25 to {
26 -ms-transform: rotate(360deg);
27 -moz-transform: rotate(360deg);
28 -webkit-transform: rotate(360deg);
29 -o-transform: rotate(360deg);
30 transform: rotate(360deg);
31 }
32 }
33 @-webkit-keyframes animation4 {
34 from {
35 left: -40%;
36 width: 40%;
37 }
38 to {
39 left: 100%;
40 width: 10%;
41 }
42 }
43 @keyframes animation4 {
44 from {
45 left: -40%;
46 width: 40%;
47 }
48 to {
49 left: 100%;
50 width: 10%;
51 }
52 }
53 .lp-skeleton-animation {
54 margin: 0;
55 padding: 0;
56 list-style: none;
57 }
58 .lp-skeleton-animation > li {
59 width: 100%;
60 height: 16px;
61 margin-top: 15px;
62 border-radius: 2px;
63 background: linear-gradient(90deg, hsla(0deg, 0%, 74.5%, 0.2) 25%, hsla(0deg, 0%, 50.6%, 0.24) 37%, hsla(0deg, 0%, 74.5%, 0.2) 63%);
64 background-size: 400% 100%;
65 list-style: none;
66 animation: lp-skeleton-loading 1.4s ease infinite;
67 }
68
69 @keyframes lp-skeleton-loading {
70 0% {
71 background-position: 100% 50%;
72 }
73 to {
74 background-position: 0 50%;
75 }
76 }
77 .learnpress.widget {
78 max-width: 400px;
79 margin-bottom: 30px;
80 }
81 .learnpress.widget .widgettitle {
82 margin-top: 0;
83 margin-bottom: 2px;
84 font-size: 18px;
85 font-weight: 600;
86 }
87 .learnpress.widget .learnpress-widget-wrapper {
88 margin-top: 15px;
89 }
90 .learnpress.widget h3 {
91 margin-bottom: 20px;
92 font-size: 16px;
93 }
94 .learnpress.widget a {
95 text-decoration: none;
96 }
97
98 .elementor-widget-wrap .learnpress-widget-wrapper {
99 max-width: 400px;
100 }
101
102 .learnpress-widget-wrapper .lp-widget-course {
103 margin: 0 0 30px 0;
104 }
105 .learnpress-widget-wrapper .lp-widget-course__image img {
106 max-width: 100%;
107 height: auto;
108 }
109 .learnpress-widget-wrapper .lp-widget-course__title {
110 margin-bottom: 20px;
111 font-size: 16px;
112 font-weight: 600;
113 }
114 .learnpress-widget-wrapper .lp-widget-course__content {
115 margin: 0;
116 padding: 15px;
117 border: 1px solid #eee;
118 border-top: none;
119 }
120 .learnpress-widget-wrapper .lp-widget-course__title {
121 margin: 5px 0 15px 0;
122 }
123 .learnpress-widget-wrapper .lp-widget-course__meta {
124 display: grid;
125 margin: 15px 0 0 0;
126 font-size: 15px;
127 grid-template-columns: repeat(2, 1fr);
128 justify-content: space-between;
129 align-items: center;
130 }
131 .learnpress-widget-wrapper .lp-widget-course__description {
132 color: #666;
133 font-size: 15px;
134 }
135 .learnpress-widget-wrapper .lp-widget-course__price {
136 color: #444;
137 font-size: 15px;
138 font-weight: 600;
139 }
140 .learnpress-widget-wrapper .lp-widget-course__instructor {
141 display: flex;
142 align-items: center;
143 }
144 .learnpress-widget-wrapper .lp-widget-course__instructor__avatar {
145 margin-right: 5px;
146 }
147 .learnpress-widget-wrapper .lp-widget-course__instructor__avatar img {
148 width: 20px;
149 border-radius: 20px;
150 height: 20px;
151 }
152 .learnpress-widget-wrapper .lp-widget-course__instructor > a {
153 color: #777;
154 font-size: 15px;
155 }
156
157 .learnpress.widget_course_progress .lp_widget_course_progress,
158 .elementor-widget-wp-widget-learnpress_widget_course_progress .lp_widget_course_progress {
159 margin: 0;
160 padding: 20px;
161 border: 1px solid #eee;
162 }
163 .learnpress.widget_course_progress .course-results-progress,
164 .elementor-widget-wp-widget-learnpress_widget_course_progress .course-results-progress {
165 margin-top: 10px;
166 font-size: 14px;
167 }
168 .learnpress.widget_course_progress .course-results-progress .items-progress,
169 .elementor-widget-wp-widget-learnpress_widget_course_progress .course-results-progress .items-progress {
170 display: flex;
171 margin-bottom: 7px;
172 justify-content: space-between;
173 align-items: center;
174 }
175 .learnpress.widget_course_progress .course-results-progress .items-progress__heading,
176 .elementor-widget-wp-widget-learnpress_widget_course_progress .course-results-progress .items-progress__heading {
177 font-weight: 400;
178 }
179 .learnpress.widget_course_progress .lp-course-progress,
180 .elementor-widget-wp-widget-learnpress_widget_course_progress .lp-course-progress {
181 width: 100%;
182 }
183 .learnpress.widget_course_progress .lp-course-progress.learn-press-progress,
184 .elementor-widget-wp-widget-learnpress_widget_course_progress .lp-course-progress.learn-press-progress {
185 position: relative;
186 }
187 .learnpress.widget_course_progress .lp-course-progress.learn-press-progress .progress-bg,
188 .elementor-widget-wp-widget-learnpress_widget_course_progress .lp-course-progress.learn-press-progress .progress-bg {
189 overflow: hidden;
190 position: relative;
191 height: 6px;
192 background: #ccc;
193 -webkit-border-radius: 5px;
194 -moz-border-radius: 5px;
195 border-radius: 5px;
196 }
197 .learnpress.widget_course_progress .lp-course-progress.learn-press-progress .progress-bg .progress-active,
198 .elementor-widget-wp-widget-learnpress_widget_course_progress .lp-course-progress.learn-press-progress .progress-bg .progress-active {
199 position: absolute;
200 left: 50%;
201 width: 100%;
202 height: 100%;
203 margin-left: -100%;
204 background: var(--lp-primary-color);
205 -webkit-border-radius: 5px;
206 -moz-border-radius: 5px;
207 border-radius: 5px;
208 }
209 .learnpress.widget_course_progress .lp-course-progress.learn-press-progress .lp-passing-conditional,
210 .elementor-widget-wp-widget-learnpress_widget_course_progress .lp-course-progress.learn-press-progress .lp-passing-conditional {
211 position: absolute;
212 top: 0;
213 width: 3px;
214 height: 6px;
215 margin-left: -1px;
216 background: var(--lp-secondary-color);
217 }
218
219 .learnpress.widget_course_info .lp_widget_course_info,
220 .elementor-widget-wp-widget-learnpress_widget_course_info .lp_widget_course_info {
221 margin: 0;
222 padding: 20px;
223 border: 1px solid #eee;
224 line-height: 1;
225 }
226 .learnpress.widget_course_info .lp_widget_course_info h3,
227 .elementor-widget-wp-widget-learnpress_widget_course_info .lp_widget_course_info h3 {
228 margin-bottom: 15px;
229 }
230 .learnpress.widget_course_info .lp_widget_course_info ul,
231 .elementor-widget-wp-widget-learnpress_widget_course_info .lp_widget_course_info ul {
232 margin: 0;
233 padding: 0;
234 font-size: 14px;
235 }
236 .learnpress.widget_course_info .lp_widget_course_info ul li,
237 .elementor-widget-wp-widget-learnpress_widget_course_info .lp_widget_course_info ul li {
238 display: flex;
239 align-items: center;
240 justify-content: space-between;
241 margin-bottom: 5px;
242 line-height: 1;
243 }
244 .learnpress.widget_course_info .lp_widget_course_info ul li span,
245 .elementor-widget-wp-widget-learnpress_widget_course_info .lp_widget_course_info ul li span {
246 font-size: 14px;
247 }
248 .learnpress.widget_course_info .lp_widget_course_info ul label,
249 .elementor-widget-wp-widget-learnpress_widget_course_info .lp_widget_course_info ul label {
250 font-size: 14px;
251 }
252
253 .learnpress.widget_course_extra .lp-widget-course-extra,
254 .elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra {
255 margin: 0;
256 padding: 20px;
257 border: 1px solid #eee;
258 line-height: 1;
259 }
260 .learnpress.widget_course_extra .lp-widget-course-extra h3,
261 .elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra h3 {
262 margin-bottom: 20px;
263 font-size: 16px;
264 }
265 .learnpress.widget_course_extra .lp-widget-course-extra__content h4.course-extras__title,
266 .elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra__content h4.course-extras__title {
267 margin: 0;
268 margin-bottom: 15px;
269 font-size: 14px;
270 font-weight: 600;
271 }
272 .learnpress.widget_course_extra .lp-widget-course-extra__content ul,
273 .elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra__content ul {
274 margin: 0;
275 padding: 0;
276 font-size: 14px;
277 }
278 .learnpress.widget_course_extra .lp-widget-course-extra__content ul li,
279 .elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra__content ul li {
280 margin-bottom: 10px;
281 }
282 .learnpress.widget_course_extra .lp-widget-course-extra__content .course-extras,
283 .elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra__content .course-extras {
284 display: block;
285 }
286 .learnpress.widget_course_extra .lp-widget-course-extra__content .course-extras .course-extras__content,
287 .elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra__content .course-extras .course-extras__content {
288 color: #777;
289 font-size: 14px;
290 }
291 .learnpress.widget_course_extra .lp-widget-course-extra__content .course-extras .course-extras__content ul,
292 .elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra__content .course-extras .course-extras__content ul {
293 list-style: none;
294 }
295 .learnpress.widget_course_extra .lp-widget-course-extra__content .course-extras .course-extras__content ol,
296 .elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra__content .course-extras .course-extras__content ol {
297 list-style-position: inside;
298 }
299 .learnpress.widget_course_extra .lp-widget-course-extra__content .course-extras .course-extras__content ul li,
300 .learnpress.widget_course_extra .lp-widget-course-extra__content .course-extras .course-extras__content ol li,
301 .elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra__content .course-extras .course-extras__content ul li,
302 .elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra__content .course-extras .course-extras__content ol li {
303 position: relative;
304 border: none;
305 }
306 .learnpress.widget_course_extra .lp-widget-course-extra__content .course-extras.style-checks ul li,
307 .learnpress.widget_course_extra .lp-widget-course-extra__content .course-extras.style-checks ol li,
308 .elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra__content .course-extras.style-checks ul li,
309 .elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra__content .course-extras.style-checks ol li {
310 padding-left: 20px;
311 }
312 .learnpress.widget_course_extra .lp-widget-course-extra__content .course-extras.style-checks ul li::before,
313 .learnpress.widget_course_extra .lp-widget-course-extra__content .course-extras.style-checks ol li::before,
314 .elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra__content .course-extras.style-checks ul li::before,
315 .elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra__content .course-extras.style-checks ol li::before {
316 display: inline-block;
317 position: absolute;
318 top: 50%;
319 left: 0;
320 width: 12px;
321 height: 7px;
322 border: 2px solid #8794b9;
323 border-top: none;
324 border-right: none;
325 content: "";
326 transform: rotate(-54deg) translateY(-50%);
327 }
328 .learnpress.widget_course_extra .lp-widget-course-extra__content .course-extras.style-radios ul li,
329 .learnpress.widget_course_extra .lp-widget-course-extra__content .course-extras.style-radios ol li,
330 .elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra__content .course-extras.style-radios ul li,
331 .elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra__content .course-extras.style-radios ol li {
332 padding-left: 20px;
333 }
334 .learnpress.widget_course_extra .lp-widget-course-extra__content .course-extras.style-radios ul li::before,
335 .learnpress.widget_course_extra .lp-widget-course-extra__content .course-extras.style-radios ol li::before,
336 .elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra__content .course-extras.style-radios ul li::before,
337 .elementor-widget-wp-widget-learnpress_widget_course_extra .lp-widget-course-extra__content .course-extras.style-radios ol li::before {
338 display: inline-block;
339 position: absolute;
340 top: 50%;
341 left: 0;
342 width: 12px;
343 height: 7px;
344 border: 2px solid #8794b9;
345 border-top: none;
346 border-right: none;
347 content: "";
348 transform: rotate(-54deg) translateY(-50%);
349 }
350
351 .learnpress.widget_course_featured .lp-widget-featured-courses__footer,
352 .elementor-widget-wp-widget-learnpress_widget_course_featured .lp-widget-featured-courses__footer {
353 margin-top: 20px;
354 padding-top: 10px;
355 border-top: 1px solid #eee;
356 }
357 .learnpress.widget_course_featured .lp-widget-featured-courses__footer__link,
358 .elementor-widget-wp-widget-learnpress_widget_course_featured .lp-widget-featured-courses__footer__link {
359 font-size: 16px;
360 line-height: 1;
361 }
362 .learnpress.widget_course_featured .lp-widget-featured-courses__footer__link::before,
363 .elementor-widget-wp-widget-learnpress_widget_course_featured .lp-widget-featured-courses__footer__link::before {
364 content: "";
365 }
366
367 .learnpress.widget_course_popular .lp-widget-popular-courses__footer,
368 .elementor-widget-wp-widget-learnpress_widget_course_popular .lp-widget-popular-courses__footer {
369 margin-top: 20px;
370 padding-top: 10px;
371 border-top: 1px solid #eee;
372 }
373 .learnpress.widget_course_popular .lp-widget-popular-courses__footer__link,
374 .elementor-widget-wp-widget-learnpress_widget_course_popular .lp-widget-popular-courses__footer__link {
375 font-size: 16px;
376 line-height: 1;
377 }
378 .learnpress.widget_course_popular .lp-widget-popular-courses__footer__link::before,
379 .elementor-widget-wp-widget-learnpress_widget_course_popular .lp-widget-popular-courses__footer__link::before {
380 content: "";
381 }
382
383 .learnpress.widget_course_recent .lp-widget-recent-courses__footer,
384 .elementor-widget-wp-widget-learnpress_widget_course_recent .lp-widget-recent-courses__footer {
385 margin-top: 20px;
386 padding-top: 10px;
387 border-top: 1px solid #eee;
388 }
389 .learnpress.widget_course_recent .lp-widget-recent-courses__footer__link,
390 .elementor-widget-wp-widget-learnpress_widget_course_recent .lp-widget-recent-courses__footer__link {
391 font-size: 16px;
392 line-height: 1;
393 }
394 .learnpress.widget_course_recent .lp-widget-recent-courses__footer__link::before,
395 .elementor-widget-wp-widget-learnpress_widget_course_recent .lp-widget-recent-courses__footer__link::before {
396 content: "";
397 }