| @@ -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,30 +27,95 @@ | ||
| 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: 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 | + | |
| 61 | 105 | .learn-press-message { |
| 62 | 106 | position: relative; |
| 63 | - margin: 24px auto; | |
| 107 | + margin: 0 !important; | |
| 64 | 108 | padding: 10px 20px; |
| 65 | 109 | border-radius: var(--lp-border-radius, 5px); |
| 66 | 110 | background-color: #E5F7FF; |
| 67 | 111 | color: #007AFF; |
| 68 | - width: 100%; | |
| 112 | + max-width: 100%; | |
| 69 | 113 | } |
| 70 | 114 | .learn-press-message.error { |
| 71 | 115 | background-color: #FEE5E5; |
| 72 | 116 | color: #FF3B30; |
| 117 | + border-right: none; | |
| 73 | 118 | } |
| 74 | 119 | .learn-press-message.warning { |
| 75 | 120 | background-color: #FEF7E6; |
| 76 | 121 | color: #FF9500; |
| @@ -134,18 +179,12 @@ | ||
| 134 | 179 | |
| 135 | 180 | @keyframes lp-rotating { |
| 136 | 181 | from { |
| 137 | 182 | -webkit-transform: rotate(0deg); |
| 138 | - -moz-transform: rotate(0deg); | |
| 139 | - -ms-transform: rotate(0deg); | |
| 140 | - -o-transform: rotate(0deg); | |
| 141 | 183 | transform: rotate(0deg); |
| 142 | 184 | } |
| 143 | 185 | to { |
| 144 | 186 | -webkit-transform: rotate(-360deg); |
| 145 | - -moz-transform: rotate(-360deg); | |
| 146 | - -ms-transform: rotate(-360deg); | |
| 147 | - -o-transform: rotate(-360deg); | |
| 148 | 187 | transform: rotate(-360deg); |
| 149 | 188 | } |
| 150 | 189 | } |
| 151 | 190 | @-webkit-keyframes lp-rotating { |
| @@ -150,18 +189,12 @@ | ||
| 150 | 189 | } |
| 151 | 190 | @-webkit-keyframes lp-rotating { |
| 152 | 191 | from { |
| 153 | 192 | -webkit-transform: rotate(0deg); |
| 154 | - -moz-transform: rotate(0deg); | |
| 155 | - -ms-transform: rotate(0deg); | |
| 156 | - -o-transform: rotate(0deg); | |
| 157 | 193 | transform: rotate(0deg); |
| 158 | 194 | } |
| 159 | 195 | to { |
| 160 | 196 | -webkit-transform: rotate(-360deg); |
| 161 | - -moz-transform: rotate(-360deg); | |
| 162 | - -ms-transform: rotate(-360deg); | |
| 163 | - -o-transform: rotate(-360deg); | |
| 164 | 197 | transform: rotate(-360deg); |
| 165 | 198 | } |
| 166 | 199 | } |
| 167 | 200 | .lp-loading-change { |
| @@ -184,46 +217,16 @@ | ||
| 184 | 217 | */ |
| 185 | 218 | /** |
| 186 | 219 | * Mixin |
| 187 | 220 | */ |
| 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 | 221 | @keyframes rotating4 { |
| 201 | 222 | from { |
| 202 | - -ms-transform: rotate(0deg); | |
| 203 | - -moz-transform: rotate(0deg); | |
| 204 | - -webkit-transform: rotate(0deg); | |
| 205 | - -o-transform: rotate(0deg); | |
| 206 | 223 | transform: rotate(0deg); |
| 207 | 224 | } |
| 208 | 225 | to { |
| 209 | - -ms-transform: rotate(-360deg); | |
| 210 | - -moz-transform: rotate(-360deg); | |
| 211 | - -webkit-transform: rotate(-360deg); | |
| 212 | - -o-transform: rotate(-360deg); | |
| 213 | 226 | transform: rotate(-360deg); |
| 214 | 227 | } |
| 215 | 228 | } |
| 216 | -@-webkit-keyframes animation4 { | |
| 217 | - from { | |
| 218 | - right: -40%; | |
| 219 | - width: 40%; | |
| 220 | - } | |
| 221 | - to { | |
| 222 | - right: 100%; | |
| 223 | - width: 10%; | |
| 224 | - } | |
| 225 | -} | |
| 226 | 229 | @keyframes animation4 { |
| 227 | 230 | from { |
| 228 | 231 | right: -40%; |
| 229 | 232 | width: 40%; |
| @@ -258,10 +261,8 @@ | ||
| 258 | 261 | .learnpress-page input[type=email], |
| 259 | 262 | .learnpress-page input[type=number], |
| 260 | 263 | .learnpress-page input[type=password], .learnpress-page textarea { |
| 261 | 264 | 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 | 265 | border-radius: var(--lp-border-radius, 5px); |
| 265 | 266 | } |
| 266 | 267 | .learnpress-page input[type=text]:focus, |
| 267 | 268 | .learnpress-page input[type=email]:focus, |
| @@ -279,15 +280,10 @@ | ||
| 279 | 280 | font-family: inherit; |
| 280 | 281 | font-weight: 400; |
| 281 | 282 | text-align: center; |
| 282 | 283 | text-transform: capitalize; |
| 283 | - -webkit-border-radius: var(--lp-border-radius, 5px); | |
| 284 | - -moz-border-radius: var(--lp-border-radius, 5px); | |
| 285 | 284 | border-radius: var(--lp-border-radius, 5px); |
| 286 | 285 | -webkit-transition: all 0.25s; |
| 287 | - -moz-transition: all 0.25s; | |
| 288 | - -ms-transition: all 0.25s; | |
| 289 | - -o-transition: all 0.25s; | |
| 290 | 286 | transition: all 0.25s; |
| 291 | 287 | } |
| 292 | 288 | .learnpress-page .lp-button.large, .learnpress-page #lp-button.large { |
| 293 | 289 | height: 52px; |
| @@ -304,10 +300,8 @@ | ||
| 304 | 300 | } |
| 305 | 301 | .learnpress-page .lp-button.btn-ajax-on .icon, .learnpress-page #lp-button.btn-ajax-on .icon { |
| 306 | 302 | display: inline-block; |
| 307 | 303 | margin-left: 5px; |
| 308 | - -webkit-animation: lp-rotating 1s linear infinite; | |
| 309 | - -moz-animation: lp-rotating 1s linear infinite; | |
| 310 | 304 | animation: lp-rotating 1s linear infinite; |
| 311 | 305 | } |
| 312 | 306 | .learnpress-page .lp-button:focus, .learnpress-page #lp-button:focus { |
| 313 | 307 | outline: 0; |
| @@ -327,11 +321,8 @@ | ||
| 327 | 321 | overflow-x: hidden; |
| 328 | 322 | }*/ |
| 329 | 323 | a { |
| 330 | 324 | -webkit-transition: 0.3s; |
| 331 | - -moz-transition: 0.3s; | |
| 332 | - -ms-transition: 0.3s; | |
| 333 | - -o-transition: 0.3s; | |
| 334 | 325 | transition: 0.3s; |
| 335 | 326 | text-decoration: none; |
| 336 | 327 | } |
| 337 | 328 | |
| @@ -358,30 +349,8 @@ | ||
| 358 | 349 | width: 20px; |
| 359 | 350 | height: 20px; |
| 360 | 351 | } |
| 361 | 352 | |
| 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 | 353 | .lp-hidden { |
| 385 | 354 | display: none !important; |
| 386 | 355 | } |
| 387 | 356 | |
| @@ -805,11 +774,8 @@ | ||
| 805 | 774 | } |
| 806 | 775 | |
| 807 | 776 | .lp-checkout-form__before, |
| 808 | 777 | .lp-checkout-form__after { |
| 809 | - width: 45%; | |
| 810 | - width: -webkit-calc(50% - 30px); | |
| 811 | - width: -moz-calc(50% - 30px); | |
| 812 | 778 | width: calc(50% - 30px); |
| 813 | 779 | margin: 0 15px 40px 15px; |
| 814 | 780 | } |
| 815 | 781 | .lp-checkout-form__before .lp-checkout-block h4, |
| @@ -854,9 +820,9 @@ | ||
| 854 | 820 | height: 19px; |
| 855 | 821 | margin: 0 0 0 4px; |
| 856 | 822 | border: 1px solid #ccc; |
| 857 | 823 | cursor: pointer; |
| 858 | - -webkit-appearance: none; | |
| 824 | + appearance: none; | |
| 859 | 825 | } |
| 860 | 826 | .lp-checkout-form .lp-checkout-remember label input[type=checkbox]:focus { |
| 861 | 827 | outline: 0; |
| 862 | 828 | } |
| @@ -910,11 +876,8 @@ | ||
| 910 | 876 | flex-direction: column-reverse; |
| 911 | 877 | margin: 0; |
| 912 | 878 | } |
| 913 | 879 | } |
| 914 | -.lp-checkout-form #btn-checkout-account-switch-to-guest { | |
| 915 | - margin-bottom: 60px; | |
| 916 | -} | |
| 917 | 880 | .lp-checkout-form .description { |
| 918 | 881 | float: right; |
| 919 | 882 | } |
| 920 | 883 | .lp-checkout-form a { |
| @@ -962,32 +925,8 @@ | ||
| 962 | 925 | } |
| 963 | 926 | .lp-checkout-form .lp-guest-switch-login a { |
| 964 | 927 | display: inline-block; |
| 965 | 928 | } |
| 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 | 929 | .lp-checkout-form::after { |
| 991 | 930 | display: block; |
| 992 | 931 | clear: both; |
| 993 | 932 | content: ""; |
| @@ -995,31 +934,37 @@ | ||
| 995 | 934 | .lp-checkout-form:focus { |
| 996 | 935 | outline: 0; |
| 997 | 936 | } |
| 998 | 937 | |
| 999 | -#checkout-order .lp-checkout-order__inner { | |
| 1000 | - padding: 0 20px; | |
| 1001 | - border: 1px solid var(--lp-border-color, #E2E0DB); | |
| 1002 | - 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 | + }*/ | |
| 1003 | 957 | } |
| 958 | +#checkout-order .lp-list-table { | |
| 959 | + min-width: auto; | |
| 960 | +} | |
| 1004 | 961 | #checkout-order .cart-item:first-child td { |
| 1005 | 962 | border-top: 0; |
| 1006 | 963 | } |
| 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 | 964 | #checkout-order .course-name { |
| 1021 | 965 | font-weight: 600; |
| 966 | + text-align: right; | |
| 1022 | 967 | } |
| 1023 | 968 | #checkout-order .course-name a { |
| 1024 | 969 | display: -webkit-box; |
| 1025 | 970 | overflow: hidden; |
| @@ -1033,34 +978,38 @@ | ||
| 1033 | 978 | #checkout-order .col-number { |
| 1034 | 979 | min-width: 50px; |
| 1035 | 980 | color: #666; |
| 1036 | 981 | font-weight: 600; |
| 1037 | - text-align: left; | |
| 982 | + text-align: right; | |
| 1038 | 983 | } |
| 1039 | 984 | #checkout-order tfoot { |
| 1040 | - 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 | + }*/ | |
| 1041 | 993 | } |
| 1042 | 994 | #checkout-order tfoot th { |
| 1043 | 995 | font-weight: 600; |
| 1044 | - padding-right: 0; | |
| 996 | + padding: 10px 20px; | |
| 1045 | 997 | } |
| 1046 | -#checkout-order tfoot .order-total { | |
| 1047 | - font-size: 1.4em; | |
| 998 | +#checkout-order tfoot tr:hover { | |
| 999 | + background: #eff6ff; | |
| 1048 | 1000 | } |
| 1049 | -#checkout-order tfoot tr:last-child { | |
| 1050 | - border-width: 0; | |
| 1001 | +#checkout-order tfoot td { | |
| 1002 | + padding: 10px 20px; | |
| 1051 | 1003 | } |
| 1052 | -#checkout-order tfoot tr:last-child td, #checkout-order tfoot tr:last-child th { | |
| 1053 | - border-width: 0; | |
| 1004 | +#checkout-order tfoot .order-total { | |
| 1005 | + font-size: 1.2em; | |
| 1054 | 1006 | } |
| 1055 | 1007 | #checkout-order .course-thumbnail { |
| 1056 | 1008 | width: 80px; |
| 1057 | - padding: 20px 0 18px 13px; | |
| 1058 | 1009 | } |
| 1059 | 1010 | #checkout-order .course-thumbnail img { |
| 1060 | 1011 | width: 100px; |
| 1061 | - max-width: 100% !important; | |
| 1062 | - height: auto !important; | |
| 1063 | 1012 | } |
| 1064 | 1013 | |
| 1065 | 1014 | .order-comments { |
| 1066 | 1015 | width: 100%; |
| @@ -1177,10 +1126,8 @@ | ||
| 1177 | 1126 | margin: 0 0 0 8px; |
| 1178 | 1127 | border: 1px solid var(--lp-border-color, #E2E0DB); |
| 1179 | 1128 | background: #fff; |
| 1180 | 1129 | -webkit-appearance: none; |
| 1181 | - -webkit-border-radius: 50%; | |
| 1182 | - -moz-border-radius: 50%; | |
| 1183 | 1130 | border-radius: 50%; |
| 1184 | 1131 | } |
| 1185 | 1132 | #checkout-payment .lp-payment-method .gateway-input::before { |
| 1186 | 1133 | position: absolute; |
| @@ -1189,10 +1136,8 @@ | ||
| 1189 | 1136 | width: 6px; |
| 1190 | 1137 | height: 6px; |
| 1191 | 1138 | background: #41abec; |
| 1192 | 1139 | transform: translate(50%, -50%); |
| 1193 | - -webkit-border-radius: 50%; | |
| 1194 | - -moz-border-radius: 50%; | |
| 1195 | 1140 | border-radius: 50%; |
| 1196 | 1141 | } |
| 1197 | 1142 | #checkout-payment .lp-payment-method .gateway-input:checked::before { |
| 1198 | 1143 | content: ""; |
| @@ -1242,9 +1187,9 @@ | ||
| 1242 | 1187 | #learn-press-checkout .payment-methods .lp-payment-method > label { |
| 1243 | 1188 | display: flex; |
| 1244 | 1189 | flex-flow: row nowrap; |
| 1245 | 1190 | padding: 10px 20px; |
| 1246 | - background: #f5f5f5; | |
| 1191 | + background: #eee; | |
| 1247 | 1192 | line-height: 2.5rem; |
| 1248 | 1193 | cursor: pointer; |
| 1249 | 1194 | } |
| 1250 | 1195 | #learn-press-checkout .payment-methods .lp-payment-method > label img { |
| @@ -1309,16 +1254,27 @@ | ||
| 1309 | 1254 | .learn-press-checkout-comment h4 { |
| 1310 | 1255 | display: none; |
| 1311 | 1256 | } |
| 1312 | 1257 | |
| 1313 | -.lp-content-area .order_details { | |
| 1314 | - width: 100%; | |
| 1315 | - border-collapse: collapse; | |
| 1258 | +.order_details.lp-list-table th { | |
| 1259 | + max-width: 80px; | |
| 1260 | + text-align: right; | |
| 1316 | 1261 | } |
| 1317 | -.lp-content-area .order_details th a, .lp-content-area .order_details td a { | |
| 1318 | - color: var(--lp-primary-color); | |
| 1319 | -} | |
| 1320 | 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 | +}*/ | |
| 1321 | 1277 | .learnpress-checkout .learnpress > .learn-press-message { |
| 1322 | 1278 | max-width: var(--lp-container-max-width); |
| 1323 | 1279 | margin: 0 auto; |
| 1324 | 1280 | } |
| @@ -1327,75 +1283,95 @@ | ||
| 1327 | 1283 | input[type=email], |
| 1328 | 1284 | input[type=number], |
| 1329 | 1285 | input[type=password] { |
| 1330 | 1286 | -webkit-box-sizing: border-box; |
| 1331 | - -moz-box-sizing: border-box; | |
| 1332 | 1287 | box-sizing: border-box; |
| 1333 | 1288 | margin: 0; |
| 1334 | 1289 | box-shadow: unset; |
| 1335 | 1290 | } |
| 1336 | 1291 | |
| 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 | -} | |
| 1292 | +/*.learnpress{ | |
| 1293 | + table { | |
| 1294 | + width: 100%; | |
| 1295 | + margin:0 auto 1em auto; | |
| 1296 | + border-spacing: 0; | |
| 1297 | + border-collapse: collapse; | |
| 1298 | + th, td { | |
| 1299 | + padding: .7em 1em; | |
| 1300 | + border: 1px solid $border-color; | |
| 1301 | + background: #fff; | |
| 1302 | + text-align: left; | |
| 1303 | + } | |
| 1397 | 1304 | |
| 1305 | + thead { | |
| 1306 | + box-sizing: border-box; | |
| 1307 | + border: 1px solid $border-color; | |
| 1308 | + | |
| 1309 | + th { | |
| 1310 | + border-bottom: none; | |
| 1311 | + background: $bg-grey; | |
| 1312 | + font-size: 1.1em; | |
| 1313 | + font-weight: 600; | |
| 1314 | + } | |
| 1315 | + } | |
| 1316 | + | |
| 1317 | + tbody, tfoot { | |
| 1318 | + box-sizing: border-box; | |
| 1319 | + | |
| 1320 | + td, th { | |
| 1321 | + //background: #fff; | |
| 1322 | + border: 1px solid $border-color; | |
| 1323 | + line-height: 1.4; | |
| 1324 | + | |
| 1325 | + a { | |
| 1326 | + color: inherit; | |
| 1327 | + text-decoration: none; | |
| 1328 | + | |
| 1329 | + &:hover { | |
| 1330 | + color: var(--lp-primary-color); | |
| 1331 | + } | |
| 1332 | + } | |
| 1333 | + } | |
| 1334 | + | |
| 1335 | + tr { | |
| 1336 | + .column-status { | |
| 1337 | + .result-percent { | |
| 1338 | + font-weight: 500; | |
| 1339 | + } | |
| 1340 | + | |
| 1341 | + .lp-label { | |
| 1342 | + font-weight: 600; | |
| 1343 | + } | |
| 1344 | + } | |
| 1345 | + | |
| 1346 | + &:nth-child(even) td { | |
| 1347 | + background: var(--tb-even-color, #fafafa); | |
| 1348 | + } | |
| 1349 | + } | |
| 1350 | + } | |
| 1351 | + .list-table-nav { | |
| 1352 | + td { | |
| 1353 | + font-size: 0.875em; | |
| 1354 | + | |
| 1355 | + &.nav-text { | |
| 1356 | + text-align: left; | |
| 1357 | + } | |
| 1358 | + | |
| 1359 | + &.nav-pages { | |
| 1360 | + text-align: right; | |
| 1361 | + | |
| 1362 | + .learn-press-pagination { | |
| 1363 | + text-align: right; | |
| 1364 | + } | |
| 1365 | + | |
| 1366 | + .page-numbers { | |
| 1367 | + margin-bottom: 0; | |
| 1368 | + } | |
| 1369 | + } | |
| 1370 | + } | |
| 1371 | + } | |
| 1372 | + } | |
| 1373 | +}*/ | |
| 1398 | 1374 | .lp-label { |
| 1399 | 1375 | display: inline-block; |
| 1400 | 1376 | color: #666; |
| 1401 | 1377 | font-weight: 300; |
| @@ -1441,9 +1417,8 @@ | ||
| 1441 | 1417 | width: 100%; |
| 1442 | 1418 | border: 1px solid var(--lp-border-color, #E2E0DB); |
| 1443 | 1419 | padding: 8px 16px; |
| 1444 | 1420 | -webkit-box-sizing: border-box; |
| 1445 | - -moz-box-sizing: border-box; | |
| 1446 | 1421 | box-sizing: border-box; |
| 1447 | 1422 | } |
| 1448 | 1423 | .learn-press-form .form-fields .form-field input[type=email]:focus, |
| 1449 | 1424 | .learn-press-form .form-fields .form-field input[type=text]:focus, |
| @@ -1723,18 +1698,19 @@ | ||
| 1723 | 1698 | .learnpress_avatar__form__upload div { |
| 1724 | 1699 | line-height: 1.4; |
| 1725 | 1700 | } |
| 1726 | 1701 | .learnpress_avatar__button--loading:before { |
| 1702 | + position: absolute; | |
| 1727 | 1703 | display: inline-block; |
| 1728 | 1704 | font-family: "lp-icon"; |
| 1729 | 1705 | content: "\f110"; |
| 1730 | 1706 | animation: lp-rotating 1s linear infinite; |
| 1731 | - margin-left: 5px; | |
| 1732 | 1707 | font-variant: normal; |
| 1733 | 1708 | text-transform: none; |
| 1734 | 1709 | -webkit-font-smoothing: antialiased; |
| 1735 | 1710 | -moz-osx-font-smoothing: grayscale; |
| 1736 | 1711 | vertical-align: middle; |
| 1712 | + color: black; | |
| 1737 | 1713 | } |
| 1738 | 1714 | |
| 1739 | 1715 | button.learnpress_avatar__button { |
| 1740 | 1716 | height: 40px; |
| @@ -1874,8 +1850,12 @@ | ||
| 1874 | 1850 | * Provides card wrapper, header/body styling, avatars, progress bars, badges, toolbar, and pagination. |
| 1875 | 1851 | * |
| 1876 | 1852 | * @since 4.3.3 |
| 1877 | 1853 | */ |
| 1854 | +.lp-enrolled-students h1.wp-heading-inline { | |
| 1855 | + margin-bottom: 24px; | |
| 1856 | +} | |
| 1857 | + | |
| 1878 | 1858 | .lp-enrolled-students-table-wrap { |
| 1879 | 1859 | margin-top: 15px; |
| 1880 | 1860 | } |
| 1881 | 1861 | .lp-enrolled-students-table-wrap .instructor-avatar { |
| @@ -1893,112 +1873,8 @@ | ||
| 1893 | 1873 | height: 100%; |
| 1894 | 1874 | object-fit: cover; |
| 1895 | 1875 | } |
| 1896 | 1876 | |
| 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 | 1877 | /*.lp-enrolled-students-table { |
| 2002 | 1878 | width: 100%; |
| 2003 | 1879 | border: 0; |
| 2004 | 1880 | border-spacing: 0; |
| @@ -2275,8 +2151,11 @@ | ||
| 2275 | 2151 | width: 100%; |
| 2276 | 2152 | table-layout: fixed; |
| 2277 | 2153 | }*/ |
| 2278 | 2154 | } |
| 2155 | +#lp-modal-enrolled-wrap .lp-table-wrap { | |
| 2156 | + max-height: 60vh; | |
| 2157 | +} | |
| 2279 | 2158 | |
| 2280 | 2159 | .lp-wrap-btn-view-course-students { |
| 2281 | 2160 | width: 100%; |
| 2282 | 2161 | } |
| @@ -2283,15 +2162,8 @@ | ||
| 2283 | 2162 | .lp-wrap-btn-view-course-students button { |
| 2284 | 2163 | width: 100%; |
| 2285 | 2164 | } |
| 2286 | 2165 | |
| 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 | 2166 | .lp-btn-view-students { |
| 2295 | 2167 | margin-top: 10px; |
| 2296 | 2168 | white-space: nowrap; |
| 2297 | 2169 | display: block; |
| @@ -2690,8 +2562,65 @@ | ||
| 2690 | 2562 | font-size: 1.6em; |
| 2691 | 2563 | margin-bottom: 12px; |
| 2692 | 2564 | } |
| 2693 | 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 | +} | |
| 2694 | 2623 | .learn-press-profile-course__statistic { |
| 2695 | 2624 | margin-bottom: 32px; |
| 2696 | 2625 | } |
| 2697 | 2626 | .learn-press-profile-course__tab .learn-press-tabs--with-course-builder { |
| @@ -2734,58 +2663,8 @@ | ||
| 2734 | 2663 | width: 100%; |
| 2735 | 2664 | margin: 0 0 16px; |
| 2736 | 2665 | } |
| 2737 | 2666 | } |
| 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 | 2667 | |
| 2789 | 2668 | .lp-profile-content #profile-content-order-details h3 { |
| 2790 | 2669 | margin-top: 0; |
| 2791 | 2670 | font-size: 1.875em; |
| @@ -2869,17 +2748,12 @@ | ||
| 2869 | 2748 | overflow: hidden; |
| 2870 | 2749 | transition: height 0.3s ease; |
| 2871 | 2750 | } |
| 2872 | 2751 | .course-extra-box__content-inner { |
| 2873 | - -webkit-animation-name: course-extra-box__content-inner-transform; | |
| 2874 | 2752 | animation-name: course-extra-box__content-inner-transform; |
| 2875 | - -webkit-animation-duration: 0.3s; | |
| 2876 | 2753 | animation-duration: 0.3s; |
| 2877 | - -webkit-animation-timing-function: ease-in-out; | |
| 2878 | 2754 | animation-timing-function: ease-in-out; |
| 2879 | - -webkit-animation-iteration-count: 1; | |
| 2880 | 2755 | animation-iteration-count: 1; |
| 2881 | - -webkit-animation-direction: normal; | |
| 2882 | 2756 | animation-direction: normal; |
| 2883 | 2757 | } |
| 2884 | 2758 | .course-extra-box__content-inner > ul { |
| 2885 | 2759 | padding-right: 0 !important; |
| @@ -2940,19 +2814,13 @@ | ||
| 2940 | 2814 | @-webkit-keyframes course-extra-box__content-inner-transform { |
| 2941 | 2815 | from { |
| 2942 | 2816 | opacity: 0; |
| 2943 | 2817 | -webkit-transform: translateX(-5%); |
| 2944 | - -moz-transform: translateX(-5%); | |
| 2945 | - -ms-transform: translateX(-5%); | |
| 2946 | - -o-transform: translateX(-5%); | |
| 2947 | 2818 | transform: translateX(-5%); |
| 2948 | 2819 | } |
| 2949 | 2820 | to { |
| 2950 | 2821 | opacity: 1; |
| 2951 | 2822 | -webkit-transform: translateX(0%); |
| 2952 | - -moz-transform: translateX(0%); | |
| 2953 | - -ms-transform: translateX(0%); | |
| 2954 | - -o-transform: translateX(0%); | |
| 2955 | 2823 | transform: translateX(0%); |
| 2956 | 2824 | } |
| 2957 | 2825 | } |
| 2958 | 2826 | @keyframes course-extra-box__content-inner-transform { |
| @@ -3027,19 +2895,13 @@ | ||
| 3027 | 2895 | @-webkit-keyframes course-faqs-box__content-inner-transform { |
| 3028 | 2896 | from { |
| 3029 | 2897 | opacity: 0; |
| 3030 | 2898 | -webkit-transform: translateY(-5%); |
| 3031 | - -moz-transform: translateY(-5%); | |
| 3032 | - -ms-transform: translateY(-5%); | |
| 3033 | - -o-transform: translateY(-5%); | |
| 3034 | 2899 | transform: translateY(-5%); |
| 3035 | 2900 | } |
| 3036 | 2901 | to { |
| 3037 | 2902 | opacity: 1; |
| 3038 | 2903 | -webkit-transform: translateY(0%); |
| 3039 | - -moz-transform: translateY(0%); | |
| 3040 | - -ms-transform: translateY(0%); | |
| 3041 | - -o-transform: translateY(0%); | |
| 3042 | 2904 | transform: translateY(0%); |
| 3043 | 2905 | } |
| 3044 | 2906 | } |
| 3045 | 2907 | @keyframes course-faqs-box__content-inner-transform { |
| @@ -3045,19 +2907,13 @@ | ||
| 3045 | 2907 | @keyframes course-faqs-box__content-inner-transform { |
| 3046 | 2908 | from { |
| 3047 | 2909 | opacity: 0; |
| 3048 | 2910 | -webkit-transform: translateY(-5%); |
| 3049 | - -moz-transform: translateY(-5%); | |
| 3050 | - -ms-transform: translateY(-5%); | |
| 3051 | - -o-transform: translateY(-5%); | |
| 3052 | 2911 | transform: translateY(-5%); |
| 3053 | 2912 | } |
| 3054 | 2913 | to { |
| 3055 | 2914 | opacity: 1; |
| 3056 | 2915 | -webkit-transform: translateY(0%); |
| 3057 | - -moz-transform: translateY(0%); | |
| 3058 | - -ms-transform: translateY(0%); | |
| 3059 | - -o-transform: translateY(0%); | |
| 3060 | 2916 | transform: translateY(0%); |
| 3061 | 2917 | } |
| 3062 | 2918 | } |
| 3063 | 2919 | .extra-box__title, .course-faqs__title, .course-material__title { |
| @@ -3097,11 +2953,8 @@ | ||
| 3097 | 2953 | display: block; |
| 3098 | 2954 | } |
| 3099 | 2955 | .course-curriculum ul.curriculum-sections .section-title.c span.show-desc::before { |
| 3100 | 2956 | -webkit-transform: rotate(-180deg); |
| 3101 | - -moz-transform: rotate(-180deg); | |
| 3102 | - -ms-transform: rotate(-180deg); | |
| 3103 | - -o-transform: rotate(-180deg); | |
| 3104 | 2957 | transform: rotate(-180deg); |
| 3105 | 2958 | top: 0; |
| 3106 | 2959 | } |
| 3107 | 2960 | .course-curriculum ul.curriculum-sections .item-meta.duration { |
| @@ -3120,18 +2973,19 @@ | ||
| 3120 | 2973 | box-shadow: none; |
| 3121 | 2974 | outline: none; |
| 3122 | 2975 | } |
| 3123 | 2976 | .course-curriculum .section-item__loadmore.loading button:before { |
| 2977 | + position: absolute; | |
| 3124 | 2978 | display: inline-block; |
| 3125 | 2979 | font-family: "lp-icon"; |
| 3126 | 2980 | content: "\f110"; |
| 3127 | 2981 | animation: lp-rotating 1s linear infinite; |
| 3128 | - margin-left: 5px; | |
| 3129 | 2982 | font-variant: normal; |
| 3130 | 2983 | text-transform: none; |
| 3131 | 2984 | -webkit-font-smoothing: antialiased; |
| 3132 | 2985 | -moz-osx-font-smoothing: grayscale; |
| 3133 | 2986 | vertical-align: middle; |
| 2987 | + color: black; | |
| 3134 | 2988 | } |
| 3135 | 2989 | .course-curriculum .section-header { |
| 3136 | 2990 | display: table; |
| 3137 | 2991 | width: 100%; |
| @@ -3139,9 +2993,8 @@ | ||
| 3139 | 2993 | border-bottom: 0; |
| 3140 | 2994 | border-bottom: 1px solid #d9e0f1; |
| 3141 | 2995 | cursor: pointer; |
| 3142 | 2996 | -webkit-box-sizing: border-box; |
| 3143 | - -moz-box-sizing: border-box; | |
| 3144 | 2997 | box-sizing: border-box; |
| 3145 | 2998 | } |
| 3146 | 2999 | .course-curriculum .section-header .section-title, .course-curriculum .section-header .section-desc { |
| 3147 | 3000 | margin: 0; |
| @@ -3347,18 +3200,19 @@ | ||
| 3347 | 3200 | margin-top: 20px; |
| 3348 | 3201 | margin-bottom: 20px; |
| 3349 | 3202 | } |
| 3350 | 3203 | .course-curriculum .curriculum-more__button.loading:before { |
| 3204 | + position: absolute; | |
| 3351 | 3205 | display: inline-block; |
| 3352 | 3206 | font-family: "lp-icon"; |
| 3353 | 3207 | content: "\f110"; |
| 3354 | 3208 | animation: lp-rotating 1s linear infinite; |
| 3355 | - margin-left: 5px; | |
| 3356 | 3209 | font-variant: normal; |
| 3357 | 3210 | text-transform: none; |
| 3358 | 3211 | -webkit-font-smoothing: antialiased; |
| 3359 | 3212 | -moz-osx-font-smoothing: grayscale; |
| 3360 | 3213 | vertical-align: middle; |
| 3214 | + color: black; | |
| 3361 | 3215 | } |
| 3362 | 3216 | |
| 3363 | 3217 | body .content-item-summary .form-button-finish-course, body .lp-quiz-buttons .form-button-finish-course { |
| 3364 | 3218 | float: left; |
| @@ -3601,8 +3455,11 @@ | ||
| 3601 | 3455 | content: "\e921"; |
| 3602 | 3456 | color: #999; |
| 3603 | 3457 | } |
| 3604 | 3458 | |
| 3459 | +.info-learning .course-progress > div { | |
| 3460 | + margin-bottom: 8px; | |
| 3461 | +} | |
| 3605 | 3462 | .info-learning .course-progress__line { |
| 3606 | 3463 | width: 100%; |
| 3607 | 3464 | background: #ccc; |
| 3608 | 3465 | height: 5px; |
| @@ -3631,8 +3488,11 @@ | ||
| 3631 | 3488 | width: 2px; |
| 3632 | 3489 | height: 100%; |
| 3633 | 3490 | background: var(--lp-secondary-color); |
| 3634 | 3491 | } |
| 3492 | +.info-learning .start-date, .info-learning .end-date { | |
| 3493 | + margin-bottom: 8px; | |
| 3494 | +} | |
| 3635 | 3495 | |
| 3636 | 3496 | .lp-quiz-buttons { |
| 3637 | 3497 | margin-bottom: 20px; |
| 3638 | 3498 | display: block; |
| @@ -3694,15 +3554,10 @@ | ||
| 3694 | 3554 | position: relative; |
| 3695 | 3555 | margin: 0 0 18px 0; |
| 3696 | 3556 | padding: 10px; |
| 3697 | 3557 | cursor: pointer; |
| 3698 | - -webkit-border-radius: 4px; | |
| 3699 | - -moz-border-radius: 4px; | |
| 3700 | 3558 | border-radius: 4px; |
| 3701 | 3559 | -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 | 3560 | transition: background linear 0.25s; |
| 3706 | 3561 | } |
| 3707 | 3562 | .answer-options .answer-option .option-title { |
| 3708 | 3563 | display: table-cell; |
| @@ -3719,11 +3574,8 @@ | ||
| 3719 | 3574 | width: 3px; |
| 3720 | 3575 | background: #ddd; |
| 3721 | 3576 | content: ""; |
| 3722 | 3577 | -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 | 3578 | transition: background linear 0.25s; |
| 3727 | 3579 | } |
| 3728 | 3580 | .answer-options .answer-option input[type=checkbox], |
| 3729 | 3581 | .answer-options .answer-option input[type=radio] { |
| @@ -3736,10 +3588,8 @@ | ||
| 3736 | 3588 | height: 32px; |
| 3737 | 3589 | margin: 0 3px 0 10px; |
| 3738 | 3590 | border: 1px solid #cfcfcf; |
| 3739 | 3591 | background: #f9fafc; |
| 3740 | - -webkit-border-radius: 4px; | |
| 3741 | - -moz-border-radius: 4px; | |
| 3742 | 3592 | border-radius: 4px; |
| 3743 | 3593 | } |
| 3744 | 3594 | .answer-options .answer-option input[type=checkbox]::after, |
| 3745 | 3595 | .answer-options .answer-option input[type=radio]::after { |
| @@ -3782,10 +3632,8 @@ | ||
| 3782 | 3632 | .answer-options .answer-option input[type=checkbox]:checked::after { |
| 3783 | 3633 | border: none; |
| 3784 | 3634 | } |
| 3785 | 3635 | .answer-options .answer-option input[type=radio] { |
| 3786 | - -webkit-border-radius: 50%; | |
| 3787 | - -moz-border-radius: 50%; | |
| 3788 | 3636 | border-radius: 50%; |
| 3789 | 3637 | } |
| 3790 | 3638 | .answer-options .answer-option input[type=radio]::before { |
| 3791 | 3639 | border-radius: 50%; |
| @@ -3839,10 +3687,8 @@ | ||
| 3839 | 3687 | background: #f02425; |
| 3840 | 3688 | display: flex; |
| 3841 | 3689 | align-items: center; |
| 3842 | 3690 | justify-content: center; |
| 3843 | - -webkit-border-radius: var(--lp-border-radius, 5px); | |
| 3844 | - -moz-border-radius: var(--lp-border-radius, 5px); | |
| 3845 | 3691 | border-radius: var(--lp-border-radius, 5px); |
| 3846 | 3692 | gap: 8px; |
| 3847 | 3693 | } |
| 3848 | 3694 | .quiz-result .result-message::after { |
| @@ -4132,9 +3978,8 @@ | ||
| 4132 | 3978 | border: 4px solid #b1c1e6; |
| 4133 | 3979 | border-radius: 50%; |
| 4134 | 3980 | content: ""; |
| 4135 | 3981 | -webkit-box-sizing: border-box; |
| 4136 | - -moz-box-sizing: border-box; | |
| 4137 | 3982 | box-sizing: border-box; |
| 4138 | 3983 | } |
| 4139 | 3984 | .quiz-status .countdown .clock .circle-progress-bar { |
| 4140 | 3985 | display: inline-block; |
| @@ -4367,11 +4212,8 @@ | ||
| 4367 | 4212 | padding: 50px; |
| 4368 | 4213 | justify-content: center; |
| 4369 | 4214 | align-items: center; |
| 4370 | 4215 | -webkit-transform: none !important; |
| 4371 | - -moz-transform: none !important; | |
| 4372 | - -ms-transform: none !important; | |
| 4373 | - -o-transform: none !important; | |
| 4374 | 4216 | transform: none !important; |
| 4375 | 4217 | } |
| 4376 | 4218 | .quiz-result .result-grade::before, |
| 4377 | 4219 | .quiz-result .result-grade svg { |
| @@ -4380,10 +4222,8 @@ | ||
| 4380 | 4222 | right: 50%; |
| 4381 | 4223 | width: 200px; |
| 4382 | 4224 | height: 200px; |
| 4383 | 4225 | margin-right: -100px; |
| 4384 | - -webkit-border-radius: 50%; | |
| 4385 | - -moz-border-radius: 50%; | |
| 4386 | 4226 | border-radius: 50%; |
| 4387 | 4227 | } |
| 4388 | 4228 | .quiz-result .result-grade::before { |
| 4389 | 4229 | box-sizing: border-box; |
| @@ -4392,11 +4232,8 @@ | ||
| 4392 | 4232 | content: ""; |
| 4393 | 4233 | } |
| 4394 | 4234 | .quiz-result .result-grade svg { |
| 4395 | 4235 | -webkit-transform: rotate(90deg); |
| 4396 | - -moz-transform: rotate(90deg); | |
| 4397 | - -ms-transform: rotate(90deg); | |
| 4398 | - -o-transform: rotate(90deg); | |
| 4399 | 4236 | transform: rotate(90deg); |
| 4400 | 4237 | } |
| 4401 | 4238 | .quiz-result .result-grade svg circle { |
| 4402 | 4239 | stroke: var(--lp-primary-color); |
| @@ -4402,11 +4239,8 @@ | ||
| 4402 | 4239 | stroke: var(--lp-primary-color); |
| 4403 | 4240 | } |
| 4404 | 4241 | .quiz-result.passed .result-grade svg { |
| 4405 | 4242 | -webkit-transform: rotate(90deg); |
| 4406 | - -moz-transform: rotate(90deg); | |
| 4407 | - -ms-transform: rotate(90deg); | |
| 4408 | - -o-transform: rotate(90deg); | |
| 4409 | 4243 | transform: rotate(90deg); |
| 4410 | 4244 | } |
| 4411 | 4245 | .quiz-result.passed .result-grade .result-achieved { |
| 4412 | 4246 | color: #333; |
| @@ -4431,15 +4265,10 @@ | ||
| 4431 | 4265 | position: absolute; |
| 4432 | 4266 | top: 50%; |
| 4433 | 4267 | border-color: #d9e0f1; |
| 4434 | 4268 | -webkit-transform: translateY(-50%); |
| 4435 | - -moz-transform: translateY(-50%); | |
| 4436 | - -ms-transform: translateY(-50%); | |
| 4437 | - -o-transform: translateY(-50%); | |
| 4438 | 4269 | transform: translateY(-50%); |
| 4439 | 4270 | margin: 0 10px 0 0; |
| 4440 | - -webkit-border-radius: 4px; | |
| 4441 | - -moz-border-radius: 4px; | |
| 4442 | 4271 | border-radius: 4px; |
| 4443 | 4272 | } |
| 4444 | 4273 | .question .answer-option input[type=radio]::after, |
| 4445 | 4274 | .question .answer-option input[type=checkbox]::after { |
| @@ -4458,10 +4287,8 @@ | ||
| 4458 | 4287 | .question .answer-option input[type=checkbox]:checked:not(:disabled)::after { |
| 4459 | 4288 | border-color: #99aee4; |
| 4460 | 4289 | } |
| 4461 | 4290 | .question .answer-option input[type=radio] { |
| 4462 | - -webkit-border-radius: 50%; | |
| 4463 | - -moz-border-radius: 50%; | |
| 4464 | 4291 | border-radius: 50%; |
| 4465 | 4292 | } |
| 4466 | 4293 | .question .answer-option input[type=radio]::before { |
| 4467 | 4294 | border-radius: 50%; |
| @@ -4473,10 +4300,8 @@ | ||
| 4473 | 4300 | padding: 10px 60px 10px 10px; |
| 4474 | 4301 | border: 1px solid var(--lp-border-color, #E2E0DB); |
| 4475 | 4302 | color: #666; |
| 4476 | 4303 | font-weight: normal; |
| 4477 | - -webkit-border-radius: 4px; | |
| 4478 | - -moz-border-radius: 4px; | |
| 4479 | 4304 | border-radius: 4px; |
| 4480 | 4305 | } |
| 4481 | 4306 | .question .answer-option .option-title:hover { |
| 4482 | 4307 | background: #f9f9f9; |
| @@ -4601,10 +4426,8 @@ | ||
| 4601 | 4426 | margin: 0 5px; |
| 4602 | 4427 | padding: 0 6px; |
| 4603 | 4428 | background: #ddd; |
| 4604 | 4429 | line-height: 1; |
| 4605 | - -webkit-border-radius: 4px; | |
| 4606 | - -moz-border-radius: 4px; | |
| 4607 | 4430 | border-radius: 4px; |
| 4608 | 4431 | } |
| 4609 | 4432 | .question.question-fill_in_blanks .blanks.ordered { |
| 4610 | 4433 | list-style-position: inside; |
| @@ -5242,10 +5065,8 @@ | ||
| 5242 | 5065 | color: #fff; |
| 5243 | 5066 | background: #383838; |
| 5244 | 5067 | font-size: 0.8em; |
| 5245 | 5068 | line-height: 1.2em; |
| 5246 | - -webkit-border-radius: 3px; | |
| 5247 | - -moz-border-radius: 3px; | |
| 5248 | 5069 | border-radius: 3px; |
| 5249 | 5070 | } |
| 5250 | 5071 | .learn-press-tip-floating > * { |
| 5251 | 5072 | font-size: 0.8em; |
| @@ -5262,10 +5083,8 @@ | ||
| 5262 | 5083 | background: #468fbc; |
| 5263 | 5084 | line-height: 1rem; |
| 5264 | 5085 | text-align: center; |
| 5265 | 5086 | cursor: pointer; |
| 5266 | - -webkit-border-radius: 50%; | |
| 5267 | - -moz-border-radius: 50%; | |
| 5268 | 5087 | border-radius: 50%; |
| 5269 | 5088 | } |
| 5270 | 5089 | .learn-press-tip-floating .close::before { |
| 5271 | 5090 | font-family: "lp-icon"; |
| @@ -5303,46 +5122,16 @@ | ||
| 5303 | 5122 | */ |
| 5304 | 5123 | /** |
| 5305 | 5124 | * Mixin |
| 5306 | 5125 | */ |
| 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 | 5126 | @keyframes rotating4 { |
| 5320 | 5127 | from { |
| 5321 | - -ms-transform: rotate(0deg); | |
| 5322 | - -moz-transform: rotate(0deg); | |
| 5323 | - -webkit-transform: rotate(0deg); | |
| 5324 | - -o-transform: rotate(0deg); | |
| 5325 | 5128 | transform: rotate(0deg); |
| 5326 | 5129 | } |
| 5327 | 5130 | to { |
| 5328 | - -ms-transform: rotate(-360deg); | |
| 5329 | - -moz-transform: rotate(-360deg); | |
| 5330 | - -webkit-transform: rotate(-360deg); | |
| 5331 | - -o-transform: rotate(-360deg); | |
| 5332 | 5131 | transform: rotate(-360deg); |
| 5333 | 5132 | } |
| 5334 | 5133 | } |
| 5335 | -@-webkit-keyframes animation4 { | |
| 5336 | - from { | |
| 5337 | - right: -40%; | |
| 5338 | - width: 40%; | |
| 5339 | - } | |
| 5340 | - to { | |
| 5341 | - right: 100%; | |
| 5342 | - width: 10%; | |
| 5343 | - } | |
| 5344 | -} | |
| 5345 | 5134 | @keyframes animation4 { |
| 5346 | 5135 | from { |
| 5347 | 5136 | right: -40%; |
| 5348 | 5137 | width: 40%; |
| @@ -5366,10 +5155,8 @@ | ||
| 5366 | 5155 | min-width: 300px !important; |
| 5367 | 5156 | padding: 10px !important; |
| 5368 | 5157 | background: #F5F5F5; |
| 5369 | 5158 | transition: opacity 0.25s; |
| 5370 | - -webkit-border-radius: 3px; | |
| 5371 | - -moz-border-radius: 3px; | |
| 5372 | 5159 | border-radius: 3px; |
| 5373 | 5160 | } |
| 5374 | 5161 | body.confirm #popup_container #popup_title { |
| 5375 | 5162 | display: none !important; |
| @@ -5377,10 +5164,8 @@ | ||
| 5377 | 5164 | body.confirm #popup_container #popup_message { |
| 5378 | 5165 | margin: -10px; |
| 5379 | 5166 | background: #FFF; |
| 5380 | 5167 | padding: 20px; |
| 5381 | - -webkit-border-radius: 3px; | |
| 5382 | - -moz-border-radius: 3px; | |
| 5383 | 5168 | border-radius: 3px; |
| 5384 | 5169 | } |
| 5385 | 5170 | body.confirm #popup_container .close { |
| 5386 | 5171 | position: absolute; |
| @@ -5483,13 +5268,8 @@ | ||
| 5483 | 5268 | padding: 0 !important; |
| 5484 | 5269 | min-height: 300px; |
| 5485 | 5270 | list-style: none; |
| 5486 | 5271 | position: relative; |
| 5487 | - display: -webkit-box; | |
| 5488 | - display: -moz-box; | |
| 5489 | - display: -ms-flexbox; | |
| 5490 | - display: -moz-flex; | |
| 5491 | - display: -webkit-flex; | |
| 5492 | 5272 | display: flex; |
| 5493 | 5273 | -webkit-flex-wrap: wrap; |
| 5494 | 5274 | flex-wrap: wrap; |
| 5495 | 5275 | } |
| @@ -5932,9 +5712,8 @@ | ||
| 5932 | 5712 | background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDE4IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iVmVjdG9yLSgxKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDEuMDAwMDAwKSIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgiIHBvaW50cz0iMCAwIDggOCAxNiAwIj48L3BvbHlsaW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); |
| 5933 | 5713 | background-size: 0.8em; |
| 5934 | 5714 | background-position: calc(100% - (100% - 0.5em)) center; |
| 5935 | 5715 | background-repeat: no-repeat; |
| 5936 | - -moz-appearance: none; | |
| 5937 | 5716 | -webkit-appearance: none; |
| 5938 | 5717 | appearance: none; |
| 5939 | 5718 | line-height: 1.1; |
| 5940 | 5719 | } |
| @@ -5964,20 +5743,8 @@ | ||
| 5964 | 5743 | font-size: inherit; |
| 5965 | 5744 | line-height: 1.1; |
| 5966 | 5745 | box-shadow: none; |
| 5967 | 5746 | } |
| 5968 | -.lp-courses-bar .search-courses input::-webkit-input-placeholder { | |
| 5969 | - color: #999; | |
| 5970 | -} | |
| 5971 | -.lp-courses-bar .search-courses input::-moz-placeholder { | |
| 5972 | - color: #999; | |
| 5973 | -} | |
| 5974 | -.lp-courses-bar .search-courses input:-ms-input-placeholder { | |
| 5975 | - color: #999; | |
| 5976 | -} | |
| 5977 | -.lp-courses-bar .search-courses input:-moz-placeholder { | |
| 5978 | - color: #999; | |
| 5979 | -} | |
| 5980 | 5747 | .lp-courses-bar .search-courses input::placeholder { |
| 5981 | 5748 | color: #999; |
| 5982 | 5749 | } |
| 5983 | 5750 | .lp-courses-bar .search-courses input:focus { |
| @@ -6004,10 +5771,8 @@ | ||
| 6004 | 5771 | } |
| 6005 | 5772 | .lp-courses-bar .search-courses button.loading > i:before { |
| 6006 | 5773 | display: inline-block; |
| 6007 | 5774 | content: "\f110"; |
| 6008 | - -webkit-animation: lp-rotating 1s linear infinite; | |
| 6009 | - -moz-animation: lp-rotating 1s linear infinite; | |
| 6010 | 5775 | animation: lp-rotating 1s linear infinite; |
| 6011 | 5776 | } |
| 6012 | 5777 | .lp-courses-bar .switch-layout { |
| 6013 | 5778 | align-items: center; |
| @@ -6825,8 +6590,11 @@ | ||
| 6825 | 6590 | } |
| 6826 | 6591 | .lp-single-course .lp-single-course-main__right__inner > div { |
| 6827 | 6592 | margin-bottom: 20px; |
| 6828 | 6593 | } |
| 6594 | +.lp-single-course .lp-single-course-main__right__inner > div.info-learning { | |
| 6595 | + margin-bottom: 12px; | |
| 6596 | +} | |
| 6829 | 6597 | .lp-single-course .lp-single-course-main__right__inner > div:last-child { |
| 6830 | 6598 | margin-bottom: 0; |
| 6831 | 6599 | } |
| 6832 | 6600 | .lp-single-course .lp-single-course-main .info-metas .info-meta-item { |
| @@ -6969,8 +6737,18 @@ | ||
| 6969 | 6737 | } |
| 6970 | 6738 | .lp-single-course button { |
| 6971 | 6739 | font-size: 1em; |
| 6972 | 6740 | } |
| 6741 | +@media (min-width: 992px) { | |
| 6742 | + .lp-single-course .lp-is-mobile { | |
| 6743 | + display: none; | |
| 6744 | + } | |
| 6745 | +} | |
| 6746 | +@media (max-width: 991px) { | |
| 6747 | + .lp-single-course .lp-is-pc { | |
| 6748 | + display: none; | |
| 6749 | + } | |
| 6750 | +} | |
| 6973 | 6751 | |
| 6974 | 6752 | .course-featured { |
| 6975 | 6753 | padding: 4px 12px; |
| 6976 | 6754 | border-radius: var(--lp-border-radius, 5px); |
| @@ -7543,9 +7321,8 @@ | ||
| 7543 | 7321 | display: none; |
| 7544 | 7322 | } |
| 7545 | 7323 | #popup-course .scrollbar-light > .scroll-element.scroll-y .scroll-bar { |
| 7546 | 7324 | -webkit-box-sizing: border-box; |
| 7547 | - -moz-box-sizing: border-box; | |
| 7548 | 7325 | box-sizing: border-box; |
| 7549 | 7326 | } |
| 7550 | 7327 | |
| 7551 | 7328 | #popup-header { |
| @@ -7647,20 +7424,8 @@ | ||
| 7647 | 7424 | box-shadow: none; |
| 7648 | 7425 | height: auto; |
| 7649 | 7426 | font-size: 1rem; |
| 7650 | 7427 | } |
| 7651 | -#popup-sidebar .search-course input[name=s]::-webkit-input-placeholder { | |
| 7652 | - color: #999; | |
| 7653 | -} | |
| 7654 | -#popup-sidebar .search-course input[name=s]::-moz-placeholder { | |
| 7655 | - color: #999; | |
| 7656 | -} | |
| 7657 | -#popup-sidebar .search-course input[name=s]:-ms-input-placeholder { | |
| 7658 | - color: #999; | |
| 7659 | -} | |
| 7660 | -#popup-sidebar .search-course input[name=s]:-moz-placeholder { | |
| 7661 | - color: #999; | |
| 7662 | -} | |
| 7663 | 7428 | #popup-sidebar .search-course input[name=s]::placeholder { |
| 7664 | 7429 | color: #999; |
| 7665 | 7430 | } |
| 7666 | 7431 | #popup-sidebar .search-course input[name=s]:focus { |
| @@ -7987,9 +7752,9 @@ | ||
| 7987 | 7752 | #sidebar-toggle { |
| 7988 | 7753 | display: inline-block; |
| 7989 | 7754 | width: 32px; |
| 7990 | 7755 | min-width: 32px; |
| 7991 | - line-height: 1; | |
| 7756 | + line-height: 70px; | |
| 7992 | 7757 | height: unset; |
| 7993 | 7758 | margin: 0; |
| 7994 | 7759 | background: rgba(255, 255, 255, 0.1); |
| 7995 | 7760 | color: var(--lp-color-white, #fff); |
| @@ -8010,8 +7775,9 @@ | ||
| 8010 | 7775 | width: auto; |
| 8011 | 7776 | height: auto; |
| 8012 | 7777 | font-family: "lp-icon"; |
| 8013 | 7778 | content: "\f0d9"; |
| 7779 | + line-height: 1; | |
| 8014 | 7780 | } |
| 8015 | 7781 | #sidebar-toggle:focus { |
| 8016 | 7782 | border: 0; |
| 8017 | 7783 | outline: 0; |
| @@ -8421,11 +8187,8 @@ | ||
| 8421 | 8187 | .social-share-toggle .wrapper-content-widget { |
| 8422 | 8188 | visibility: hidden; |
| 8423 | 8189 | text-align: right; |
| 8424 | 8190 | opacity: 0; |
| 8425 | - -webkit-transition: all 0.27s ease; | |
| 8426 | - -moz-transition: all 0.27s ease; | |
| 8427 | - -o-transition: all 0.27s ease; | |
| 8428 | 8191 | transition: all 0.27s ease; |
| 8429 | 8192 | position: absolute; |
| 8430 | 8193 | left: 0; |
| 8431 | 8194 | top: auto; |
| @@ -8566,10 +8329,8 @@ | ||
| 8566 | 8329 | right: 50%; |
| 8567 | 8330 | padding: 35px 60px 28px 60px; |
| 8568 | 8331 | background: #fff; |
| 8569 | 8332 | transform: translate(50%, -50%); |
| 8570 | - -webkit-border-radius: 4px; | |
| 8571 | - -moz-border-radius: 4px; | |
| 8572 | 8333 | border-radius: 4px; |
| 8573 | 8334 | } |
| 8574 | 8335 | #lp-modal-window #lp-modal-content { |
| 8575 | 8336 | margin: 0 0 24px 0; |
| @@ -8619,10 +8380,8 @@ | ||
| 8619 | 8380 | overflow: hidden; |
| 8620 | 8381 | position: relative; |
| 8621 | 8382 | height: 6px; |
| 8622 | 8383 | background: #ccc; |
| 8623 | - -webkit-border-radius: 5px; | |
| 8624 | - -moz-border-radius: 5px; | |
| 8625 | 8384 | border-radius: 5px; |
| 8626 | 8385 | } |
| 8627 | 8386 | .learn-press-progress .progress-bg .progress-active { |
| 8628 | 8387 | position: absolute; |
| @@ -8630,10 +8389,8 @@ | ||
| 8630 | 8389 | width: 100%; |
| 8631 | 8390 | height: 100%; |
| 8632 | 8391 | margin-right: -100%; |
| 8633 | 8392 | background: var(--lp-primary-color); |
| 8634 | - -webkit-border-radius: 5px; | |
| 8635 | - -moz-border-radius: 5px; | |
| 8636 | 8393 | border-radius: 5px; |
| 8637 | 8394 | } |
| 8638 | 8395 | .learn-press-progress .learn-press-progress__active { |
| 8639 | 8396 | position: absolute; |
| @@ -8643,11 +8400,8 @@ | ||
| 8643 | 8400 | height: 100%; |
| 8644 | 8401 | border-radius: 3px; |
| 8645 | 8402 | background: var(--lp-primary-color); |
| 8646 | 8403 | -webkit-transition: 0.5s; |
| 8647 | - -moz-transition: 0.5s; | |
| 8648 | - -ms-transition: 0.5s; | |
| 8649 | - -o-transition: 0.5s; | |
| 8650 | 8404 | transition: 0.5s; |
| 8651 | 8405 | } |
| 8652 | 8406 | .learn-press-progress::before { |
| 8653 | 8407 | display: block; |
| @@ -8894,8 +8648,10 @@ | ||
| 8894 | 8648 | border-radius: 5px; |
| 8895 | 8649 | width: 100%; |
| 8896 | 8650 | border: 1px solid var(--lp-border-color, #E2E0DB); |
| 8897 | 8651 | overflow-x: auto; |
| 8652 | + overflow-y: auto; | |
| 8653 | + -webkit-overflow-scrolling: touch; | |
| 8898 | 8654 | } |
| 8899 | 8655 | |
| 8900 | 8656 | table.lp-list-table { |
| 8901 | 8657 | border-collapse: collapse; |
| @@ -8901,8 +8657,9 @@ | ||
| 8901 | 8657 | border-collapse: collapse; |
| 8902 | 8658 | width: 100%; |
| 8903 | 8659 | margin: 0; |
| 8904 | 8660 | min-width: 768px; |
| 8661 | + border: none; | |
| 8905 | 8662 | } |
| 8906 | 8663 | table.lp-list-table td { |
| 8907 | 8664 | padding: 0; |
| 8908 | 8665 | } |
| @@ -8909,18 +8666,23 @@ | ||
| 8909 | 8666 | table.lp-list-table .learn-press-pagination { |
| 8910 | 8667 | text-align: right; |
| 8911 | 8668 | } |
| 8912 | 8669 | table.lp-list-table thead { |
| 8913 | - background-color: var(--lp-white-grey, #F7F7FB); | |
| 8914 | 8670 | border: none; |
| 8915 | 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 | +} | |
| 8916 | 8675 | table.lp-list-table thead tr { |
| 8917 | 8676 | border-bottom: 1px solid var(--lp-border-color, #E2E0DB); |
| 8677 | + position: sticky; | |
| 8678 | + top: 0; | |
| 8679 | + z-index: 2; | |
| 8680 | + background-color: var(--lp-white-grey, #F7F7FB); | |
| 8918 | 8681 | } |
| 8919 | 8682 | table.lp-list-table thead th { |
| 8920 | 8683 | background: none; |
| 8921 | 8684 | border: none; |
| 8922 | - font-size: 1em; | |
| 8923 | 8685 | padding: 10px 20px; |
| 8924 | 8686 | text-align: right; |
| 8925 | 8687 | } |
| 8926 | 8688 | table.lp-list-table thead th td { |
| @@ -8926,28 +8688,38 @@ | ||
| 8926 | 8688 | table.lp-list-table thead th td { |
| 8927 | 8689 | border: none; |
| 8928 | 8690 | padding: 0; |
| 8929 | 8691 | } |
| 8930 | -table.lp-list-table tbody { | |
| 8931 | - font-size: 14px; | |
| 8932 | -} | |
| 8933 | 8692 | table.lp-list-table tbody tr { |
| 8934 | 8693 | border: none; |
| 8935 | - border-bottom: 1px solid var(--lp-white-grey, #F7F7FB); | |
| 8936 | 8694 | } |
| 8937 | -table.lp-list-table tbody tr:nth-child(even) td { | |
| 8938 | - background: none; | |
| 8695 | +table.lp-list-table tbody tr:nth-child(even) { | |
| 8696 | + background-color: hsla(0, 0%, 50%, 0.05); | |
| 8939 | 8697 | } |
| 8698 | +table.lp-list-table tbody tr:hover { | |
| 8699 | + background-color: #eff6ff; | |
| 8700 | +} | |
| 8940 | 8701 | table.lp-list-table tbody tr td { |
| 8941 | 8702 | border: none; |
| 8703 | + border-bottom: 1px solid var(--lp-border-color, #E2E0DB); | |
| 8942 | 8704 | padding: 10px 20px; |
| 8943 | 8705 | text-align: right; |
| 8944 | 8706 | } |
| 8707 | +table.lp-list-table tbody tr td a { | |
| 8708 | + text-decoration: none; | |
| 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 | +} | |
| 8945 | 8716 | table.lp-list-table tfoot tr { |
| 8946 | 8717 | border: none; |
| 8947 | 8718 | } |
| 8948 | 8719 | table.lp-list-table tfoot tr td, table.lp-list-table tfoot tr th { |
| 8949 | 8720 | border: none; |
| 8721 | + border-top: 1px solid var(--lp-border-color, #E2E0DB); | |
| 8950 | 8722 | } |
| 8951 | 8723 | table.lp-list-table tfoot tr td > div, table.lp-list-table tfoot tr th > div { |
| 8952 | 8724 | padding: 20px; |
| 8953 | 8725 | } |
| @@ -9043,13 +8815,56 @@ | ||
| 9043 | 8815 | .swal2-popup .swal2-close { |
| 9044 | 8816 | background-color: unset !important; |
| 9045 | 8817 | outline: none !important; |
| 9046 | 8818 | color: rgb(204, 204, 204) !important; |
| 8819 | + font-size: 30px; | |
| 8820 | + box-shadow: none !important; | |
| 8821 | + position: absolute; | |
| 9047 | 8822 | } |
| 9048 | 8823 | .swal2-popup .swal2-close:hover { |
| 9049 | 8824 | color: #f27474 !important; |
| 9050 | 8825 | } |
| 9051 | 8826 | |
| 8827 | +/** | |
| 8828 | +* Style for the Form Filter list | |
| 8829 | +* @since 4.4.5 | |
| 8830 | +* @version 1.0.0 | |
| 8831 | +*/ | |
| 8832 | +.lp-form-filter { | |
| 8833 | + display: grid; | |
| 8834 | + gap: 12px; | |
| 8835 | + margin-bottom: 24px; | |
| 8836 | +} | |
| 8837 | +.lp-form-filter__fields { | |
| 8838 | + display: flex; | |
| 8839 | + flex-wrap: wrap; | |
| 8840 | + align-items: flex-end; | |
| 8841 | + gap: 14px; | |
| 8842 | +} | |
| 8843 | +.lp-form-filter__fields > * { | |
| 8844 | + flex: 1 1 0; | |
| 8845 | + min-width: 0; | |
| 8846 | +} | |
| 8847 | +.lp-form-filter .filter-field { | |
| 8848 | + display: flex; | |
| 8849 | + flex-direction: column; | |
| 8850 | + gap: 5px; | |
| 8851 | +} | |
| 8852 | +.lp-form-filter .filter-field label { | |
| 8853 | + text-align: right; | |
| 8854 | + font-weight: bold; | |
| 8855 | +} | |
| 8856 | +.lp-form-filter button { | |
| 8857 | + display: inline-flex; | |
| 8858 | + align-items: center; | |
| 8859 | + justify-content: center; | |
| 8860 | +} | |
| 8861 | +.lp-form-filter__actions { | |
| 8862 | + display: flex; | |
| 8863 | + gap: 8px; | |
| 8864 | + align-items: center; | |
| 8865 | +} | |
| 8866 | + | |
| 9052 | 8867 | /* end reset css */ |
| 9053 | 8868 | @media (max-width: 1024px) { |
| 9054 | 8869 | body.learnpress-page { |
| 9055 | 8870 | --lp-cotainer-padding: 1rem; |
| @@ -9156,9 +8971,8 @@ | ||
| 9156 | 8971 | margin-right: 0; |
| 9157 | 8972 | } |
| 9158 | 8973 | .content-item-wrap #comments #comment { |
| 9159 | 8974 | -webkit-box-sizing: border-box; |
| 9160 | - -moz-box-sizing: border-box; | |
| 9161 | 8975 | box-sizing: border-box; |
| 9162 | 8976 | } |
| 9163 | 8977 | |
| 9164 | 8978 | .course-tabs input[name=learn-press-course-tab-radio], |
