PluginProbe
LearnPress – WordPress LMS Plugin for Create and Sell Online Courses / 4.4.8
LearnPress – WordPress LMS Plugin for Create and Sell Online Courses v4.4.8
4.4.8 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 All 139 releases
← All changes | assets/dist/css/instructors.css +294 -294 4.3.94.4.8 View file →
@@ -1,295 +1,295 @@
1 -/**
2 -* Style for instructor page
3 -*/
4 -:root {
5 - --lp-cotainer-max-with: var(--lp-container-max-width);
6 -}
7 -
8 -.wp-block-group {
9 - --lp-container-max-width: var(--wp--style--global--wide-size);
10 -}
11 -
12 -/**
13 -* Styles for all page of LP
14 -*
15 -* @since 4.2.3
16 -* @version 1.0.0
17 -*/
18 -/**
19 - * Mixin
20 - */
21 -@-webkit-keyframes rotating4 {
22 - from {
23 - -webkit-transform: rotate(0deg);
24 - -o-transform: rotate(0deg);
25 - transform: rotate(0deg);
26 - }
27 - to {
28 - -webkit-transform: rotate(360deg);
29 - -o-transform: rotate(360deg);
30 - transform: rotate(360deg);
31 - }
32 -}
33 -@keyframes rotating4 {
34 - from {
35 - -ms-transform: rotate(0deg);
36 - -moz-transform: rotate(0deg);
37 - -webkit-transform: rotate(0deg);
38 - -o-transform: rotate(0deg);
39 - transform: rotate(0deg);
40 - }
41 - to {
42 - -ms-transform: rotate(360deg);
43 - -moz-transform: rotate(360deg);
44 - -webkit-transform: rotate(360deg);
45 - -o-transform: rotate(360deg);
46 - transform: rotate(360deg);
47 - }
48 -}
49 -@-webkit-keyframes animation4 {
50 - from {
51 - left: -40%;
52 - width: 40%;
53 - }
54 - to {
55 - left: 100%;
56 - width: 10%;
57 - }
58 -}
59 -@keyframes animation4 {
60 - from {
61 - left: -40%;
62 - width: 40%;
63 - }
64 - to {
65 - left: 100%;
66 - width: 10%;
67 - }
68 -}
69 -/**
70 -* Style for instructor page
71 -*/
72 -* {
73 - box-sizing: border-box;
74 - margin: 0;
75 - padding: 0;
76 -}
77 -
78 -/* start reset css */
79 -body {
80 - background: #fff;
81 -}
82 -body.learnpress-page {
83 - overflow-x: hidden;
84 -}
85 -
86 -button {
87 - cursor: pointer;
88 -}
89 -
90 -input, button, select, textarea {
91 - outline: none;
92 -}
93 -
94 -/*html {
95 - overflow-x: hidden;
96 -}*/
97 -a {
98 - -webkit-transition: 0.3s;
99 - -moz-transition: 0.3s;
100 - -ms-transition: 0.3s;
101 - -o-transition: 0.3s;
102 - transition: 0.3s;
103 - text-decoration: none;
104 -}
105 -
106 -p {
107 - margin-bottom: 1em;
108 -}
109 -p:last-child {
110 - margin: 0;
111 -}
112 -
113 -.lp-content-area {
114 - max-width: var(--lp-container-max-width) !important;
115 - margin: 0 auto;
116 - padding-right: var(--lp-cotainer-padding);
117 - padding-left: var(--lp-cotainer-padding);
118 -}
119 -.lp-content-area.learn-press-message {
120 - margin-bottom: 24px;
121 - padding-left: 15px;
122 - padding-right: 15px;
123 -}
124 -
125 -.lp-ico svg {
126 - width: 20px;
127 - height: 20px;
128 -}
129 -
130 -.lp-button {
131 - border: 1px solid var(--lp-border-color, #E2E0DB);
132 - border-radius: var(--lp-border-radius, 5px);
133 - padding: 8px 16px;
134 -}
135 -.lp-button.loading {
136 - pointer-events: none;
137 - opacity: 0.8;
138 -}
139 -.lp-button.loading:before {
140 - display: inline-block;
141 - font-family: "lp-icon";
142 - content: "\f110";
143 - animation: lp-rotating 1s linear infinite;
144 - margin-right: 5px;
145 - font-variant: normal;
146 - text-transform: none;
147 - line-height: 1;
148 - -webkit-font-smoothing: antialiased;
149 - -moz-osx-font-smoothing: grayscale;
150 - vertical-align: middle;
151 - margin-top: -2px;
152 -}
153 -
154 -.lp-hidden {
155 - display: none !important;
156 -}
157 -
158 -/**
159 -* Style for instructor page
160 -*/
161 -/**
162 -* Styles for all page of LP
163 -*
164 -* @since 4.2.3
165 -* @version 1.0.0
166 -*/
167 -/**
168 - * Instructors page.
169 - *
170 - * @since 4.2.3
171 - * @version 1.0.0
172 - */
173 -body .entry-content.has-global-padding {
174 - padding-left: 0;
175 - padding-right: 0;
176 -}
177 -body .wp-site-blocks {
178 - padding-left: 0;
179 - padding-right: 0;
180 -}
181 -
182 -.learnpress-v4 .lp-content-area {
183 - --lp-container-max-width: inherit;
184 - --lp-cotainer-padding: 0;
185 -}
186 -.learnpress-v4 .lp-single-course .lp-content-area {
187 - padding-right: 15px;
188 - padding-left: 15px;
189 -}
190 -
191 -.lp-list-instructors {
192 - --lp-instructor-item-padding: 20px;
193 - --lp-instructor-border-color: #c3c4c7;
194 - --lp-instructor-minmax-column: 250px;
195 -}
196 -.lp-list-instructors .ul-list-instructors {
197 - display: grid;
198 - grid-template-columns: repeat(auto-fill, minmax(var(--lp-instructor-minmax-column), 1fr));
199 - gap: 30px;
200 - padding: 0 !important;
201 - margin: 0 0 30px 0;
202 - list-style: none;
203 -}
204 -.lp-list-instructors .ul-list-instructors > ul.lp-skeleton-animation {
205 - grid-column: span 4;
206 -}
207 -.lp-list-instructors .ul-list-instructors li.no-instructor {
208 - grid-column: span 4;
209 -}
210 -.lp-list-instructors .ul-list-instructors li.item-instructor {
211 - border: 1px solid var(--lp-instructor-border-color);
212 - padding: var(--lp-instructor-item-padding);
213 - list-style: none;
214 - border-radius: var(--lp-border-radius, 5px);
215 -}
216 -.lp-list-instructors .ul-list-instructors li.item-instructor .instructor-avatar {
217 - margin-bottom: 12px;
218 -}
219 -.lp-list-instructors .ul-list-instructors li.item-instructor .instructor-display-name {
220 - display: block;
221 - margin-bottom: 12px;
222 - font-size: 1.2em;
223 - line-height: 1.3;
224 - font-weight: bold;
225 -}
226 -.lp-list-instructors .ul-list-instructors li.item-instructor .instructor-avatar img {
227 - width: 100%;
228 - border-radius: var(--lp-border-radius, 5px);
229 -}
230 -.lp-list-instructors .ul-list-instructors li.item-instructor .instructor-info {
231 - display: flex;
232 - column-gap: 16px;
233 - margin-bottom: 12px;
234 - flex-wrap: wrap;
235 - row-gap: 8px;
236 -}
237 -.lp-list-instructors .ul-list-instructors li.item-instructor .instructor-info > div {
238 - display: flex;
239 - align-items: center;
240 - column-gap: 10px;
241 -}
242 -.lp-list-instructors .ul-list-instructors li.item-instructor .instructor-info > div span {
243 - display: inline-flex;
244 - white-space: nowrap;
245 -}
246 -.lp-list-instructors .ul-list-instructors li.item-instructor .instructor-info > div .lp-ico {
247 - color: var(--lp-primary-color);
248 -}
249 -.lp-list-instructors .ul-list-instructors li.item-instructor .instructor-btn-view {
250 - padding: 8px 24px;
251 - border-radius: var(--lp-border-radius, 5px);
252 - color: var(--lp-color-base, #333);
253 - border: 1px solid var(--lp-color-base, #333);
254 - transition: all 0.3s;
255 - display: block;
256 - background: transparent;
257 - text-decoration: none;
258 - text-align: center;
259 -}
260 -.lp-list-instructors .ul-list-instructors li.item-instructor .instructor-btn-view:hover {
261 - background: var(--lp-primary-color);
262 - color: var(--lp-color-white, #fff);
263 - border-color: var(--lp-primary-color);
264 -}
265 -
266 -.learn-press-pagination {
267 - margin: 20px 0;
268 - text-align: center;
269 -}
270 -.learn-press-pagination .page-numbers {
271 - display: inline-block;
272 - margin: 0;
273 - padding: 0;
274 - border: 0;
275 - outline: 0;
276 - background: transparent;
277 - list-style: none;
278 -}
279 -.learn-press-pagination .page-numbers > li {
280 - display: inline-block;
281 - margin: 0;
282 -}
283 -.learn-press-pagination .page-numbers > li .page-numbers {
284 - float: unset;
285 - padding: 0 12px;
286 - color: #666;
287 - text-decoration: none;
288 -}
289 -.learn-press-pagination .page-numbers > li .page-numbers.current {
290 - color: var(--lp-primary-color);
291 - font-weight: 400;
292 -}
293 -.learn-press-pagination .page-numbers > li .page-numbers:hover {
294 - color: var(--lp-primary-color);
1 +/**
2 +* Style for instructor page
3 +*/
4 +:root {
5 + --lp-cotainer-max-with: var(--lp-container-max-width);
6 +}
7 +
8 +.wp-block-group {
9 + --lp-container-max-width: var(--wp--style--global--wide-size);
10 +}
11 +
12 +/**
13 +* Styles for all page of LP
14 +*
15 +* @since 4.2.3
16 +* @version 1.0.0
17 +*/
18 +/**
19 + * Mixin
20 + */
21 +@-webkit-keyframes rotating4 {
22 + from {
23 + -webkit-transform: rotate(0deg);
24 + -o-transform: rotate(0deg);
25 + transform: rotate(0deg);
26 + }
27 + to {
28 + -webkit-transform: rotate(360deg);
29 + -o-transform: rotate(360deg);
30 + transform: rotate(360deg);
31 + }
32 +}
33 +@keyframes rotating4 {
34 + from {
35 + -ms-transform: rotate(0deg);
36 + -moz-transform: rotate(0deg);
37 + -webkit-transform: rotate(0deg);
38 + -o-transform: rotate(0deg);
39 + transform: rotate(0deg);
40 + }
41 + to {
42 + -ms-transform: rotate(360deg);
43 + -moz-transform: rotate(360deg);
44 + -webkit-transform: rotate(360deg);
45 + -o-transform: rotate(360deg);
46 + transform: rotate(360deg);
47 + }
48 +}
49 +@-webkit-keyframes animation4 {
50 + from {
51 + left: -40%;
52 + width: 40%;
53 + }
54 + to {
55 + left: 100%;
56 + width: 10%;
57 + }
58 +}
59 +@keyframes animation4 {
60 + from {
61 + left: -40%;
62 + width: 40%;
63 + }
64 + to {
65 + left: 100%;
66 + width: 10%;
67 + }
68 +}
69 +/**
70 +* Style for instructor page
71 +*/
72 +* {
73 + box-sizing: border-box;
74 + margin: 0;
75 + padding: 0;
76 +}
77 +
78 +/* start reset css */
79 +body {
80 + background: #fff;
81 +}
82 +body.learnpress-page {
83 + overflow-x: hidden;
84 +}
85 +
86 +button {
87 + cursor: pointer;
88 +}
89 +
90 +input, button, select, textarea {
91 + outline: none;
92 +}
93 +
94 +/*html {
95 + overflow-x: hidden;
96 +}*/
97 +a {
98 + -webkit-transition: 0.3s;
99 + -moz-transition: 0.3s;
100 + -ms-transition: 0.3s;
101 + -o-transition: 0.3s;
102 + transition: 0.3s;
103 + text-decoration: none;
104 +}
105 +
106 +p {
107 + margin-bottom: 1em;
108 +}
109 +p:last-child {
110 + margin: 0;
111 +}
112 +
113 +.lp-content-area {
114 + max-width: var(--lp-container-max-width) !important;
115 + margin: 0 auto;
116 + padding-right: var(--lp-cotainer-padding);
117 + padding-left: var(--lp-cotainer-padding);
118 +}
119 +.lp-content-area.learn-press-message {
120 + margin-bottom: 24px;
121 + padding-left: 15px;
122 + padding-right: 15px;
123 +}
124 +
125 +.lp-ico svg {
126 + width: 20px;
127 + height: 20px;
128 +}
129 +
130 +.lp-button {
131 + border: 1px solid var(--lp-border-color, #E2E0DB);
132 + border-radius: var(--lp-border-radius, 5px);
133 + padding: 8px 16px;
134 +}
135 +.lp-button.loading {
136 + pointer-events: none;
137 + opacity: 0.8;
138 +}
139 +.lp-button.loading:before {
140 + display: inline-block;
141 + font-family: "lp-icon";
142 + content: "\f110";
143 + animation: lp-rotating 1s linear infinite;
144 + margin-right: 5px;
145 + font-variant: normal;
146 + text-transform: none;
147 + line-height: 1;
148 + -webkit-font-smoothing: antialiased;
149 + -moz-osx-font-smoothing: grayscale;
150 + vertical-align: middle;
151 + margin-top: -2px;
152 +}
153 +
154 +.lp-hidden {
155 + display: none !important;
156 +}
157 +
158 +/**
159 +* Style for instructor page
160 +*/
161 +/**
162 +* Styles for all page of LP
163 +*
164 +* @since 4.2.3
165 +* @version 1.0.0
166 +*/
167 +/**
168 + * Instructors page.
169 + *
170 + * @since 4.2.3
171 + * @version 1.0.0
172 + */
173 +body .entry-content.has-global-padding {
174 + padding-left: 0;
175 + padding-right: 0;
176 +}
177 +body .wp-site-blocks {
178 + padding-left: 0;
179 + padding-right: 0;
180 +}
181 +
182 +.learnpress-v4 .lp-content-area {
183 + --lp-container-max-width: inherit;
184 + --lp-cotainer-padding: 0;
185 +}
186 +.learnpress-v4 .lp-single-course .lp-content-area {
187 + padding-right: 15px;
188 + padding-left: 15px;
189 +}
190 +
191 +.lp-list-instructors {
192 + --lp-instructor-item-padding: 20px;
193 + --lp-instructor-border-color: #c3c4c7;
194 + --lp-instructor-minmax-column: 250px;
195 +}
196 +.lp-list-instructors .ul-list-instructors {
197 + display: grid;
198 + grid-template-columns: repeat(auto-fill, minmax(var(--lp-instructor-minmax-column), 1fr));
199 + gap: 30px;
200 + padding: 0 !important;
201 + margin: 0 0 30px 0;
202 + list-style: none;
203 +}
204 +.lp-list-instructors .ul-list-instructors > ul.lp-skeleton-animation {
205 + grid-column: span 4;
206 +}
207 +.lp-list-instructors .ul-list-instructors li.no-instructor {
208 + grid-column: span 4;
209 +}
210 +.lp-list-instructors .ul-list-instructors li.item-instructor {
211 + border: 1px solid var(--lp-instructor-border-color);
212 + padding: var(--lp-instructor-item-padding);
213 + list-style: none;
214 + border-radius: var(--lp-border-radius, 5px);
215 +}
216 +.lp-list-instructors .ul-list-instructors li.item-instructor .instructor-avatar {
217 + margin-bottom: 12px;
218 +}
219 +.lp-list-instructors .ul-list-instructors li.item-instructor .instructor-display-name {
220 + display: block;
221 + margin-bottom: 12px;
222 + font-size: 1.2em;
223 + line-height: 1.3;
224 + font-weight: bold;
225 +}
226 +.lp-list-instructors .ul-list-instructors li.item-instructor .instructor-avatar img {
227 + width: 100%;
228 + border-radius: var(--lp-border-radius, 5px);
229 +}
230 +.lp-list-instructors .ul-list-instructors li.item-instructor .instructor-info {
231 + display: flex;
232 + column-gap: 16px;
233 + margin-bottom: 12px;
234 + flex-wrap: wrap;
235 + row-gap: 8px;
236 +}
237 +.lp-list-instructors .ul-list-instructors li.item-instructor .instructor-info > div {
238 + display: flex;
239 + align-items: center;
240 + column-gap: 10px;
241 +}
242 +.lp-list-instructors .ul-list-instructors li.item-instructor .instructor-info > div span {
243 + display: inline-flex;
244 + white-space: nowrap;
245 +}
246 +.lp-list-instructors .ul-list-instructors li.item-instructor .instructor-info > div .lp-ico {
247 + color: var(--lp-primary-color);
248 +}
249 +.lp-list-instructors .ul-list-instructors li.item-instructor .instructor-btn-view {
250 + padding: 8px 24px;
251 + border-radius: var(--lp-border-radius, 5px);
252 + color: var(--lp-color-base, #333);
253 + border: 1px solid var(--lp-color-base, #333);
254 + transition: all 0.3s;
255 + display: block;
256 + background: transparent;
257 + text-decoration: none;
258 + text-align: center;
259 +}
260 +.lp-list-instructors .ul-list-instructors li.item-instructor .instructor-btn-view:hover {
261 + background: var(--lp-primary-color);
262 + color: var(--lp-color-white, #fff);
263 + border-color: var(--lp-primary-color);
264 +}
265 +
266 +.learn-press-pagination {
267 + margin: 20px 0;
268 + text-align: center;
269 +}
270 +.learn-press-pagination .page-numbers {
271 + display: inline-block;
272 + margin: 0;
273 + padding: 0;
274 + border: 0;
275 + outline: 0;
276 + background: transparent;
277 + list-style: none;
278 +}
279 +.learn-press-pagination .page-numbers > li {
280 + display: inline-block;
281 + margin: 0;
282 +}
283 +.learn-press-pagination .page-numbers > li .page-numbers {
284 + float: unset;
285 + padding: 0 12px;
286 + color: #666;
287 + text-decoration: none;
288 +}
289 +.learn-press-pagination .page-numbers > li .page-numbers.current {
290 + color: var(--lp-primary-color);
291 + font-weight: 400;
292 +}
293 +.learn-press-pagination .page-numbers > li .page-numbers:hover {
294 + color: var(--lp-primary-color);
295 295 }