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/css/learnpress-rtl.css +210 -154 4.4.74.4.8 View file →
@@ -27,8 +27,82 @@
27 27 right: 100%;
28 28 width: 10%;
29 29 }
30 30 }
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;
64 + }
65 + 50% {
66 + width: 100%;
67 + right: 0;
68 + }
69 + 100% {
70 + width: 0%;
71 + right: 100%;
72 + }
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: flex;
86 + align-items: center;
87 + justify-content: center;
88 + pointer-events: none;
89 + color: rgba(0, 0, 0, 0.2) !important;
90 +}
91 +.lp-button.loading:before {
92 + position: absolute;
93 + display: inline-block;
94 + font-family: "lp-icon";
95 + content: "\f110";
96 + animation: lp-rotating 1s linear infinite;
97 + font-variant: normal;
98 + text-transform: none;
99 + -webkit-font-smoothing: antialiased;
100 + -moz-osx-font-smoothing: grayscale;
101 + vertical-align: middle;
102 + color: black;
103 +}
104 +
31 105 .learn-press-message {
32 106 position: relative;
33 107 margin: 0 !important;
34 108 padding: 10px 20px;
@@ -275,30 +349,8 @@
275 349 width: 20px;
276 350 height: 20px;
277 351 }
278 352
279 -.lp-button {
280 - border: 1px solid var(--lp-border-color, #E2E0DB);
281 - border-radius: var(--lp-border-radius, 5px);
282 - padding: 8px 16px;
283 -}
284 -.lp-button.loading {
285 - pointer-events: none;
286 - opacity: 0.8;
287 -}
288 -.lp-button.loading:before {
289 - display: inline-block;
290 - font-family: "lp-icon";
291 - content: "\f110";
292 - animation: lp-rotating 1s linear infinite;
293 - margin-left: 5px;
294 - font-variant: normal;
295 - text-transform: none;
296 - -webkit-font-smoothing: antialiased;
297 - -moz-osx-font-smoothing: grayscale;
298 - vertical-align: middle;
299 -}
300 -
301 353 .lp-hidden {
302 354 display: none !important;
303 355 }
304 356
@@ -824,11 +876,8 @@
824 876 flex-direction: column-reverse;
825 877 margin: 0;
826 878 }
827 879 }
828 -.lp-checkout-form #btn-checkout-account-switch-to-guest {
829 - margin-bottom: 60px;
830 -}
831 880 .lp-checkout-form .description {
832 881 float: right;
833 882 }
834 883 .lp-checkout-form a {
@@ -876,32 +925,8 @@
876 925 }
877 926 .lp-checkout-form .lp-guest-switch-login a {
878 927 display: inline-block;
879 928 }
880 -.lp-checkout-form input[name=checkout-account-switch-form] {
881 - display: none;
882 -}
883 -.lp-checkout-form input[name=checkout-account-switch-form]:not(:checked) + .lp-checkout-block {
884 - display: none;
885 - overflow: hidden;
886 - height: 0;
887 - margin: 0;
888 - padding: 0;
889 - border: 0;
890 - opacity: 0;
891 -}
892 -.lp-checkout-form input[name=checkout-account-switch-form]:not(:checked) + .lp-checkout-block > * {
893 - overflow: hidden;
894 - height: 0;
895 -}
896 -.lp-checkout-form input[name=checkout-account-switch-form]:checked + .lp-checkout-block {
897 - display: block;
898 - overflow: auto;
899 - height: auto;
900 -}
901 -.lp-checkout-form input[name=checkout-account-switch-form][value=guest]:checked ~ #btn-checkout-account-switch-to-guest {
902 - display: none;
903 -}
904 929 .lp-checkout-form::after {
905 930 display: block;
906 931 clear: both;
907 932 content: "";
@@ -909,31 +934,37 @@
909 934 .lp-checkout-form:focus {
910 935 outline: 0;
911 936 }
912 937
913 -#checkout-order .lp-checkout-order__inner {
914 - padding: 0 20px;
915 - border: 1px solid var(--lp-border-color, #E2E0DB);
916 - border-radius: 4px;
938 +#checkout-order {
939 + /*.lp-checkout-order__inner {
940 + padding: 0 20px;
941 + border: 1px solid $border-color;
942 + border-radius: 4px;
943 + }*/
944 + /*td, th{
945 + border-right: 0;
946 + border-left: 0;
947 + background: transparent;
948 + &:last-child {
949 + padding-right: 0;
950 + }
951 + }
952 + table {
953 + width: 100%;
954 + margin: 0;
955 + border: 0;
956 + }*/
917 957 }
958 +#checkout-order .lp-list-table {
959 + min-width: auto;
960 +}
918 961 #checkout-order .cart-item:first-child td {
919 962 border-top: 0;
920 963 }
921 -#checkout-order td, #checkout-order th {
922 - border-left: 0;
923 - border-right: 0;
924 - background: transparent;
925 -}
926 -#checkout-order td:last-child, #checkout-order th:last-child {
927 - padding-left: 0;
928 -}
929 -#checkout-order table {
930 - width: 100%;
931 - margin: 0;
932 - border: 0;
933 -}
934 964 #checkout-order .course-name {
935 965 font-weight: 600;
966 + text-align: right;
936 967 }
937 968 #checkout-order .course-name a {
938 969 display: -webkit-box;
939 970 overflow: hidden;
@@ -947,34 +978,38 @@
947 978 #checkout-order .col-number {
948 979 min-width: 50px;
949 980 color: #666;
950 981 font-weight: 600;
951 - text-align: left;
982 + text-align: right;
952 983 }
953 984 #checkout-order tfoot {
954 - font-size: 1.2em;
985 + text-align: right;
986 + /*tr:last-child {
987 + border-width: 0;
988 +
989 + td, th {
990 + border-width: 0;
991 + }
992 + }*/
955 993 }
956 994 #checkout-order tfoot th {
957 995 font-weight: 600;
958 - padding-right: 0;
996 + padding: 10px 20px;
959 997 }
960 -#checkout-order tfoot .order-total {
961 - font-size: 1.4em;
998 +#checkout-order tfoot tr:hover {
999 + background: #eff6ff;
962 1000 }
963 -#checkout-order tfoot tr:last-child {
964 - border-width: 0;
1001 +#checkout-order tfoot td {
1002 + padding: 10px 20px;
965 1003 }
966 -#checkout-order tfoot tr:last-child td, #checkout-order tfoot tr:last-child th {
967 - border-width: 0;
1004 +#checkout-order tfoot .order-total {
1005 + font-size: 1.2em;
968 1006 }
969 1007 #checkout-order .course-thumbnail {
970 1008 width: 80px;
971 - padding: 20px 0 18px 13px;
972 1009 }
973 1010 #checkout-order .course-thumbnail img {
974 1011 width: 100px;
975 - max-width: 100% !important;
976 - height: auto !important;
977 1012 }
978 1013
979 1014 .order-comments {
980 1015 width: 100%;
@@ -1219,16 +1254,27 @@
1219 1254 .learn-press-checkout-comment h4 {
1220 1255 display: none;
1221 1256 }
1222 1257
1223 -.lp-content-area .order_details {
1224 - width: 100%;
1225 - border-collapse: collapse;
1258 +.order_details.lp-list-table th {
1259 + max-width: 80px;
1260 + text-align: right;
1226 1261 }
1227 -.lp-content-area .order_details th a, .lp-content-area .order_details td a {
1228 - color: var(--lp-primary-color);
1229 -}
1230 1262
1263 +/*.lp-content-area .order_details {
1264 + width: 100%;
1265 + border-collapse: collapse;
1266 +
1267 +
1268 + th, td {
1269 + //text-align: left;
1270 + //padding: 10px 25px;
1271 + //border: 1px solid;
1272 + a {
1273 + color: var(--lp-primary-color);
1274 + }
1275 + }
1276 +}*/
1231 1277 .learnpress-checkout .learnpress > .learn-press-message {
1232 1278 max-width: var(--lp-container-max-width);
1233 1279 margin: 0 auto;
1234 1280 }
@@ -1652,18 +1698,19 @@
1652 1698 .learnpress_avatar__form__upload div {
1653 1699 line-height: 1.4;
1654 1700 }
1655 1701 .learnpress_avatar__button--loading:before {
1702 + position: absolute;
1656 1703 display: inline-block;
1657 1704 font-family: "lp-icon";
1658 1705 content: "\f110";
1659 1706 animation: lp-rotating 1s linear infinite;
1660 - margin-left: 5px;
1661 1707 font-variant: normal;
1662 1708 text-transform: none;
1663 1709 -webkit-font-smoothing: antialiased;
1664 1710 -moz-osx-font-smoothing: grayscale;
1665 1711 vertical-align: middle;
1712 + color: black;
1666 1713 }
1667 1714
1668 1715 button.learnpress_avatar__button {
1669 1716 height: 40px;
@@ -2515,8 +2562,65 @@
2515 2562 font-size: 1.6em;
2516 2563 margin-bottom: 12px;
2517 2564 }
2518 2565
2566 +.learn-press-profile-course {
2567 + /*&__progress {
2568 + .lp_profile_course_progress {
2569 + &__item {
2570 + img {
2571 + width: 100%;
2572 + aspect-ratio: 16/9;
2573 + object-fit: cover;
2574 + height: auto;
2575 + display: block;
2576 + }
2577 +
2578 + td,
2579 + th {
2580 + text-align: center;
2581 +
2582 + &:first-child {
2583 + width: 15%;
2584 + padding: 0;
2585 + @media ( max-width: 768px ) {
2586 + display: none;
2587 + }
2588 + }
2589 +
2590 + &:nth-child( 2 ) {
2591 + width: 25%;
2592 +
2593 + a {
2594 + display: -webkit-box;
2595 + -webkit-line-clamp: 2;
2596 + -webkit-box-orient: vertical;
2597 + overflow: hidden;
2598 + }
2599 + }
2600 +
2601 + &:nth-child( 3 ) {
2602 + width: 10%;
2603 + }
2604 +
2605 + &:nth-child( 4 ) {
2606 + width: 25%;
2607 + }
2608 +
2609 + &:nth-child( 5 ) {
2610 + width: 25%;
2611 + }
2612 + }
2613 + }
2614 + }
2615 +
2616 + @media ( max-width: 768px ) {
2617 + .learn-press-course-tab__filter__content {
2618 + overflow-x: auto;
2619 + }
2620 + }
2621 + }*/
2622 +}
2519 2623 .learn-press-profile-course__statistic {
2520 2624 margin-bottom: 32px;
2521 2625 }
2522 2626 .learn-press-profile-course__tab .learn-press-tabs--with-course-builder {
@@ -2559,58 +2663,8 @@
2559 2663 width: 100%;
2560 2664 margin: 0 0 16px;
2561 2665 }
2562 2666 }
2563 -.learn-press-profile-course__progress .lp_profile_course_progress__item img {
2564 - width: 100%;
2565 - aspect-ratio: 16/9;
2566 - object-fit: cover;
2567 - height: auto;
2568 - display: block;
2569 -}
2570 -.learn-press-profile-course__progress .lp_profile_course_progress__item td,
2571 -.learn-press-profile-course__progress .lp_profile_course_progress__item th {
2572 - text-align: center;
2573 -}
2574 -.learn-press-profile-course__progress .lp_profile_course_progress__item td:first-child,
2575 -.learn-press-profile-course__progress .lp_profile_course_progress__item th:first-child {
2576 - width: 15%;
2577 - padding: 0;
2578 -}
2579 -@media (max-width: 768px) {
2580 - .learn-press-profile-course__progress .lp_profile_course_progress__item td:first-child,
2581 - .learn-press-profile-course__progress .lp_profile_course_progress__item th:first-child {
2582 - display: none;
2583 - }
2584 -}
2585 -.learn-press-profile-course__progress .lp_profile_course_progress__item td:nth-child(2),
2586 -.learn-press-profile-course__progress .lp_profile_course_progress__item th:nth-child(2) {
2587 - width: 25%;
2588 -}
2589 -.learn-press-profile-course__progress .lp_profile_course_progress__item td:nth-child(2) a,
2590 -.learn-press-profile-course__progress .lp_profile_course_progress__item th:nth-child(2) a {
2591 - display: -webkit-box;
2592 - -webkit-line-clamp: 2;
2593 - -webkit-box-orient: vertical;
2594 - overflow: hidden;
2595 -}
2596 -.learn-press-profile-course__progress .lp_profile_course_progress__item td:nth-child(3),
2597 -.learn-press-profile-course__progress .lp_profile_course_progress__item th:nth-child(3) {
2598 - width: 10%;
2599 -}
2600 -.learn-press-profile-course__progress .lp_profile_course_progress__item td:nth-child(4),
2601 -.learn-press-profile-course__progress .lp_profile_course_progress__item th:nth-child(4) {
2602 - width: 25%;
2603 -}
2604 -.learn-press-profile-course__progress .lp_profile_course_progress__item td:nth-child(5),
2605 -.learn-press-profile-course__progress .lp_profile_course_progress__item th:nth-child(5) {
2606 - width: 25%;
2607 -}
2608 -@media (max-width: 768px) {
2609 - .learn-press-profile-course__progress .learn-press-course-tab__filter__content {
2610 - overflow-x: auto;
2611 - }
2612 -}
2613 2667
2614 2668 .lp-profile-content #profile-content-order-details h3 {
2615 2669 margin-top: 0;
2616 2670 font-size: 1.875em;
@@ -2919,18 +2973,19 @@
2919 2973 box-shadow: none;
2920 2974 outline: none;
2921 2975 }
2922 2976 .course-curriculum .section-item__loadmore.loading button:before {
2977 + position: absolute;
2923 2978 display: inline-block;
2924 2979 font-family: "lp-icon";
2925 2980 content: "\f110";
2926 2981 animation: lp-rotating 1s linear infinite;
2927 - margin-left: 5px;
2928 2982 font-variant: normal;
2929 2983 text-transform: none;
2930 2984 -webkit-font-smoothing: antialiased;
2931 2985 -moz-osx-font-smoothing: grayscale;
2932 2986 vertical-align: middle;
2987 + color: black;
2933 2988 }
2934 2989 .course-curriculum .section-header {
2935 2990 display: table;
2936 2991 width: 100%;
@@ -3145,18 +3200,19 @@
3145 3200 margin-top: 20px;
3146 3201 margin-bottom: 20px;
3147 3202 }
3148 3203 .course-curriculum .curriculum-more__button.loading:before {
3204 + position: absolute;
3149 3205 display: inline-block;
3150 3206 font-family: "lp-icon";
3151 3207 content: "\f110";
3152 3208 animation: lp-rotating 1s linear infinite;
3153 - margin-left: 5px;
3154 3209 font-variant: normal;
3155 3210 text-transform: none;
3156 3211 -webkit-font-smoothing: antialiased;
3157 3212 -moz-osx-font-smoothing: grayscale;
3158 3213 vertical-align: middle;
3214 + color: black;
3159 3215 }
3160 3216
3161 3217 body .content-item-summary .form-button-finish-course, body .lp-quiz-buttons .form-button-finish-course {
3162 3218 float: left;
@@ -8601,8 +8657,9 @@
8601 8657 border-collapse: collapse;
8602 8658 width: 100%;
8603 8659 margin: 0;
8604 8660 min-width: 768px;
8661 + border: none;
8605 8662 }
8606 8663 table.lp-list-table td {
8607 8664 padding: 0;
8608 8665 }
@@ -8609,25 +8666,23 @@
8609 8666 table.lp-list-table .learn-press-pagination {
8610 8667 text-align: right;
8611 8668 }
8612 8669 table.lp-list-table thead {
8613 - background-color: var(--lp-white-grey, #F7F7FB);
8614 8670 border: none;
8615 8671 }
8672 +table.lp-list-table thead tr:first-child td, table.lp-list-table thead tr:first-child th {
8673 + border-block-start: none;
8674 +}
8616 8675 table.lp-list-table thead tr {
8617 8676 border-bottom: 1px solid var(--lp-border-color, #E2E0DB);
8618 8677 position: sticky;
8619 8678 top: 0;
8620 8679 z-index: 2;
8621 - background: #fff;
8680 + background-color: var(--lp-white-grey, #F7F7FB);
8622 8681 }
8623 -table.lp-list-table thead tr:hover {
8624 - background: #eff6ff;
8625 -}
8626 8682 table.lp-list-table thead th {
8627 8683 background: none;
8628 8684 border: none;
8629 - font-size: 1em;
8630 8685 padding: 10px 20px;
8631 8686 text-align: right;
8632 8687 }
8633 8688 table.lp-list-table thead th td {
@@ -8633,26 +8688,20 @@
8633 8688 table.lp-list-table thead th td {
8634 8689 border: none;
8635 8690 padding: 0;
8636 8691 }
8637 -table.lp-list-table tbody {
8638 - font-size: 14px;
8639 -}
8640 8692 table.lp-list-table tbody tr {
8641 8693 border: none;
8642 - border-bottom: 1px solid var(--lp-white-grey, #F7F7FB);
8643 8694 }
8695 +table.lp-list-table tbody tr:nth-child(even) {
8696 + background-color: hsla(0, 0%, 50%, 0.05);
8697 +}
8644 8698 table.lp-list-table tbody tr:hover {
8645 - background: #eff6ff !important;
8699 + background-color: #eff6ff;
8646 8700 }
8647 -table.lp-list-table tbody tr:nth-child(odd) {
8648 - background: #f6f7f7;
8649 -}
8650 -table.lp-list-table tbody tr:nth-child(even) {
8651 - background: #fff;
8652 -}
8653 8701 table.lp-list-table tbody tr td {
8654 8702 border: none;
8703 + border-bottom: 1px solid var(--lp-border-color, #E2E0DB);
8655 8704 padding: 10px 20px;
8656 8705 text-align: right;
8657 8706 }
8658 8707 table.lp-list-table tbody tr td a {
@@ -8657,13 +8706,20 @@
8657 8706 }
8658 8707 table.lp-list-table tbody tr td a {
8659 8708 text-decoration: none;
8660 8709 }
8710 +table.lp-list-table tbody tr:last-child td {
8711 + border-bottom: none;
8712 +}
8713 +table.lp-list-table tbody th {
8714 + padding: 10px 20px;
8715 +}
8661 8716 table.lp-list-table tfoot tr {
8662 8717 border: none;
8663 8718 }
8664 8719 table.lp-list-table tfoot tr td, table.lp-list-table tfoot tr th {
8665 8720 border: none;
8721 + border-top: 1px solid var(--lp-border-color, #E2E0DB);
8666 8722 }
8667 8723 table.lp-list-table tfoot tr td > div, table.lp-list-table tfoot tr th > div {
8668 8724 padding: 20px;
8669 8725 }