PluginProbe
LearnPress – WordPress LMS Plugin for Create and Sell Online Courses / 4.4.10
LearnPress – WordPress LMS Plugin for Create and Sell Online Courses v4.4.10
4.4.10 4.4.9.1 4.4.9 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 All 142 releases
← All changes | assets/css/learnpress-rtl.css +495 -568 4.3.9.1 → 4.4.10 View file →
@@ -9,37 +9,17 @@
9 9
10 10 /**
11 11 * Mixin
12 12 */
13 -@-webkit-keyframes rotating4 {
14 - from {
15 - -webkit-transform: rotate(0deg);
16 - -o-transform: rotate(0deg);
17 - transform: rotate(0deg);
18 - }
19 - to {
20 - -webkit-transform: rotate(-360deg);
21 - -o-transform: rotate(-360deg);
22 - transform: rotate(-360deg);
23 - }
24 -}
25 13 @keyframes rotating4 {
26 14 from {
27 - -ms-transform: rotate(0deg);
28 - -moz-transform: rotate(0deg);
29 - -webkit-transform: rotate(0deg);
30 - -o-transform: rotate(0deg);
31 15 transform: rotate(0deg);
32 16 }
33 17 to {
34 - -ms-transform: rotate(-360deg);
35 - -moz-transform: rotate(-360deg);
36 - -webkit-transform: rotate(-360deg);
37 - -o-transform: rotate(-360deg);
38 18 transform: rotate(-360deg);
39 19 }
40 20 }
41 -@-webkit-keyframes animation4 {
21 +@keyframes animation4 {
42 22 from {
43 23 right: -40%;
44 24 width: 40%;
45 25 }
@@ -47,43 +27,141 @@
47 27 right: 100%;
48 28 width: 10%;
49 29 }
50 30 }
51 -@keyframes animation4 {
52 - from {
53 - right: -40%;
54 - width: 40%;
31 +/**
32 +* Style for the buttons
33 +*/
34 +.lp-btn-edit-primary {
35 + border: none;
36 + background: #135e96;
37 + color: #fff;
38 +}
39 +.lp-btn-edit-primary:not(.active) {
40 + opacity: 0.5;
41 +}
42 +.lp-btn-edit-primary:hover, .lp-btn-edit-primary.active, .lp-btn-edit-primary.active:hover {
43 + background: #135E96;
44 + color: #fff;
45 + opacity: 1;
46 +}
47 +
48 +/* 5. Minimal Bottom Line */
49 +.btn-line::after {
50 + content: "";
51 + position: absolute;
52 + bottom: 0;
53 + right: 0;
54 + height: 4px;
55 + width: 0%;
56 + background-color: #38bdf8;
57 + animation: lineLoad 2s ease-in-out infinite;
58 +}
59 +
60 +@keyframes lineLoad {
61 + 0% {
62 + width: 0%;
63 + right: 0;
55 64 }
56 - to {
65 + 50% {
66 + width: 100%;
67 + right: 0;
68 + }
69 + 100% {
70 + width: 0%;
57 71 right: 100%;
58 - width: 10%;
59 72 }
60 73 }
74 +.lp-button {
75 + padding: 8px 16px;
76 + border: 1px solid var(--lp-border-color, #E2E0DB);
77 + border-radius: var(--lp-border-radius, 5px);
78 + color: #374151;
79 + font-weight: 500;
80 + text-decoration: none;
81 + cursor: pointer;
82 +}
83 +.lp-button.loading {
84 + position: relative;
85 + display: inline-flex;
86 + align-items: center;
87 + justify-content: center;
88 + pointer-events: none;
89 + color: rgba(0, 0, 0, 0) !important;
90 +}
91 +.lp-button.loading:before {
92 + position: absolute;
93 + inset: 0;
94 + display: flex;
95 + align-items: center;
96 + justify-content: center;
97 + font-family: "lp-icon";
98 + content: "\f110";
99 + animation: lp-rotating 1s linear infinite;
100 + font-variant: normal;
101 + text-transform: none;
102 + -webkit-font-smoothing: antialiased;
103 + -moz-osx-font-smoothing: grayscale;
104 + color: black;
105 +}
106 +
61 107 .learn-press-message {
62 108 position: relative;
63 - margin: 24px auto;
64 - padding: 10px 20px;
109 + display: flex;
110 + align-items: center;
111 + margin: 0 !important;
112 + padding: 10px;
65 113 border-radius: var(--lp-border-radius, 5px);
66 114 background-color: #E5F7FF;
67 115 color: #007AFF;
68 - width: 100%;
116 + max-width: 100%;
69 117 }
118 +.learn-press-message::before {
119 + display: inline-block;
120 + margin-left: 8px;
121 + font-family: "lp-icon";
122 + font-size: 20px;
123 + font-style: normal;
124 + font-weight: normal;
125 + line-height: 1;
126 +}
70 127 .learn-press-message.error {
71 128 background-color: #FEE5E5;
72 129 color: #FF3B30;
130 + border: 1px solid #E31A1A;
131 + padding: 10px 20px;
73 132 }
133 +.learn-press-message.error::before {
134 + content: "\f071";
135 + color: #E31A1A;
136 +}
74 137 .learn-press-message.warning {
75 138 background-color: #FEF7E6;
76 139 color: #FF9500;
140 + border: 1px solid #F8A100;
77 141 }
142 +.learn-press-message.warning::before {
143 + content: "\f06a";
144 + color: #F8A100;
145 +}
78 146 .learn-press-message.success {
79 147 background-color: #EBF8E5;
80 148 color: #3AB500;
149 + border: 1px solid #28A746;
81 150 }
151 +.learn-press-message.success::before {
152 + content: "\f058";
153 + color: #28A746;
154 +}
82 155 .learn-press-message.info {
83 156 background-color: rgba(0, 122, 255, 0.1019607843);
84 157 color: #007AFF;
158 + border: 1px solid #2E91FA;
85 159 }
160 +.learn-press-message.info::before {
161 + content: "\e931";
162 + color: #2E91FA;
163 +}
86 164 .learn-press-message a {
87 165 text-decoration: underline;
88 166 }
89 167
@@ -134,18 +212,12 @@
134 212
135 213 @keyframes lp-rotating {
136 214 from {
137 215 -webkit-transform: rotate(0deg);
138 - -moz-transform: rotate(0deg);
139 - -ms-transform: rotate(0deg);
140 - -o-transform: rotate(0deg);
141 216 transform: rotate(0deg);
142 217 }
143 218 to {
144 219 -webkit-transform: rotate(-360deg);
145 - -moz-transform: rotate(-360deg);
146 - -ms-transform: rotate(-360deg);
147 - -o-transform: rotate(-360deg);
148 220 transform: rotate(-360deg);
149 221 }
150 222 }
151 223 @-webkit-keyframes lp-rotating {
@@ -150,18 +222,12 @@
150 222 }
151 223 @-webkit-keyframes lp-rotating {
152 224 from {
153 225 -webkit-transform: rotate(0deg);
154 - -moz-transform: rotate(0deg);
155 - -ms-transform: rotate(0deg);
156 - -o-transform: rotate(0deg);
157 226 transform: rotate(0deg);
158 227 }
159 228 to {
160 229 -webkit-transform: rotate(-360deg);
161 - -moz-transform: rotate(-360deg);
162 - -ms-transform: rotate(-360deg);
163 - -o-transform: rotate(-360deg);
164 230 transform: rotate(-360deg);
165 231 }
166 232 }
167 233 .lp-loading-change {
@@ -184,46 +250,16 @@
184 250 */
185 251 /**
186 252 * Mixin
187 253 */
188 -@-webkit-keyframes rotating4 {
189 - from {
190 - -webkit-transform: rotate(0deg);
191 - -o-transform: rotate(0deg);
192 - transform: rotate(0deg);
193 - }
194 - to {
195 - -webkit-transform: rotate(-360deg);
196 - -o-transform: rotate(-360deg);
197 - transform: rotate(-360deg);
198 - }
199 -}
200 254 @keyframes rotating4 {
201 255 from {
202 - -ms-transform: rotate(0deg);
203 - -moz-transform: rotate(0deg);
204 - -webkit-transform: rotate(0deg);
205 - -o-transform: rotate(0deg);
206 256 transform: rotate(0deg);
207 257 }
208 258 to {
209 - -ms-transform: rotate(-360deg);
210 - -moz-transform: rotate(-360deg);
211 - -webkit-transform: rotate(-360deg);
212 - -o-transform: rotate(-360deg);
213 259 transform: rotate(-360deg);
214 260 }
215 261 }
216 -@-webkit-keyframes animation4 {
217 - from {
218 - right: -40%;
219 - width: 40%;
220 - }
221 - to {
222 - right: 100%;
223 - width: 10%;
224 - }
225 -}
226 262 @keyframes animation4 {
227 263 from {
228 264 right: -40%;
229 265 width: 40%;
@@ -258,10 +294,8 @@
258 294 .learnpress-page input[type=email],
259 295 .learnpress-page input[type=number],
260 296 .learnpress-page input[type=password], .learnpress-page textarea {
261 297 border-color: var(--lp-border-color, #E2E0DB);
262 - -webkit-border-radius: var(--lp-border-radius, 5px);
263 - -moz-border-radius: var(--lp-border-radius, 5px);
264 298 border-radius: var(--lp-border-radius, 5px);
265 299 }
266 300 .learnpress-page input[type=text]:focus,
267 301 .learnpress-page input[type=email]:focus,
@@ -279,15 +313,10 @@
279 313 font-family: inherit;
280 314 font-weight: 400;
281 315 text-align: center;
282 316 text-transform: capitalize;
283 - -webkit-border-radius: var(--lp-border-radius, 5px);
284 - -moz-border-radius: var(--lp-border-radius, 5px);
285 317 border-radius: var(--lp-border-radius, 5px);
286 318 -webkit-transition: all 0.25s;
287 - -moz-transition: all 0.25s;
288 - -ms-transition: all 0.25s;
289 - -o-transition: all 0.25s;
290 319 transition: all 0.25s;
291 320 }
292 321 .learnpress-page .lp-button.large, .learnpress-page #lp-button.large {
293 322 height: 52px;
@@ -304,10 +333,8 @@
304 333 }
305 334 .learnpress-page .lp-button.btn-ajax-on .icon, .learnpress-page #lp-button.btn-ajax-on .icon {
306 335 display: inline-block;
307 336 margin-left: 5px;
308 - -webkit-animation: lp-rotating 1s linear infinite;
309 - -moz-animation: lp-rotating 1s linear infinite;
310 337 animation: lp-rotating 1s linear infinite;
311 338 }
312 339 .learnpress-page .lp-button:focus, .learnpress-page #lp-button:focus {
313 340 outline: 0;
@@ -327,11 +354,8 @@
327 354 overflow-x: hidden;
328 355 }*/
329 356 a {
330 357 -webkit-transition: 0.3s;
331 - -moz-transition: 0.3s;
332 - -ms-transition: 0.3s;
333 - -o-transition: 0.3s;
334 358 transition: 0.3s;
335 359 text-decoration: none;
336 360 }
337 361
@@ -358,30 +382,8 @@
358 382 width: 20px;
359 383 height: 20px;
360 384 }
361 385
362 -.lp-button {
363 - border: 1px solid var(--lp-border-color, #E2E0DB);
364 - border-radius: var(--lp-border-radius, 5px);
365 - padding: 8px 16px;
366 -}
367 -.lp-button.loading {
368 - pointer-events: none;
369 - opacity: 0.8;
370 -}
371 -.lp-button.loading:before {
372 - display: inline-block;
373 - font-family: "lp-icon";
374 - content: "\f110";
375 - animation: lp-rotating 1s linear infinite;
376 - margin-left: 5px;
377 - font-variant: normal;
378 - text-transform: none;
379 - -webkit-font-smoothing: antialiased;
380 - -moz-osx-font-smoothing: grayscale;
381 - vertical-align: middle;
382 -}
383 -
384 386 .lp-hidden {
385 387 display: none !important;
386 388 }
387 389
@@ -805,11 +807,8 @@
805 807 }
806 808
807 809 .lp-checkout-form__before,
808 810 .lp-checkout-form__after {
809 - width: 45%;
810 - width: -webkit-calc(50% - 30px);
811 - width: -moz-calc(50% - 30px);
812 811 width: calc(50% - 30px);
813 812 margin: 0 15px 40px 15px;
814 813 }
815 814 .lp-checkout-form__before .lp-checkout-block h4,
@@ -854,9 +853,9 @@
854 853 height: 19px;
855 854 margin: 0 0 0 4px;
856 855 border: 1px solid #ccc;
857 856 cursor: pointer;
858 - -webkit-appearance: none;
857 + appearance: none;
859 858 }
860 859 .lp-checkout-form .lp-checkout-remember label input[type=checkbox]:focus {
861 860 outline: 0;
862 861 }
@@ -910,11 +909,8 @@
910 909 flex-direction: column-reverse;
911 910 margin: 0;
912 911 }
913 912 }
914 -.lp-checkout-form #btn-checkout-account-switch-to-guest {
915 - margin-bottom: 60px;
916 -}
917 913 .lp-checkout-form .description {
918 914 float: right;
919 915 }
920 916 .lp-checkout-form a {
@@ -962,32 +958,8 @@
962 958 }
963 959 .lp-checkout-form .lp-guest-switch-login a {
964 960 display: inline-block;
965 961 }
966 -.lp-checkout-form input[name=checkout-account-switch-form] {
967 - display: none;
968 -}
969 -.lp-checkout-form input[name=checkout-account-switch-form]:not(:checked) + .lp-checkout-block {
970 - display: none;
971 - overflow: hidden;
972 - height: 0;
973 - margin: 0;
974 - padding: 0;
975 - border: 0;
976 - opacity: 0;
977 -}
978 -.lp-checkout-form input[name=checkout-account-switch-form]:not(:checked) + .lp-checkout-block > * {
979 - overflow: hidden;
980 - height: 0;
981 -}
982 -.lp-checkout-form input[name=checkout-account-switch-form]:checked + .lp-checkout-block {
983 - display: block;
984 - overflow: auto;
985 - height: auto;
986 -}
987 -.lp-checkout-form input[name=checkout-account-switch-form][value=guest]:checked ~ #btn-checkout-account-switch-to-guest {
988 - display: none;
989 -}
990 962 .lp-checkout-form::after {
991 963 display: block;
992 964 clear: both;
993 965 content: "";
@@ -995,31 +967,37 @@
995 967 .lp-checkout-form:focus {
996 968 outline: 0;
997 969 }
998 970
999 -#checkout-order .lp-checkout-order__inner {
1000 - padding: 0 20px;
1001 - border: 1px solid var(--lp-border-color, #E2E0DB);
1002 - border-radius: 4px;
971 +#checkout-order {
972 + /*.lp-checkout-order__inner {
973 + padding: 0 20px;
974 + border: 1px solid $border-color;
975 + border-radius: 4px;
976 + }*/
977 + /*td, th{
978 + border-right: 0;
979 + border-left: 0;
980 + background: transparent;
981 + &:last-child {
982 + padding-right: 0;
983 + }
984 + }
985 + table {
986 + width: 100%;
987 + margin: 0;
988 + border: 0;
989 + }*/
1003 990 }
991 +#checkout-order .lp-list-table {
992 + min-width: auto;
993 +}
1004 994 #checkout-order .cart-item:first-child td {
1005 995 border-top: 0;
1006 996 }
1007 -#checkout-order td, #checkout-order th {
1008 - border-left: 0;
1009 - border-right: 0;
1010 - background: transparent;
1011 -}
1012 -#checkout-order td:last-child, #checkout-order th:last-child {
1013 - padding-left: 0;
1014 -}
1015 -#checkout-order table {
1016 - width: 100%;
1017 - margin: 0;
1018 - border: 0;
1019 -}
1020 997 #checkout-order .course-name {
1021 998 font-weight: 600;
999 + text-align: right;
1022 1000 }
1023 1001 #checkout-order .course-name a {
1024 1002 display: -webkit-box;
1025 1003 overflow: hidden;
@@ -1033,34 +1011,38 @@
1033 1011 #checkout-order .col-number {
1034 1012 min-width: 50px;
1035 1013 color: #666;
1036 1014 font-weight: 600;
1037 - text-align: left;
1015 + text-align: right;
1038 1016 }
1039 1017 #checkout-order tfoot {
1040 - font-size: 1.2em;
1018 + text-align: right;
1019 + /*tr:last-child {
1020 + border-width: 0;
1021 +
1022 + td, th {
1023 + border-width: 0;
1024 + }
1025 + }*/
1041 1026 }
1042 1027 #checkout-order tfoot th {
1043 1028 font-weight: 600;
1044 - padding-right: 0;
1029 + padding: 10px 20px;
1045 1030 }
1046 -#checkout-order tfoot .order-total {
1047 - font-size: 1.4em;
1031 +#checkout-order tfoot tr:hover {
1032 + background: #eff6ff;
1048 1033 }
1049 -#checkout-order tfoot tr:last-child {
1050 - border-width: 0;
1034 +#checkout-order tfoot td {
1035 + padding: 10px 20px;
1051 1036 }
1052 -#checkout-order tfoot tr:last-child td, #checkout-order tfoot tr:last-child th {
1053 - border-width: 0;
1037 +#checkout-order tfoot .order-total {
1038 + font-size: 1.2em;
1054 1039 }
1055 1040 #checkout-order .course-thumbnail {
1056 1041 width: 80px;
1057 - padding: 20px 0 18px 13px;
1058 1042 }
1059 1043 #checkout-order .course-thumbnail img {
1060 1044 width: 100px;
1061 - max-width: 100% !important;
1062 - height: auto !important;
1063 1045 }
1064 1046
1065 1047 .order-comments {
1066 1048 width: 100%;
@@ -1177,10 +1159,8 @@
1177 1159 margin: 0 0 0 8px;
1178 1160 border: 1px solid var(--lp-border-color, #E2E0DB);
1179 1161 background: #fff;
1180 1162 -webkit-appearance: none;
1181 - -webkit-border-radius: 50%;
1182 - -moz-border-radius: 50%;
1183 1163 border-radius: 50%;
1184 1164 }
1185 1165 #checkout-payment .lp-payment-method .gateway-input::before {
1186 1166 position: absolute;
@@ -1189,10 +1169,8 @@
1189 1169 width: 6px;
1190 1170 height: 6px;
1191 1171 background: #41abec;
1192 1172 transform: translate(50%, -50%);
1193 - -webkit-border-radius: 50%;
1194 - -moz-border-radius: 50%;
1195 1173 border-radius: 50%;
1196 1174 }
1197 1175 #checkout-payment .lp-payment-method .gateway-input:checked::before {
1198 1176 content: "";
@@ -1242,9 +1220,9 @@
1242 1220 #learn-press-checkout .payment-methods .lp-payment-method > label {
1243 1221 display: flex;
1244 1222 flex-flow: row nowrap;
1245 1223 padding: 10px 20px;
1246 - background: #f5f5f5;
1224 + background: #eee;
1247 1225 line-height: 2.5rem;
1248 1226 cursor: pointer;
1249 1227 }
1250 1228 #learn-press-checkout .payment-methods .lp-payment-method > label img {
@@ -1309,16 +1287,27 @@
1309 1287 .learn-press-checkout-comment h4 {
1310 1288 display: none;
1311 1289 }
1312 1290
1313 -.lp-content-area .order_details {
1314 - width: 100%;
1315 - border-collapse: collapse;
1291 +.order_details.lp-list-table th {
1292 + max-width: 80px;
1293 + text-align: right;
1316 1294 }
1317 -.lp-content-area .order_details th a, .lp-content-area .order_details td a {
1318 - color: var(--lp-primary-color);
1319 -}
1320 1295
1296 +/*.lp-content-area .order_details {
1297 + width: 100%;
1298 + border-collapse: collapse;
1299 +
1300 +
1301 + th, td {
1302 + //text-align: left;
1303 + //padding: 10px 25px;
1304 + //border: 1px solid;
1305 + a {
1306 + color: var(--lp-primary-color);
1307 + }
1308 + }
1309 +}*/
1321 1310 .learnpress-checkout .learnpress > .learn-press-message {
1322 1311 max-width: var(--lp-container-max-width);
1323 1312 margin: 0 auto;
1324 1313 }
@@ -1327,75 +1316,95 @@
1327 1316 input[type=email],
1328 1317 input[type=number],
1329 1318 input[type=password] {
1330 1319 -webkit-box-sizing: border-box;
1331 - -moz-box-sizing: border-box;
1332 1320 box-sizing: border-box;
1333 1321 margin: 0;
1334 1322 box-shadow: unset;
1335 1323 }
1336 1324
1337 -.learnpress table {
1338 - width: 100%;
1339 - margin: 0 auto 1em auto;
1340 - border-spacing: 0;
1341 - border-collapse: collapse;
1342 -}
1343 -.learnpress table th, .learnpress table td {
1344 - padding: 0.7em 1em;
1345 - border: 1px solid var(--lp-border-color, #E2E0DB);
1346 - background: #fff;
1347 - text-align: right;
1348 -}
1349 -.learnpress table thead {
1350 - box-sizing: border-box;
1351 - border: 1px solid var(--lp-border-color, #E2E0DB);
1352 -}
1353 -.learnpress table thead th {
1354 - border-bottom: none;
1355 - background: var(--lp-white-grey, #F7F7FB);
1356 - font-size: 1.1em;
1357 - font-weight: 600;
1358 -}
1359 -.learnpress table tbody, .learnpress table tfoot {
1360 - box-sizing: border-box;
1361 -}
1362 -.learnpress table tbody td, .learnpress table tbody th, .learnpress table tfoot td, .learnpress table tfoot th {
1363 - border: 1px solid var(--lp-border-color, #E2E0DB);
1364 - line-height: 1.4;
1365 -}
1366 -.learnpress table tbody td a, .learnpress table tbody th a, .learnpress table tfoot td a, .learnpress table tfoot th a {
1367 - color: inherit;
1368 - text-decoration: none;
1369 -}
1370 -.learnpress table tbody td a:hover, .learnpress table tbody th a:hover, .learnpress table tfoot td a:hover, .learnpress table tfoot th a:hover {
1371 - color: var(--lp-primary-color);
1372 -}
1373 -.learnpress table tbody tr .column-status .result-percent, .learnpress table tfoot tr .column-status .result-percent {
1374 - font-weight: 500;
1375 -}
1376 -.learnpress table tbody tr .column-status .lp-label, .learnpress table tfoot tr .column-status .lp-label {
1377 - font-weight: 600;
1378 -}
1379 -.learnpress table tbody tr:nth-child(even) td, .learnpress table tfoot tr:nth-child(even) td {
1380 - background: var(--tb-even-color, #fafafa);
1381 -}
1382 -.learnpress table .list-table-nav td {
1383 - font-size: 0.875em;
1384 -}
1385 -.learnpress table .list-table-nav td.nav-text {
1386 - text-align: right;
1387 -}
1388 -.learnpress table .list-table-nav td.nav-pages {
1389 - text-align: left;
1390 -}
1391 -.learnpress table .list-table-nav td.nav-pages .learn-press-pagination {
1392 - text-align: left;
1393 -}
1394 -.learnpress table .list-table-nav td.nav-pages .page-numbers {
1395 - margin-bottom: 0;
1396 -}
1325 +/*.learnpress{
1326 + table {
1327 + width: 100%;
1328 + margin:0 auto 1em auto;
1329 + border-spacing: 0;
1330 + border-collapse: collapse;
1331 + th, td {
1332 + padding: .7em 1em;
1333 + border: 1px solid $border-color;
1334 + background: #fff;
1335 + text-align: left;
1336 + }
1397 1337
1338 + thead {
1339 + box-sizing: border-box;
1340 + border: 1px solid $border-color;
1341 +
1342 + th {
1343 + border-bottom: none;
1344 + background: $bg-grey;
1345 + font-size: 1.1em;
1346 + font-weight: 600;
1347 + }
1348 + }
1349 +
1350 + tbody, tfoot {
1351 + box-sizing: border-box;
1352 +
1353 + td, th {
1354 + //background: #fff;
1355 + border: 1px solid $border-color;
1356 + line-height: 1.4;
1357 +
1358 + a {
1359 + color: inherit;
1360 + text-decoration: none;
1361 +
1362 + &:hover {
1363 + color: var(--lp-primary-color);
1364 + }
1365 + }
1366 + }
1367 +
1368 + tr {
1369 + .column-status {
1370 + .result-percent {
1371 + font-weight: 500;
1372 + }
1373 +
1374 + .lp-label {
1375 + font-weight: 600;
1376 + }
1377 + }
1378 +
1379 + &:nth-child(even) td {
1380 + background: var(--tb-even-color, #fafafa);
1381 + }
1382 + }
1383 + }
1384 + .list-table-nav {
1385 + td {
1386 + font-size: 0.875em;
1387 +
1388 + &.nav-text {
1389 + text-align: left;
1390 + }
1391 +
1392 + &.nav-pages {
1393 + text-align: right;
1394 +
1395 + .learn-press-pagination {
1396 + text-align: right;
1397 + }
1398 +
1399 + .page-numbers {
1400 + margin-bottom: 0;
1401 + }
1402 + }
1403 + }
1404 + }
1405 + }
1406 +}*/
1398 1407 .lp-label {
1399 1408 display: inline-block;
1400 1409 color: #666;
1401 1410 font-weight: 300;
@@ -1441,9 +1450,8 @@
1441 1450 width: 100%;
1442 1451 border: 1px solid var(--lp-border-color, #E2E0DB);
1443 1452 padding: 8px 16px;
1444 1453 -webkit-box-sizing: border-box;
1445 - -moz-box-sizing: border-box;
1446 1454 box-sizing: border-box;
1447 1455 }
1448 1456 .learn-press-form .form-fields .form-field input[type=email]:focus,
1449 1457 .learn-press-form .form-fields .form-field input[type=text]:focus,
@@ -1723,18 +1731,21 @@
1723 1731 .learnpress_avatar__form__upload div {
1724 1732 line-height: 1.4;
1725 1733 }
1726 1734 .learnpress_avatar__button--loading:before {
1727 - display: inline-block;
1735 + position: absolute;
1736 + inset: 0;
1737 + display: flex;
1738 + align-items: center;
1739 + justify-content: center;
1728 1740 font-family: "lp-icon";
1729 1741 content: "\f110";
1730 1742 animation: lp-rotating 1s linear infinite;
1731 - margin-left: 5px;
1732 1743 font-variant: normal;
1733 1744 text-transform: none;
1734 1745 -webkit-font-smoothing: antialiased;
1735 1746 -moz-osx-font-smoothing: grayscale;
1736 - vertical-align: middle;
1747 + color: black;
1737 1748 }
1738 1749
1739 1750 button.learnpress_avatar__button {
1740 1751 height: 40px;
@@ -1874,8 +1885,12 @@
1874 1885 * Provides card wrapper, header/body styling, avatars, progress bars, badges, toolbar, and pagination.
1875 1886 *
1876 1887 * @since 4.3.3
1877 1888 */
1889 +.lp-enrolled-students h1.wp-heading-inline {
1890 + margin-bottom: 24px;
1891 +}
1892 +
1878 1893 .lp-enrolled-students-table-wrap {
1879 1894 margin-top: 15px;
1880 1895 }
1881 1896 .lp-enrolled-students-table-wrap .instructor-avatar {
@@ -1893,112 +1908,8 @@
1893 1908 height: 100%;
1894 1909 object-fit: cover;
1895 1910 }
1896 1911
1897 -.lp-enrolled-students-table-toolbar {
1898 - display: flex;
1899 - flex-direction: column;
1900 - gap: 14px;
1901 - padding: 20px 20px;
1902 - border: 1px solid var(--lp-border-color, #E2E0DB);
1903 - border-radius: 5px;
1904 - background: var(--lp-white-grey, #F7F7FB);
1905 - /*&__actions .button {
1906 - min-width: 95px;
1907 - height: 36px;
1908 - padding: 0 18px;
1909 - border-radius: 7px;
1910 - font-size: 14px;
1911 - font-weight: 600;
1912 - line-height: 34px;
1913 - border-color: #b9c3d2;
1914 - color: #46546c;
1915 - background: #fff;
1916 - }*/
1917 -}
1918 -.lp-enrolled-students-table-toolbar__row {
1919 - display: grid;
1920 - gap: 14px;
1921 -}
1922 -.lp-enrolled-students-table-toolbar__row--course {
1923 - grid-template-columns: minmax(0, 1fr);
1924 -}
1925 -.lp-enrolled-students-table-toolbar__row--filters {
1926 - grid-template-columns: minmax(0, 1fr) minmax(145px, 200px) minmax(145px, 150px) auto;
1927 - align-items: end;
1928 - max-width: 1000px;
1929 -}
1930 -.lp-enrolled-students-table-toolbar__field {
1931 - display: flex;
1932 - flex-direction: column;
1933 - min-width: 0;
1934 -}
1935 -.lp-enrolled-students-table-toolbar__field input {
1936 - border: 1px solid var(--lp-border-color, #E2E0DB);
1937 -}
1938 -.lp-enrolled-students-table-toolbar__label {
1939 - color: #3f4a5c;
1940 - font-size: 14px;
1941 - font-weight: 600;
1942 - line-height: 1.3;
1943 - margin-bottom: 10px;
1944 - text-align: right;
1945 -}
1946 -.lp-enrolled-students-table-toolbar__input {
1947 - width: 100%;
1948 - height: 38px;
1949 - padding: 0 12px;
1950 - border: 1px solid #c6cfdb;
1951 - border-radius: 7px;
1952 - color: #2f3a4a;
1953 - background: #fff;
1954 - font-size: 14px;
1955 - line-height: 1.4;
1956 - box-shadow: none;
1957 -}
1958 -.lp-enrolled-students-table-toolbar__input:focus {
1959 - border-color: #2f75ff;
1960 - outline: none;
1961 - box-shadow: 0 0 0 1px #2f75ff;
1962 -}
1963 -.lp-enrolled-students-table-toolbar__actions {
1964 - display: flex;
1965 - align-items: flex-end;
1966 - gap: 8px;
1967 -}
1968 -.lp-enrolled-students-table-toolbar__actions .button:hover, .lp-enrolled-students-table-toolbar__actions .button:focus {
1969 - border-color: #99a7bc;
1970 - color: #2f3a4a;
1971 - background: #f4f7fb;
1972 -}
1973 -@media (max-width: 1024px) {
1974 - .lp-enrolled-students-table-toolbar__row--filters {
1975 - grid-template-columns: minmax(0, 1fr) minmax(150px, 1fr) minmax(150px, 1fr);
1976 - }
1977 - .lp-enrolled-students-table-toolbar__actions {
1978 - grid-column: 1/-1;
1979 - }
1980 -}
1981 -@media (max-width: 782px) {
1982 - .lp-enrolled-students-table-toolbar__row--filters {
1983 - grid-template-columns: 1fr 1fr;
1984 - }
1985 - .lp-enrolled-students-table-toolbar__field--student {
1986 - grid-column: 1/-1;
1987 - }
1988 - .lp-enrolled-students-table-toolbar__actions {
1989 - grid-column: 1/-1;
1990 - }
1991 -}
1992 -@media (max-width: 640px) {
1993 - .lp-enrolled-students-table-toolbar__row--filters {
1994 - grid-template-columns: 1fr;
1995 - }
1996 - .lp-enrolled-students-table-toolbar__actions .button {
1997 - width: 100%;
1998 - }
1999 -}
2000 -
2001 1912 /*.lp-enrolled-students-table {
2002 1913 width: 100%;
2003 1914 border: 0;
2004 1915 border-spacing: 0;
@@ -2176,9 +2087,8 @@
2176 2087 flex-wrap: wrap;
2177 2088 align-items: center;
2178 2089 justify-content: space-between;
2179 2090 gap: 8px;
2180 - border-top: 1px solid #e2e8f0;
2181 2091 }
2182 2092 .lp-enrolled-students-table-footer__count {
2183 2093 color: #64748b;
2184 2094 font-size: 13px;
@@ -2275,8 +2185,11 @@
2275 2185 width: 100%;
2276 2186 table-layout: fixed;
2277 2187 }*/
2278 2188 }
2189 +#lp-modal-enrolled-wrap .lp-table-wrap {
2190 + max-height: 60vh;
2191 +}
2279 2192
2280 2193 .lp-wrap-btn-view-course-students {
2281 2194 width: 100%;
2282 2195 }
@@ -2283,15 +2196,8 @@
2283 2196 .lp-wrap-btn-view-course-students button {
2284 2197 width: 100%;
2285 2198 }
2286 2199
2287 -.lp-students-enrolled-layout.learnpress_page_learn-press-students-enrolled .lp-enrolled-students-table-toolbar {
2288 - background: white;
2289 -}
2290 -.lp-students-enrolled-layout.learnpress_page_learn-press-students-enrolled .lp-list-table tbody {
2291 - background: white;
2292 -}
2293 -
2294 2200 .lp-btn-view-students {
2295 2201 margin-top: 10px;
2296 2202 white-space: nowrap;
2297 2203 display: block;
@@ -2690,8 +2596,65 @@
2690 2596 font-size: 1.6em;
2691 2597 margin-bottom: 12px;
2692 2598 }
2693 2599
2600 +.learn-press-profile-course {
2601 + /*&__progress {
2602 + .lp_profile_course_progress {
2603 + &__item {
2604 + img {
2605 + width: 100%;
2606 + aspect-ratio: 16/9;
2607 + object-fit: cover;
2608 + height: auto;
2609 + display: block;
2610 + }
2611 +
2612 + td,
2613 + th {
2614 + text-align: center;
2615 +
2616 + &:first-child {
2617 + width: 15%;
2618 + padding: 0;
2619 + @media ( max-width: 768px ) {
2620 + display: none;
2621 + }
2622 + }
2623 +
2624 + &:nth-child( 2 ) {
2625 + width: 25%;
2626 +
2627 + a {
2628 + display: -webkit-box;
2629 + -webkit-line-clamp: 2;
2630 + -webkit-box-orient: vertical;
2631 + overflow: hidden;
2632 + }
2633 + }
2634 +
2635 + &:nth-child( 3 ) {
2636 + width: 10%;
2637 + }
2638 +
2639 + &:nth-child( 4 ) {
2640 + width: 25%;
2641 + }
2642 +
2643 + &:nth-child( 5 ) {
2644 + width: 25%;
2645 + }
2646 + }
2647 + }
2648 + }
2649 +
2650 + @media ( max-width: 768px ) {
2651 + .learn-press-course-tab__filter__content {
2652 + overflow-x: auto;
2653 + }
2654 + }
2655 + }*/
2656 +}
2694 2657 .learn-press-profile-course__statistic {
2695 2658 margin-bottom: 32px;
2696 2659 }
2697 2660 .learn-press-profile-course__tab .learn-press-tabs--with-course-builder {
@@ -2734,58 +2697,8 @@
2734 2697 width: 100%;
2735 2698 margin: 0 0 16px;
2736 2699 }
2737 2700 }
2738 -.learn-press-profile-course__progress .lp_profile_course_progress__item img {
2739 - width: 100%;
2740 - aspect-ratio: 16/9;
2741 - object-fit: cover;
2742 - height: auto;
2743 - display: block;
2744 -}
2745 -.learn-press-profile-course__progress .lp_profile_course_progress__item td,
2746 -.learn-press-profile-course__progress .lp_profile_course_progress__item th {
2747 - text-align: center;
2748 -}
2749 -.learn-press-profile-course__progress .lp_profile_course_progress__item td:first-child,
2750 -.learn-press-profile-course__progress .lp_profile_course_progress__item th:first-child {
2751 - width: 15%;
2752 - padding: 0;
2753 -}
2754 -@media (max-width: 768px) {
2755 - .learn-press-profile-course__progress .lp_profile_course_progress__item td:first-child,
2756 - .learn-press-profile-course__progress .lp_profile_course_progress__item th:first-child {
2757 - display: none;
2758 - }
2759 -}
2760 -.learn-press-profile-course__progress .lp_profile_course_progress__item td:nth-child(2),
2761 -.learn-press-profile-course__progress .lp_profile_course_progress__item th:nth-child(2) {
2762 - width: 25%;
2763 -}
2764 -.learn-press-profile-course__progress .lp_profile_course_progress__item td:nth-child(2) a,
2765 -.learn-press-profile-course__progress .lp_profile_course_progress__item th:nth-child(2) a {
2766 - display: -webkit-box;
2767 - -webkit-line-clamp: 2;
2768 - -webkit-box-orient: vertical;
2769 - overflow: hidden;
2770 -}
2771 -.learn-press-profile-course__progress .lp_profile_course_progress__item td:nth-child(3),
2772 -.learn-press-profile-course__progress .lp_profile_course_progress__item th:nth-child(3) {
2773 - width: 10%;
2774 -}
2775 -.learn-press-profile-course__progress .lp_profile_course_progress__item td:nth-child(4),
2776 -.learn-press-profile-course__progress .lp_profile_course_progress__item th:nth-child(4) {
2777 - width: 25%;
2778 -}
2779 -.learn-press-profile-course__progress .lp_profile_course_progress__item td:nth-child(5),
2780 -.learn-press-profile-course__progress .lp_profile_course_progress__item th:nth-child(5) {
2781 - width: 25%;
2782 -}
2783 -@media (max-width: 768px) {
2784 - .learn-press-profile-course__progress .learn-press-course-tab__filter__content {
2785 - overflow-x: auto;
2786 - }
2787 -}
2788 2701
2789 2702 .lp-profile-content #profile-content-order-details h3 {
2790 2703 margin-top: 0;
2791 2704 font-size: 1.875em;
@@ -2829,8 +2742,16 @@
2829 2742 gap: 12px;
2830 2743 margin-top: 16px;
2831 2744 }
2832 2745
2746 +.lp_profile_course_progress__nav {
2747 + margin-top: 1rem;
2748 +}
2749 +
2750 +#profile-content-order-details .lp-table-wrap {
2751 + margin-bottom: 1rem;
2752 +}
2753 +
2833 2754 .course-extra-box {
2834 2755 margin-bottom: 16px;
2835 2756 border: 1px solid var(--lp-border-color, #E2E0DB);
2836 2757 border-radius: var(--lp-border-radius, 5px);
@@ -2869,17 +2790,12 @@
2869 2790 overflow: hidden;
2870 2791 transition: height 0.3s ease;
2871 2792 }
2872 2793 .course-extra-box__content-inner {
2873 - -webkit-animation-name: course-extra-box__content-inner-transform;
2874 2794 animation-name: course-extra-box__content-inner-transform;
2875 - -webkit-animation-duration: 0.3s;
2876 2795 animation-duration: 0.3s;
2877 - -webkit-animation-timing-function: ease-in-out;
2878 2796 animation-timing-function: ease-in-out;
2879 - -webkit-animation-iteration-count: 1;
2880 2797 animation-iteration-count: 1;
2881 - -webkit-animation-direction: normal;
2882 2798 animation-direction: normal;
2883 2799 }
2884 2800 .course-extra-box__content-inner > ul {
2885 2801 padding-right: 0 !important;
@@ -2940,19 +2856,13 @@
2940 2856 @-webkit-keyframes course-extra-box__content-inner-transform {
2941 2857 from {
2942 2858 opacity: 0;
2943 2859 -webkit-transform: translateX(-5%);
2944 - -moz-transform: translateX(-5%);
2945 - -ms-transform: translateX(-5%);
2946 - -o-transform: translateX(-5%);
2947 2860 transform: translateX(-5%);
2948 2861 }
2949 2862 to {
2950 2863 opacity: 1;
2951 2864 -webkit-transform: translateX(0%);
2952 - -moz-transform: translateX(0%);
2953 - -ms-transform: translateX(0%);
2954 - -o-transform: translateX(0%);
2955 2865 transform: translateX(0%);
2956 2866 }
2957 2867 }
2958 2868 @keyframes course-extra-box__content-inner-transform {
@@ -3027,19 +2937,13 @@
3027 2937 @-webkit-keyframes course-faqs-box__content-inner-transform {
3028 2938 from {
3029 2939 opacity: 0;
3030 2940 -webkit-transform: translateY(-5%);
3031 - -moz-transform: translateY(-5%);
3032 - -ms-transform: translateY(-5%);
3033 - -o-transform: translateY(-5%);
3034 2941 transform: translateY(-5%);
3035 2942 }
3036 2943 to {
3037 2944 opacity: 1;
3038 2945 -webkit-transform: translateY(0%);
3039 - -moz-transform: translateY(0%);
3040 - -ms-transform: translateY(0%);
3041 - -o-transform: translateY(0%);
3042 2946 transform: translateY(0%);
3043 2947 }
3044 2948 }
3045 2949 @keyframes course-faqs-box__content-inner-transform {
@@ -3045,19 +2949,13 @@
3045 2949 @keyframes course-faqs-box__content-inner-transform {
3046 2950 from {
3047 2951 opacity: 0;
3048 2952 -webkit-transform: translateY(-5%);
3049 - -moz-transform: translateY(-5%);
3050 - -ms-transform: translateY(-5%);
3051 - -o-transform: translateY(-5%);
3052 2953 transform: translateY(-5%);
3053 2954 }
3054 2955 to {
3055 2956 opacity: 1;
3056 2957 -webkit-transform: translateY(0%);
3057 - -moz-transform: translateY(0%);
3058 - -ms-transform: translateY(0%);
3059 - -o-transform: translateY(0%);
3060 2958 transform: translateY(0%);
3061 2959 }
3062 2960 }
3063 2961 .extra-box__title, .course-faqs__title, .course-material__title {
@@ -3097,11 +2995,8 @@
3097 2995 display: block;
3098 2996 }
3099 2997 .course-curriculum ul.curriculum-sections .section-title.c span.show-desc::before {
3100 2998 -webkit-transform: rotate(-180deg);
3101 - -moz-transform: rotate(-180deg);
3102 - -ms-transform: rotate(-180deg);
3103 - -o-transform: rotate(-180deg);
3104 2999 transform: rotate(-180deg);
3105 3000 top: 0;
3106 3001 }
3107 3002 .course-curriculum ul.curriculum-sections .item-meta.duration {
@@ -3120,18 +3015,21 @@
3120 3015 box-shadow: none;
3121 3016 outline: none;
3122 3017 }
3123 3018 .course-curriculum .section-item__loadmore.loading button:before {
3124 - display: inline-block;
3019 + position: absolute;
3020 + inset: 0;
3021 + display: flex;
3022 + align-items: center;
3023 + justify-content: center;
3125 3024 font-family: "lp-icon";
3126 3025 content: "\f110";
3127 3026 animation: lp-rotating 1s linear infinite;
3128 - margin-left: 5px;
3129 3027 font-variant: normal;
3130 3028 text-transform: none;
3131 3029 -webkit-font-smoothing: antialiased;
3132 3030 -moz-osx-font-smoothing: grayscale;
3133 - vertical-align: middle;
3031 + color: black;
3134 3032 }
3135 3033 .course-curriculum .section-header {
3136 3034 display: table;
3137 3035 width: 100%;
@@ -3139,9 +3037,8 @@
3139 3037 border-bottom: 0;
3140 3038 border-bottom: 1px solid #d9e0f1;
3141 3039 cursor: pointer;
3142 3040 -webkit-box-sizing: border-box;
3143 - -moz-box-sizing: border-box;
3144 3041 box-sizing: border-box;
3145 3042 }
3146 3043 .course-curriculum .section-header .section-title, .course-curriculum .section-header .section-desc {
3147 3044 margin: 0;
@@ -3347,18 +3244,21 @@
3347 3244 margin-top: 20px;
3348 3245 margin-bottom: 20px;
3349 3246 }
3350 3247 .course-curriculum .curriculum-more__button.loading:before {
3351 - display: inline-block;
3248 + position: absolute;
3249 + inset: 0;
3250 + display: flex;
3251 + align-items: center;
3252 + justify-content: center;
3352 3253 font-family: "lp-icon";
3353 3254 content: "\f110";
3354 3255 animation: lp-rotating 1s linear infinite;
3355 - margin-left: 5px;
3356 3256 font-variant: normal;
3357 3257 text-transform: none;
3358 3258 -webkit-font-smoothing: antialiased;
3359 3259 -moz-osx-font-smoothing: grayscale;
3360 - vertical-align: middle;
3260 + color: black;
3361 3261 }
3362 3262
3363 3263 body .content-item-summary .form-button-finish-course, body .lp-quiz-buttons .form-button-finish-course {
3364 3264 float: left;
@@ -3601,8 +3501,11 @@
3601 3501 content: "\e921";
3602 3502 color: #999;
3603 3503 }
3604 3504
3505 +.info-learning .course-progress > div {
3506 + margin-bottom: 8px;
3507 +}
3605 3508 .info-learning .course-progress__line {
3606 3509 width: 100%;
3607 3510 background: #ccc;
3608 3511 height: 5px;
@@ -3631,8 +3534,11 @@
3631 3534 width: 2px;
3632 3535 height: 100%;
3633 3536 background: var(--lp-secondary-color);
3634 3537 }
3538 +.info-learning .start-date, .info-learning .end-date {
3539 + margin-bottom: 8px;
3540 +}
3635 3541
3636 3542 .lp-quiz-buttons {
3637 3543 margin-bottom: 20px;
3638 3544 display: block;
@@ -3694,15 +3600,10 @@
3694 3600 position: relative;
3695 3601 margin: 0 0 18px 0;
3696 3602 padding: 10px;
3697 3603 cursor: pointer;
3698 - -webkit-border-radius: 4px;
3699 - -moz-border-radius: 4px;
3700 3604 border-radius: 4px;
3701 3605 -webkit-transition: background linear 0.25s;
3702 - -moz-transition: background linear 0.25s;
3703 - -ms-transition: background linear 0.25s;
3704 - -o-transition: background linear 0.25s;
3705 3606 transition: background linear 0.25s;
3706 3607 }
3707 3608 .answer-options .answer-option .option-title {
3708 3609 display: table-cell;
@@ -3719,11 +3620,8 @@
3719 3620 width: 3px;
3720 3621 background: #ddd;
3721 3622 content: "";
3722 3623 -webkit-transition: background linear 0.25s;
3723 - -moz-transition: background linear 0.25s;
3724 - -ms-transition: background linear 0.25s;
3725 - -o-transition: background linear 0.25s;
3726 3624 transition: background linear 0.25s;
3727 3625 }
3728 3626 .answer-options .answer-option input[type=checkbox],
3729 3627 .answer-options .answer-option input[type=radio] {
@@ -3736,10 +3634,8 @@
3736 3634 height: 32px;
3737 3635 margin: 0 3px 0 10px;
3738 3636 border: 1px solid #cfcfcf;
3739 3637 background: #f9fafc;
3740 - -webkit-border-radius: 4px;
3741 - -moz-border-radius: 4px;
3742 3638 border-radius: 4px;
3743 3639 }
3744 3640 .answer-options .answer-option input[type=checkbox]::after,
3745 3641 .answer-options .answer-option input[type=radio]::after {
@@ -3782,10 +3678,8 @@
3782 3678 .answer-options .answer-option input[type=checkbox]:checked::after {
3783 3679 border: none;
3784 3680 }
3785 3681 .answer-options .answer-option input[type=radio] {
3786 - -webkit-border-radius: 50%;
3787 - -moz-border-radius: 50%;
3788 3682 border-radius: 50%;
3789 3683 }
3790 3684 .answer-options .answer-option input[type=radio]::before {
3791 3685 border-radius: 50%;
@@ -3839,10 +3733,8 @@
3839 3733 background: #f02425;
3840 3734 display: flex;
3841 3735 align-items: center;
3842 3736 justify-content: center;
3843 - -webkit-border-radius: var(--lp-border-radius, 5px);
3844 - -moz-border-radius: var(--lp-border-radius, 5px);
3845 3737 border-radius: var(--lp-border-radius, 5px);
3846 3738 gap: 8px;
3847 3739 }
3848 3740 .quiz-result .result-message::after {
@@ -4132,9 +4024,8 @@
4132 4024 border: 4px solid #b1c1e6;
4133 4025 border-radius: 50%;
4134 4026 content: "";
4135 4027 -webkit-box-sizing: border-box;
4136 - -moz-box-sizing: border-box;
4137 4028 box-sizing: border-box;
4138 4029 }
4139 4030 .quiz-status .countdown .clock .circle-progress-bar {
4140 4031 display: inline-block;
@@ -4367,11 +4258,8 @@
4367 4258 padding: 50px;
4368 4259 justify-content: center;
4369 4260 align-items: center;
4370 4261 -webkit-transform: none !important;
4371 - -moz-transform: none !important;
4372 - -ms-transform: none !important;
4373 - -o-transform: none !important;
4374 4262 transform: none !important;
4375 4263 }
4376 4264 .quiz-result .result-grade::before,
4377 4265 .quiz-result .result-grade svg {
@@ -4380,10 +4268,8 @@
4380 4268 right: 50%;
4381 4269 width: 200px;
4382 4270 height: 200px;
4383 4271 margin-right: -100px;
4384 - -webkit-border-radius: 50%;
4385 - -moz-border-radius: 50%;
4386 4272 border-radius: 50%;
4387 4273 }
4388 4274 .quiz-result .result-grade::before {
4389 4275 box-sizing: border-box;
@@ -4392,11 +4278,8 @@
4392 4278 content: "";
4393 4279 }
4394 4280 .quiz-result .result-grade svg {
4395 4281 -webkit-transform: rotate(90deg);
4396 - -moz-transform: rotate(90deg);
4397 - -ms-transform: rotate(90deg);
4398 - -o-transform: rotate(90deg);
4399 4282 transform: rotate(90deg);
4400 4283 }
4401 4284 .quiz-result .result-grade svg circle {
4402 4285 stroke: var(--lp-primary-color);
@@ -4402,11 +4285,8 @@
4402 4285 stroke: var(--lp-primary-color);
4403 4286 }
4404 4287 .quiz-result.passed .result-grade svg {
4405 4288 -webkit-transform: rotate(90deg);
4406 - -moz-transform: rotate(90deg);
4407 - -ms-transform: rotate(90deg);
4408 - -o-transform: rotate(90deg);
4409 4289 transform: rotate(90deg);
4410 4290 }
4411 4291 .quiz-result.passed .result-grade .result-achieved {
4412 4292 color: #333;
@@ -4431,15 +4311,10 @@
4431 4311 position: absolute;
4432 4312 top: 50%;
4433 4313 border-color: #d9e0f1;
4434 4314 -webkit-transform: translateY(-50%);
4435 - -moz-transform: translateY(-50%);
4436 - -ms-transform: translateY(-50%);
4437 - -o-transform: translateY(-50%);
4438 4315 transform: translateY(-50%);
4439 4316 margin: 0 10px 0 0;
4440 - -webkit-border-radius: 4px;
4441 - -moz-border-radius: 4px;
4442 4317 border-radius: 4px;
4443 4318 }
4444 4319 .question .answer-option input[type=radio]::after,
4445 4320 .question .answer-option input[type=checkbox]::after {
@@ -4458,10 +4333,8 @@
4458 4333 .question .answer-option input[type=checkbox]:checked:not(:disabled)::after {
4459 4334 border-color: #99aee4;
4460 4335 }
4461 4336 .question .answer-option input[type=radio] {
4462 - -webkit-border-radius: 50%;
4463 - -moz-border-radius: 50%;
4464 4337 border-radius: 50%;
4465 4338 }
4466 4339 .question .answer-option input[type=radio]::before {
4467 4340 border-radius: 50%;
@@ -4473,10 +4346,8 @@
4473 4346 padding: 10px 60px 10px 10px;
4474 4347 border: 1px solid var(--lp-border-color, #E2E0DB);
4475 4348 color: #666;
4476 4349 font-weight: normal;
4477 - -webkit-border-radius: 4px;
4478 - -moz-border-radius: 4px;
4479 4350 border-radius: 4px;
4480 4351 }
4481 4352 .question .answer-option .option-title:hover {
4482 4353 background: #f9f9f9;
@@ -4601,10 +4472,8 @@
4601 4472 margin: 0 5px;
4602 4473 padding: 0 6px;
4603 4474 background: #ddd;
4604 4475 line-height: 1;
4605 - -webkit-border-radius: 4px;
4606 - -moz-border-radius: 4px;
4607 4476 border-radius: 4px;
4608 4477 }
4609 4478 .question.question-fill_in_blanks .blanks.ordered {
4610 4479 list-style-position: inside;
@@ -5242,10 +5111,8 @@
5242 5111 color: #fff;
5243 5112 background: #383838;
5244 5113 font-size: 0.8em;
5245 5114 line-height: 1.2em;
5246 - -webkit-border-radius: 3px;
5247 - -moz-border-radius: 3px;
5248 5115 border-radius: 3px;
5249 5116 }
5250 5117 .learn-press-tip-floating > * {
5251 5118 font-size: 0.8em;
@@ -5262,10 +5129,8 @@
5262 5129 background: #468fbc;
5263 5130 line-height: 1rem;
5264 5131 text-align: center;
5265 5132 cursor: pointer;
5266 - -webkit-border-radius: 50%;
5267 - -moz-border-radius: 50%;
5268 5133 border-radius: 50%;
5269 5134 }
5270 5135 .learn-press-tip-floating .close::before {
5271 5136 font-family: "lp-icon";
@@ -5303,46 +5168,16 @@
5303 5168 */
5304 5169 /**
5305 5170 * Mixin
5306 5171 */
5307 -@-webkit-keyframes rotating4 {
5308 - from {
5309 - -webkit-transform: rotate(0deg);
5310 - -o-transform: rotate(0deg);
5311 - transform: rotate(0deg);
5312 - }
5313 - to {
5314 - -webkit-transform: rotate(-360deg);
5315 - -o-transform: rotate(-360deg);
5316 - transform: rotate(-360deg);
5317 - }
5318 -}
5319 5172 @keyframes rotating4 {
5320 5173 from {
5321 - -ms-transform: rotate(0deg);
5322 - -moz-transform: rotate(0deg);
5323 - -webkit-transform: rotate(0deg);
5324 - -o-transform: rotate(0deg);
5325 5174 transform: rotate(0deg);
5326 5175 }
5327 5176 to {
5328 - -ms-transform: rotate(-360deg);
5329 - -moz-transform: rotate(-360deg);
5330 - -webkit-transform: rotate(-360deg);
5331 - -o-transform: rotate(-360deg);
5332 5177 transform: rotate(-360deg);
5333 5178 }
5334 5179 }
5335 -@-webkit-keyframes animation4 {
5336 - from {
5337 - right: -40%;
5338 - width: 40%;
5339 - }
5340 - to {
5341 - right: 100%;
5342 - width: 10%;
5343 - }
5344 -}
5345 5180 @keyframes animation4 {
5346 5181 from {
5347 5182 right: -40%;
5348 5183 width: 40%;
@@ -5366,10 +5201,8 @@
5366 5201 min-width: 300px !important;
5367 5202 padding: 10px !important;
5368 5203 background: #F5F5F5;
5369 5204 transition: opacity 0.25s;
5370 - -webkit-border-radius: 3px;
5371 - -moz-border-radius: 3px;
5372 5205 border-radius: 3px;
5373 5206 }
5374 5207 body.confirm #popup_container #popup_title {
5375 5208 display: none !important;
@@ -5377,10 +5210,8 @@
5377 5210 body.confirm #popup_container #popup_message {
5378 5211 margin: -10px;
5379 5212 background: #FFF;
5380 5213 padding: 20px;
5381 - -webkit-border-radius: 3px;
5382 - -moz-border-radius: 3px;
5383 5214 border-radius: 3px;
5384 5215 }
5385 5216 body.confirm #popup_container .close {
5386 5217 position: absolute;
@@ -5483,13 +5314,8 @@
5483 5314 padding: 0 !important;
5484 5315 min-height: 300px;
5485 5316 list-style: none;
5486 5317 position: relative;
5487 - display: -webkit-box;
5488 - display: -moz-box;
5489 - display: -ms-flexbox;
5490 - display: -moz-flex;
5491 - display: -webkit-flex;
5492 5318 display: flex;
5493 5319 -webkit-flex-wrap: wrap;
5494 5320 flex-wrap: wrap;
5495 5321 }
@@ -5919,8 +5745,9 @@
5919 5745 margin-bottom: 32px;
5920 5746 flex-wrap: wrap;
5921 5747 }
5922 5748 .lp-courses-bar .courses-order-by {
5749 + margin-bottom: 0;
5923 5750 border: 1px solid var(--lp-border-color, #E2E0DB);
5924 5751 border-radius: var(--lp-border-radius, 5px);
5925 5752 padding: 8px 16px;
5926 5753 height: inherit;
@@ -5931,9 +5758,8 @@
5931 5758 background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDE4IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iVmVjdG9yLSgxKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDEuMDAwMDAwKSIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgiIHBvaW50cz0iMCAwIDggOCAxNiAwIj48L3BvbHlsaW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
5932 5759 background-size: 0.8em;
5933 5760 background-position: calc(100% - (100% - 0.5em)) center;
5934 5761 background-repeat: no-repeat;
5935 - -moz-appearance: none;
5936 5762 -webkit-appearance: none;
5937 5763 appearance: none;
5938 5764 line-height: 1.1;
5939 5765 }
@@ -5963,20 +5789,8 @@
5963 5789 font-size: inherit;
5964 5790 line-height: 1.1;
5965 5791 box-shadow: none;
5966 5792 }
5967 -.lp-courses-bar .search-courses input::-webkit-input-placeholder {
5968 - color: #999;
5969 -}
5970 -.lp-courses-bar .search-courses input::-moz-placeholder {
5971 - color: #999;
5972 -}
5973 -.lp-courses-bar .search-courses input:-ms-input-placeholder {
5974 - color: #999;
5975 -}
5976 -.lp-courses-bar .search-courses input:-moz-placeholder {
5977 - color: #999;
5978 -}
5979 5793 .lp-courses-bar .search-courses input::placeholder {
5980 5794 color: #999;
5981 5795 }
5982 5796 .lp-courses-bar .search-courses input:focus {
@@ -5991,8 +5805,9 @@
5991 5805 font-size: inherit;
5992 5806 line-height: 1.1;
5993 5807 box-shadow: none;
5994 5808 box-shadow: 0 0 0;
5809 + margin-bottom: 0;
5995 5810 }
5996 5811 .lp-courses-bar .search-courses button i {
5997 5812 font-size: 1.2em;
5998 5813 line-height: 1.2;
@@ -6002,10 +5817,8 @@
6002 5817 }
6003 5818 .lp-courses-bar .search-courses button.loading > i:before {
6004 5819 display: inline-block;
6005 5820 content: "\f110";
6006 - -webkit-animation: lp-rotating 1s linear infinite;
6007 - -moz-animation: lp-rotating 1s linear infinite;
6008 5821 animation: lp-rotating 1s linear infinite;
6009 5822 }
6010 5823 .lp-courses-bar .switch-layout {
6011 5824 align-items: center;
@@ -6823,8 +6636,11 @@
6823 6636 }
6824 6637 .lp-single-course .lp-single-course-main__right__inner > div {
6825 6638 margin-bottom: 20px;
6826 6639 }
6640 +.lp-single-course .lp-single-course-main__right__inner > div.info-learning {
6641 + margin-bottom: 12px;
6642 +}
6827 6643 .lp-single-course .lp-single-course-main__right__inner > div:last-child {
6828 6644 margin-bottom: 0;
6829 6645 }
6830 6646 .lp-single-course .lp-single-course-main .info-metas .info-meta-item {
@@ -6967,8 +6783,18 @@
6967 6783 }
6968 6784 .lp-single-course button {
6969 6785 font-size: 1em;
6970 6786 }
6787 +@media (min-width: 992px) {
6788 + .lp-single-course .lp-is-mobile {
6789 + display: none;
6790 + }
6791 +}
6792 +@media (max-width: 991px) {
6793 + .lp-single-course .lp-is-pc {
6794 + display: none;
6795 + }
6796 +}
6971 6797
6972 6798 .course-featured {
6973 6799 padding: 4px 12px;
6974 6800 border-radius: var(--lp-border-radius, 5px);
@@ -7541,9 +7367,8 @@
7541 7367 display: none;
7542 7368 }
7543 7369 #popup-course .scrollbar-light > .scroll-element.scroll-y .scroll-bar {
7544 7370 -webkit-box-sizing: border-box;
7545 - -moz-box-sizing: border-box;
7546 7371 box-sizing: border-box;
7547 7372 }
7548 7373
7549 7374 #popup-header {
@@ -7645,20 +7470,8 @@
7645 7470 box-shadow: none;
7646 7471 height: auto;
7647 7472 font-size: 1rem;
7648 7473 }
7649 -#popup-sidebar .search-course input[name=s]::-webkit-input-placeholder {
7650 - color: #999;
7651 -}
7652 -#popup-sidebar .search-course input[name=s]::-moz-placeholder {
7653 - color: #999;
7654 -}
7655 -#popup-sidebar .search-course input[name=s]:-ms-input-placeholder {
7656 - color: #999;
7657 -}
7658 -#popup-sidebar .search-course input[name=s]:-moz-placeholder {
7659 - color: #999;
7660 -}
7661 7474 #popup-sidebar .search-course input[name=s]::placeholder {
7662 7475 color: #999;
7663 7476 }
7664 7477 #popup-sidebar .search-course input[name=s]:focus {
@@ -8008,8 +7821,9 @@
8008 7821 width: auto;
8009 7822 height: auto;
8010 7823 font-family: "lp-icon";
8011 7824 content: "\f0d9";
7825 + line-height: 1;
8012 7826 }
8013 7827 #sidebar-toggle:focus {
8014 7828 border: 0;
8015 7829 outline: 0;
@@ -8419,11 +8233,8 @@
8419 8233 .social-share-toggle .wrapper-content-widget {
8420 8234 visibility: hidden;
8421 8235 text-align: right;
8422 8236 opacity: 0;
8423 - -webkit-transition: all 0.27s ease;
8424 - -moz-transition: all 0.27s ease;
8425 - -o-transition: all 0.27s ease;
8426 8237 transition: all 0.27s ease;
8427 8238 position: absolute;
8428 8239 left: 0;
8429 8240 top: auto;
@@ -8564,10 +8375,8 @@
8564 8375 right: 50%;
8565 8376 padding: 35px 60px 28px 60px;
8566 8377 background: #fff;
8567 8378 transform: translate(50%, -50%);
8568 - -webkit-border-radius: 4px;
8569 - -moz-border-radius: 4px;
8570 8379 border-radius: 4px;
8571 8380 }
8572 8381 #lp-modal-window #lp-modal-content {
8573 8382 margin: 0 0 24px 0;
@@ -8617,10 +8426,8 @@
8617 8426 overflow: hidden;
8618 8427 position: relative;
8619 8428 height: 6px;
8620 8429 background: #ccc;
8621 - -webkit-border-radius: 5px;
8622 - -moz-border-radius: 5px;
8623 8430 border-radius: 5px;
8624 8431 }
8625 8432 .learn-press-progress .progress-bg .progress-active {
8626 8433 position: absolute;
@@ -8628,10 +8435,8 @@
8628 8435 width: 100%;
8629 8436 height: 100%;
8630 8437 margin-right: -100%;
8631 8438 background: var(--lp-primary-color);
8632 - -webkit-border-radius: 5px;
8633 - -moz-border-radius: 5px;
8634 8439 border-radius: 5px;
8635 8440 }
8636 8441 .learn-press-progress .learn-press-progress__active {
8637 8442 position: absolute;
@@ -8641,11 +8446,8 @@
8641 8446 height: 100%;
8642 8447 border-radius: 3px;
8643 8448 background: var(--lp-primary-color);
8644 8449 -webkit-transition: 0.5s;
8645 - -moz-transition: 0.5s;
8646 - -ms-transition: 0.5s;
8647 - -o-transition: 0.5s;
8648 8450 transition: 0.5s;
8649 8451 }
8650 8452 .learn-press-progress::before {
8651 8453 display: block;
@@ -8886,8 +8688,10 @@
8886 8688 }
8887 8689
8888 8690 /**
8889 8691 * Style for table LearnPress
8692 +* @since 4.3.3
8693 +* @version 1.0.1
8890 8694 */
8891 8695 .lp-table-wrap {
8892 8696 border-radius: 5px;
8893 8697 width: 100%;
@@ -8892,8 +8696,10 @@
8892 8696 border-radius: 5px;
8893 8697 width: 100%;
8894 8698 border: 1px solid var(--lp-border-color, #E2E0DB);
8895 8699 overflow-x: auto;
8700 + overflow-y: auto;
8701 + -webkit-overflow-scrolling: touch;
8896 8702 }
8897 8703
8898 8704 table.lp-list-table {
8899 8705 border-collapse: collapse;
@@ -8899,8 +8705,9 @@
8899 8705 border-collapse: collapse;
8900 8706 width: 100%;
8901 8707 margin: 0;
8902 8708 min-width: 768px;
8709 + border: none;
8903 8710 }
8904 8711 table.lp-list-table td {
8905 8712 padding: 0;
8906 8713 }
@@ -8907,47 +8714,86 @@
8907 8714 table.lp-list-table .learn-press-pagination {
8908 8715 text-align: right;
8909 8716 }
8910 8717 table.lp-list-table thead {
8911 - background-color: var(--lp-white-grey, #F7F7FB);
8912 8718 border: none;
8913 8719 }
8720 +table.lp-list-table thead tr:first-child td, table.lp-list-table thead tr:first-child th {
8721 + border-block-start: none;
8722 +}
8914 8723 table.lp-list-table thead tr {
8915 8724 border-bottom: 1px solid var(--lp-border-color, #E2E0DB);
8725 + position: sticky;
8726 + top: 0;
8727 + z-index: 2;
8728 + background-color: var(--lp-white-grey, #F7F7FB);
8916 8729 }
8917 8730 table.lp-list-table thead th {
8918 8731 background: none;
8919 8732 border: none;
8920 - font-size: 1em;
8921 8733 padding: 10px 20px;
8922 8734 text-align: right;
8923 8735 }
8736 +table.lp-list-table thead th.sortable > a, table.lp-list-table thead th.sorted > a {
8737 + display: flex;
8738 + align-items: center;
8739 + gap: 0.5em;
8740 +}
8741 +table.lp-list-table thead th .sorting-indicator {
8742 + display: inline-flex;
8743 + flex-direction: column;
8744 + align-items: center;
8745 + gap: 0.05em;
8746 + height: 20px;
8747 + margin: 0;
8748 + padding: 0;
8749 +}
8750 +table.lp-list-table thead th .sorting-indicator i {
8751 + color: #aaa;
8752 + height: 10px;
8753 +}
8754 +table.lp-list-table thead th .sorting-indicator i.is-active {
8755 + color: #000;
8756 +}
8924 8757 table.lp-list-table thead th td {
8925 8758 border: none;
8926 8759 padding: 0;
8927 8760 }
8928 -table.lp-list-table tbody {
8929 - font-size: 14px;
8930 -}
8931 8761 table.lp-list-table tbody tr {
8932 8762 border: none;
8933 - border-bottom: 1px solid var(--lp-white-grey, #F7F7FB);
8934 8763 }
8935 -table.lp-list-table tbody tr:nth-child(even) td {
8936 - background: none;
8764 +table.lp-list-table tbody tr:nth-child(even) {
8765 + background-color: hsla(0, 0%, 50%, 0.05);
8937 8766 }
8767 +table.lp-list-table tbody tr:hover {
8768 + background-color: #eff6ff;
8769 +}
8938 8770 table.lp-list-table tbody tr td {
8939 8771 border: none;
8772 + border-bottom: 1px solid var(--lp-border-color, #E2E0DB);
8940 8773 padding: 10px 20px;
8941 8774 text-align: right;
8942 8775 }
8776 +table.lp-list-table tbody tr td a {
8777 + text-decoration: none;
8778 +}
8779 +table.lp-list-table tbody tr:last-child td, table.lp-list-table tbody tr:last-child th {
8780 + border-bottom: none;
8781 +}
8782 +table.lp-list-table tbody th {
8783 + border: none;
8784 + border-bottom: 1px solid var(--lp-border-color, #E2E0DB);
8785 + padding: 10px 20px;
8786 + text-align: right;
8787 +}
8943 8788 table.lp-list-table tfoot tr {
8944 8789 border: none;
8945 8790 }
8946 -table.lp-list-table tfoot tr td {
8791 +table.lp-list-table tfoot tr td, table.lp-list-table tfoot tr th {
8947 8792 border: none;
8793 + border-top: 1px solid var(--lp-border-color, #E2E0DB);
8948 8794 }
8949 -table.lp-list-table tfoot tr td > div {
8795 +table.lp-list-table tfoot tr td > div, table.lp-list-table tfoot tr th > div {
8950 8796 padding: 20px;
8951 8797 }
8952 8798 table.lp-list-table tfoot .pagination {
8953 8799 border: none;
@@ -8952,8 +8798,21 @@
8952 8798 table.lp-list-table tfoot .pagination {
8953 8799 border: none;
8954 8800 padding: 0;
8955 8801 }
8802 +table.lp-list-table.order-table-details tbody tr:last-child {
8803 + --lp-white-grey: var(--lp-border-color, #E2E0DB);
8804 +}
8805 +table.lp-list-table.order-table-details tfoot {
8806 + border-top: 1px solid var(--lp-border-color, #E2E0DB);
8807 +}
8808 +table.lp-list-table.order-table-details tfoot tr td, table.lp-list-table.order-table-details tfoot tr th {
8809 + padding: 10px 20px;
8810 + background-color: transparent;
8811 +}
8812 +table.lp-list-table.order-table-details tfoot tr:not(:last-child) td, table.lp-list-table.order-table-details tfoot tr:not(:last-child) th {
8813 + padding-bottom: 0;
8814 +}
8956 8815
8957 8816 /**
8958 8817 * Style for the popup alert, confirm
8959 8818 * @link https://sweetalert2.github.io/
@@ -9020,13 +8879,82 @@
9020 8879 .swal2-popup .swal2-close {
9021 8880 background-color: unset !important;
9022 8881 outline: none !important;
9023 8882 color: rgb(204, 204, 204) !important;
8883 + font-size: 30px;
8884 + box-shadow: none !important;
8885 + position: absolute;
9024 8886 }
9025 8887 .swal2-popup .swal2-close:hover {
9026 8888 color: #f27474 !important;
9027 8889 }
9028 8890
8891 +/**
8892 +* Style for the Form Filter list
8893 +* @since 4.4.5
8894 +* @version 1.0.0
8895 +*/
8896 +.lp-form-filter {
8897 + display: grid;
8898 + gap: 12px;
8899 + margin-bottom: 24px;
8900 +}
8901 +.lp-form-filter__fields {
8902 + display: flex;
8903 + flex-wrap: wrap;
8904 + align-items: flex-end;
8905 + gap: 14px;
8906 +}
8907 +.lp-form-filter__fields > * {
8908 + flex: 1 1 0;
8909 + min-width: 0;
8910 +}
8911 +@media screen and (max-width: 782px) {
8912 + .lp-form-filter__fields > * {
8913 + flex: 1 1 50%;
8914 + }
8915 +}
8916 +@media screen and (max-width: 500px) {
8917 + .lp-form-filter__fields > * {
8918 + flex: 1 1 100%;
8919 + }
8920 +}
8921 +.lp-form-filter .filter-field {
8922 + display: flex;
8923 + flex-direction: column;
8924 + gap: 5px;
8925 + max-width: 200px;
8926 +}
8927 +.lp-form-filter .filter-field label {
8928 + text-align: right;
8929 + font-weight: bold;
8930 +}
8931 +.lp-form-filter button {
8932 + display: inline-flex;
8933 + align-items: center;
8934 + justify-content: center;
8935 +}
8936 +.lp-form-filter__actions {
8937 + display: flex;
8938 + gap: 8px;
8939 + align-items: center;
8940 +}
8941 +.lp-form-filter input, .lp-form-filter select {
8942 + min-height: 40px;
8943 + padding: 0 12px;
8944 +}
8945 +.lp-form-filter .lp-tom-select.ts-wrapper {
8946 + width: 100%;
8947 + min-width: auto;
8948 + /*&.dropdown-active {
8949 + width: 100%;
8950 + }*/
8951 +}
8952 +.lp-form-filter .lp-tom-select.ts-wrapper .ts-control {
8953 + min-height: 40px;
8954 + padding: 0 12px;
8955 +}
8956 +
9029 8957 /* end reset css */
9030 8958 @media (max-width: 1024px) {
9031 8959 body.learnpress-page {
9032 8960 --lp-cotainer-padding: 1rem;
@@ -9133,9 +9061,8 @@
9133 9061 margin-right: 0;
9134 9062 }
9135 9063 .content-item-wrap #comments #comment {
9136 9064 -webkit-box-sizing: border-box;
9137 - -moz-box-sizing: border-box;
9138 9065 box-sizing: border-box;
9139 9066 }
9140 9067
9141 9068 .course-tabs input[name=learn-press-course-tab-radio],