| @@ -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 | 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: ""; |
| @@ -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; |
| @@ -2076,9 +2087,8 @@ | ||
| 2076 | 2087 | flex-wrap: wrap; |
| 2077 | 2088 | align-items: center; |
| 2078 | 2089 | justify-content: space-between; |
| 2079 | 2090 | gap: 8px; |
| 2080 | - border-top: 1px solid #e2e8f0; | |
| 2081 | 2091 | } |
| 2082 | 2092 | .lp-enrolled-students-table-footer__count { |
| 2083 | 2093 | color: #64748b; |
| 2084 | 2094 | font-size: 13px; |
| @@ -2586,8 +2596,65 @@ | ||
| 2586 | 2596 | font-size: 1.6em; |
| 2587 | 2597 | margin-bottom: 12px; |
| 2588 | 2598 | } |
| 2589 | 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 | +} | |
| 2590 | 2657 | .learn-press-profile-course__statistic { |
| 2591 | 2658 | margin-bottom: 32px; |
| 2592 | 2659 | } |
| 2593 | 2660 | .learn-press-profile-course__tab .learn-press-tabs--with-course-builder { |
| @@ -2630,58 +2697,8 @@ | ||
| 2630 | 2697 | width: 100%; |
| 2631 | 2698 | margin: 0 0 16px; |
| 2632 | 2699 | } |
| 2633 | 2700 | } |
| 2634 | -.learn-press-profile-course__progress .lp_profile_course_progress__item img { | |
| 2635 | - width: 100%; | |
| 2636 | - aspect-ratio: 16/9; | |
| 2637 | - object-fit: cover; | |
| 2638 | - height: auto; | |
| 2639 | - display: block; | |
| 2640 | -} | |
| 2641 | -.learn-press-profile-course__progress .lp_profile_course_progress__item td, | |
| 2642 | -.learn-press-profile-course__progress .lp_profile_course_progress__item th { | |
| 2643 | - text-align: center; | |
| 2644 | -} | |
| 2645 | -.learn-press-profile-course__progress .lp_profile_course_progress__item td:first-child, | |
| 2646 | -.learn-press-profile-course__progress .lp_profile_course_progress__item th:first-child { | |
| 2647 | - width: 15%; | |
| 2648 | - padding: 0; | |
| 2649 | -} | |
| 2650 | -@media (max-width: 768px) { | |
| 2651 | - .learn-press-profile-course__progress .lp_profile_course_progress__item td:first-child, | |
| 2652 | - .learn-press-profile-course__progress .lp_profile_course_progress__item th:first-child { | |
| 2653 | - display: none; | |
| 2654 | - } | |
| 2655 | -} | |
| 2656 | -.learn-press-profile-course__progress .lp_profile_course_progress__item td:nth-child(2), | |
| 2657 | -.learn-press-profile-course__progress .lp_profile_course_progress__item th:nth-child(2) { | |
| 2658 | - width: 25%; | |
| 2659 | -} | |
| 2660 | -.learn-press-profile-course__progress .lp_profile_course_progress__item td:nth-child(2) a, | |
| 2661 | -.learn-press-profile-course__progress .lp_profile_course_progress__item th:nth-child(2) a { | |
| 2662 | - display: -webkit-box; | |
| 2663 | - -webkit-line-clamp: 2; | |
| 2664 | - -webkit-box-orient: vertical; | |
| 2665 | - overflow: hidden; | |
| 2666 | -} | |
| 2667 | -.learn-press-profile-course__progress .lp_profile_course_progress__item td:nth-child(3), | |
| 2668 | -.learn-press-profile-course__progress .lp_profile_course_progress__item th:nth-child(3) { | |
| 2669 | - width: 10%; | |
| 2670 | -} | |
| 2671 | -.learn-press-profile-course__progress .lp_profile_course_progress__item td:nth-child(4), | |
| 2672 | -.learn-press-profile-course__progress .lp_profile_course_progress__item th:nth-child(4) { | |
| 2673 | - width: 25%; | |
| 2674 | -} | |
| 2675 | -.learn-press-profile-course__progress .lp_profile_course_progress__item td:nth-child(5), | |
| 2676 | -.learn-press-profile-course__progress .lp_profile_course_progress__item th:nth-child(5) { | |
| 2677 | - width: 25%; | |
| 2678 | -} | |
| 2679 | -@media (max-width: 768px) { | |
| 2680 | - .learn-press-profile-course__progress .learn-press-course-tab__filter__content { | |
| 2681 | - overflow-x: auto; | |
| 2682 | - } | |
| 2683 | -} | |
| 2684 | 2701 | |
| 2685 | 2702 | .lp-profile-content #profile-content-order-details h3 { |
| 2686 | 2703 | margin-top: 0; |
| 2687 | 2704 | font-size: 1.875em; |
| @@ -2725,8 +2742,16 @@ | ||
| 2725 | 2742 | gap: 12px; |
| 2726 | 2743 | margin-top: 16px; |
| 2727 | 2744 | } |
| 2728 | 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 | + | |
| 2729 | 2754 | .course-extra-box { |
| 2730 | 2755 | margin-bottom: 16px; |
| 2731 | 2756 | border: 1px solid var(--lp-border-color, #E2E0DB); |
| 2732 | 2757 | border-radius: var(--lp-border-radius, 5px); |
| @@ -2765,17 +2790,12 @@ | ||
| 2765 | 2790 | overflow: hidden; |
| 2766 | 2791 | transition: height 0.3s ease; |
| 2767 | 2792 | } |
| 2768 | 2793 | .course-extra-box__content-inner { |
| 2769 | - -webkit-animation-name: course-extra-box__content-inner-transform; | |
| 2770 | 2794 | animation-name: course-extra-box__content-inner-transform; |
| 2771 | - -webkit-animation-duration: 0.3s; | |
| 2772 | 2795 | animation-duration: 0.3s; |
| 2773 | - -webkit-animation-timing-function: ease-in-out; | |
| 2774 | 2796 | animation-timing-function: ease-in-out; |
| 2775 | - -webkit-animation-iteration-count: 1; | |
| 2776 | 2797 | animation-iteration-count: 1; |
| 2777 | - -webkit-animation-direction: normal; | |
| 2778 | 2798 | animation-direction: normal; |
| 2779 | 2799 | } |
| 2780 | 2800 | .course-extra-box__content-inner > ul { |
| 2781 | 2801 | padding-right: 0 !important; |
| @@ -2836,19 +2856,13 @@ | ||
| 2836 | 2856 | @-webkit-keyframes course-extra-box__content-inner-transform { |
| 2837 | 2857 | from { |
| 2838 | 2858 | opacity: 0; |
| 2839 | 2859 | -webkit-transform: translateX(-5%); |
| 2840 | - -moz-transform: translateX(-5%); | |
| 2841 | - -ms-transform: translateX(-5%); | |
| 2842 | - -o-transform: translateX(-5%); | |
| 2843 | 2860 | transform: translateX(-5%); |
| 2844 | 2861 | } |
| 2845 | 2862 | to { |
| 2846 | 2863 | opacity: 1; |
| 2847 | 2864 | -webkit-transform: translateX(0%); |
| 2848 | - -moz-transform: translateX(0%); | |
| 2849 | - -ms-transform: translateX(0%); | |
| 2850 | - -o-transform: translateX(0%); | |
| 2851 | 2865 | transform: translateX(0%); |
| 2852 | 2866 | } |
| 2853 | 2867 | } |
| 2854 | 2868 | @keyframes course-extra-box__content-inner-transform { |
| @@ -2923,19 +2937,13 @@ | ||
| 2923 | 2937 | @-webkit-keyframes course-faqs-box__content-inner-transform { |
| 2924 | 2938 | from { |
| 2925 | 2939 | opacity: 0; |
| 2926 | 2940 | -webkit-transform: translateY(-5%); |
| 2927 | - -moz-transform: translateY(-5%); | |
| 2928 | - -ms-transform: translateY(-5%); | |
| 2929 | - -o-transform: translateY(-5%); | |
| 2930 | 2941 | transform: translateY(-5%); |
| 2931 | 2942 | } |
| 2932 | 2943 | to { |
| 2933 | 2944 | opacity: 1; |
| 2934 | 2945 | -webkit-transform: translateY(0%); |
| 2935 | - -moz-transform: translateY(0%); | |
| 2936 | - -ms-transform: translateY(0%); | |
| 2937 | - -o-transform: translateY(0%); | |
| 2938 | 2946 | transform: translateY(0%); |
| 2939 | 2947 | } |
| 2940 | 2948 | } |
| 2941 | 2949 | @keyframes course-faqs-box__content-inner-transform { |
| @@ -2941,19 +2949,13 @@ | ||
| 2941 | 2949 | @keyframes course-faqs-box__content-inner-transform { |
| 2942 | 2950 | from { |
| 2943 | 2951 | opacity: 0; |
| 2944 | 2952 | -webkit-transform: translateY(-5%); |
| 2945 | - -moz-transform: translateY(-5%); | |
| 2946 | - -ms-transform: translateY(-5%); | |
| 2947 | - -o-transform: translateY(-5%); | |
| 2948 | 2953 | transform: translateY(-5%); |
| 2949 | 2954 | } |
| 2950 | 2955 | to { |
| 2951 | 2956 | opacity: 1; |
| 2952 | 2957 | -webkit-transform: translateY(0%); |
| 2953 | - -moz-transform: translateY(0%); | |
| 2954 | - -ms-transform: translateY(0%); | |
| 2955 | - -o-transform: translateY(0%); | |
| 2956 | 2958 | transform: translateY(0%); |
| 2957 | 2959 | } |
| 2958 | 2960 | } |
| 2959 | 2961 | .extra-box__title, .course-faqs__title, .course-material__title { |
| @@ -2993,11 +2995,8 @@ | ||
| 2993 | 2995 | display: block; |
| 2994 | 2996 | } |
| 2995 | 2997 | .course-curriculum ul.curriculum-sections .section-title.c span.show-desc::before { |
| 2996 | 2998 | -webkit-transform: rotate(-180deg); |
| 2997 | - -moz-transform: rotate(-180deg); | |
| 2998 | - -ms-transform: rotate(-180deg); | |
| 2999 | - -o-transform: rotate(-180deg); | |
| 3000 | 2999 | transform: rotate(-180deg); |
| 3001 | 3000 | top: 0; |
| 3002 | 3001 | } |
| 3003 | 3002 | .course-curriculum ul.curriculum-sections .item-meta.duration { |
| @@ -3016,18 +3015,21 @@ | ||
| 3016 | 3015 | box-shadow: none; |
| 3017 | 3016 | outline: none; |
| 3018 | 3017 | } |
| 3019 | 3018 | .course-curriculum .section-item__loadmore.loading button:before { |
| 3020 | - display: inline-block; | |
| 3019 | + position: absolute; | |
| 3020 | + inset: 0; | |
| 3021 | + display: flex; | |
| 3022 | + align-items: center; | |
| 3023 | + justify-content: center; | |
| 3021 | 3024 | font-family: "lp-icon"; |
| 3022 | 3025 | content: "\f110"; |
| 3023 | 3026 | animation: lp-rotating 1s linear infinite; |
| 3024 | - margin-left: 5px; | |
| 3025 | 3027 | font-variant: normal; |
| 3026 | 3028 | text-transform: none; |
| 3027 | 3029 | -webkit-font-smoothing: antialiased; |
| 3028 | 3030 | -moz-osx-font-smoothing: grayscale; |
| 3029 | - vertical-align: middle; | |
| 3031 | + color: black; | |
| 3030 | 3032 | } |
| 3031 | 3033 | .course-curriculum .section-header { |
| 3032 | 3034 | display: table; |
| 3033 | 3035 | width: 100%; |
| @@ -3035,9 +3037,8 @@ | ||
| 3035 | 3037 | border-bottom: 0; |
| 3036 | 3038 | border-bottom: 1px solid #d9e0f1; |
| 3037 | 3039 | cursor: pointer; |
| 3038 | 3040 | -webkit-box-sizing: border-box; |
| 3039 | - -moz-box-sizing: border-box; | |
| 3040 | 3041 | box-sizing: border-box; |
| 3041 | 3042 | } |
| 3042 | 3043 | .course-curriculum .section-header .section-title, .course-curriculum .section-header .section-desc { |
| 3043 | 3044 | margin: 0; |
| @@ -3243,18 +3244,21 @@ | ||
| 3243 | 3244 | margin-top: 20px; |
| 3244 | 3245 | margin-bottom: 20px; |
| 3245 | 3246 | } |
| 3246 | 3247 | .course-curriculum .curriculum-more__button.loading:before { |
| 3247 | - display: inline-block; | |
| 3248 | + position: absolute; | |
| 3249 | + inset: 0; | |
| 3250 | + display: flex; | |
| 3251 | + align-items: center; | |
| 3252 | + justify-content: center; | |
| 3248 | 3253 | font-family: "lp-icon"; |
| 3249 | 3254 | content: "\f110"; |
| 3250 | 3255 | animation: lp-rotating 1s linear infinite; |
| 3251 | - margin-left: 5px; | |
| 3252 | 3256 | font-variant: normal; |
| 3253 | 3257 | text-transform: none; |
| 3254 | 3258 | -webkit-font-smoothing: antialiased; |
| 3255 | 3259 | -moz-osx-font-smoothing: grayscale; |
| 3256 | - vertical-align: middle; | |
| 3260 | + color: black; | |
| 3257 | 3261 | } |
| 3258 | 3262 | |
| 3259 | 3263 | body .content-item-summary .form-button-finish-course, body .lp-quiz-buttons .form-button-finish-course { |
| 3260 | 3264 | float: left; |
| @@ -3497,8 +3501,11 @@ | ||
| 3497 | 3501 | content: "\e921"; |
| 3498 | 3502 | color: #999; |
| 3499 | 3503 | } |
| 3500 | 3504 | |
| 3505 | +.info-learning .course-progress > div { | |
| 3506 | + margin-bottom: 8px; | |
| 3507 | +} | |
| 3501 | 3508 | .info-learning .course-progress__line { |
| 3502 | 3509 | width: 100%; |
| 3503 | 3510 | background: #ccc; |
| 3504 | 3511 | height: 5px; |
| @@ -3527,8 +3534,11 @@ | ||
| 3527 | 3534 | width: 2px; |
| 3528 | 3535 | height: 100%; |
| 3529 | 3536 | background: var(--lp-secondary-color); |
| 3530 | 3537 | } |
| 3538 | +.info-learning .start-date, .info-learning .end-date { | |
| 3539 | + margin-bottom: 8px; | |
| 3540 | +} | |
| 3531 | 3541 | |
| 3532 | 3542 | .lp-quiz-buttons { |
| 3533 | 3543 | margin-bottom: 20px; |
| 3534 | 3544 | display: block; |
| @@ -3590,15 +3600,10 @@ | ||
| 3590 | 3600 | position: relative; |
| 3591 | 3601 | margin: 0 0 18px 0; |
| 3592 | 3602 | padding: 10px; |
| 3593 | 3603 | cursor: pointer; |
| 3594 | - -webkit-border-radius: 4px; | |
| 3595 | - -moz-border-radius: 4px; | |
| 3596 | 3604 | border-radius: 4px; |
| 3597 | 3605 | -webkit-transition: background linear 0.25s; |
| 3598 | - -moz-transition: background linear 0.25s; | |
| 3599 | - -ms-transition: background linear 0.25s; | |
| 3600 | - -o-transition: background linear 0.25s; | |
| 3601 | 3606 | transition: background linear 0.25s; |
| 3602 | 3607 | } |
| 3603 | 3608 | .answer-options .answer-option .option-title { |
| 3604 | 3609 | display: table-cell; |
| @@ -3615,11 +3620,8 @@ | ||
| 3615 | 3620 | width: 3px; |
| 3616 | 3621 | background: #ddd; |
| 3617 | 3622 | content: ""; |
| 3618 | 3623 | -webkit-transition: background linear 0.25s; |
| 3619 | - -moz-transition: background linear 0.25s; | |
| 3620 | - -ms-transition: background linear 0.25s; | |
| 3621 | - -o-transition: background linear 0.25s; | |
| 3622 | 3624 | transition: background linear 0.25s; |
| 3623 | 3625 | } |
| 3624 | 3626 | .answer-options .answer-option input[type=checkbox], |
| 3625 | 3627 | .answer-options .answer-option input[type=radio] { |
| @@ -3632,10 +3634,8 @@ | ||
| 3632 | 3634 | height: 32px; |
| 3633 | 3635 | margin: 0 3px 0 10px; |
| 3634 | 3636 | border: 1px solid #cfcfcf; |
| 3635 | 3637 | background: #f9fafc; |
| 3636 | - -webkit-border-radius: 4px; | |
| 3637 | - -moz-border-radius: 4px; | |
| 3638 | 3638 | border-radius: 4px; |
| 3639 | 3639 | } |
| 3640 | 3640 | .answer-options .answer-option input[type=checkbox]::after, |
| 3641 | 3641 | .answer-options .answer-option input[type=radio]::after { |
| @@ -3678,10 +3678,8 @@ | ||
| 3678 | 3678 | .answer-options .answer-option input[type=checkbox]:checked::after { |
| 3679 | 3679 | border: none; |
| 3680 | 3680 | } |
| 3681 | 3681 | .answer-options .answer-option input[type=radio] { |
| 3682 | - -webkit-border-radius: 50%; | |
| 3683 | - -moz-border-radius: 50%; | |
| 3684 | 3682 | border-radius: 50%; |
| 3685 | 3683 | } |
| 3686 | 3684 | .answer-options .answer-option input[type=radio]::before { |
| 3687 | 3685 | border-radius: 50%; |
| @@ -3735,10 +3733,8 @@ | ||
| 3735 | 3733 | background: #f02425; |
| 3736 | 3734 | display: flex; |
| 3737 | 3735 | align-items: center; |
| 3738 | 3736 | justify-content: center; |
| 3739 | - -webkit-border-radius: var(--lp-border-radius, 5px); | |
| 3740 | - -moz-border-radius: var(--lp-border-radius, 5px); | |
| 3741 | 3737 | border-radius: var(--lp-border-radius, 5px); |
| 3742 | 3738 | gap: 8px; |
| 3743 | 3739 | } |
| 3744 | 3740 | .quiz-result .result-message::after { |
| @@ -4028,9 +4024,8 @@ | ||
| 4028 | 4024 | border: 4px solid #b1c1e6; |
| 4029 | 4025 | border-radius: 50%; |
| 4030 | 4026 | content: ""; |
| 4031 | 4027 | -webkit-box-sizing: border-box; |
| 4032 | - -moz-box-sizing: border-box; | |
| 4033 | 4028 | box-sizing: border-box; |
| 4034 | 4029 | } |
| 4035 | 4030 | .quiz-status .countdown .clock .circle-progress-bar { |
| 4036 | 4031 | display: inline-block; |
| @@ -4263,11 +4258,8 @@ | ||
| 4263 | 4258 | padding: 50px; |
| 4264 | 4259 | justify-content: center; |
| 4265 | 4260 | align-items: center; |
| 4266 | 4261 | -webkit-transform: none !important; |
| 4267 | - -moz-transform: none !important; | |
| 4268 | - -ms-transform: none !important; | |
| 4269 | - -o-transform: none !important; | |
| 4270 | 4262 | transform: none !important; |
| 4271 | 4263 | } |
| 4272 | 4264 | .quiz-result .result-grade::before, |
| 4273 | 4265 | .quiz-result .result-grade svg { |
| @@ -4276,10 +4268,8 @@ | ||
| 4276 | 4268 | right: 50%; |
| 4277 | 4269 | width: 200px; |
| 4278 | 4270 | height: 200px; |
| 4279 | 4271 | margin-right: -100px; |
| 4280 | - -webkit-border-radius: 50%; | |
| 4281 | - -moz-border-radius: 50%; | |
| 4282 | 4272 | border-radius: 50%; |
| 4283 | 4273 | } |
| 4284 | 4274 | .quiz-result .result-grade::before { |
| 4285 | 4275 | box-sizing: border-box; |
| @@ -4288,11 +4278,8 @@ | ||
| 4288 | 4278 | content: ""; |
| 4289 | 4279 | } |
| 4290 | 4280 | .quiz-result .result-grade svg { |
| 4291 | 4281 | -webkit-transform: rotate(90deg); |
| 4292 | - -moz-transform: rotate(90deg); | |
| 4293 | - -ms-transform: rotate(90deg); | |
| 4294 | - -o-transform: rotate(90deg); | |
| 4295 | 4282 | transform: rotate(90deg); |
| 4296 | 4283 | } |
| 4297 | 4284 | .quiz-result .result-grade svg circle { |
| 4298 | 4285 | stroke: var(--lp-primary-color); |
| @@ -4298,11 +4285,8 @@ | ||
| 4298 | 4285 | stroke: var(--lp-primary-color); |
| 4299 | 4286 | } |
| 4300 | 4287 | .quiz-result.passed .result-grade svg { |
| 4301 | 4288 | -webkit-transform: rotate(90deg); |
| 4302 | - -moz-transform: rotate(90deg); | |
| 4303 | - -ms-transform: rotate(90deg); | |
| 4304 | - -o-transform: rotate(90deg); | |
| 4305 | 4289 | transform: rotate(90deg); |
| 4306 | 4290 | } |
| 4307 | 4291 | .quiz-result.passed .result-grade .result-achieved { |
| 4308 | 4292 | color: #333; |
| @@ -4327,15 +4311,10 @@ | ||
| 4327 | 4311 | position: absolute; |
| 4328 | 4312 | top: 50%; |
| 4329 | 4313 | border-color: #d9e0f1; |
| 4330 | 4314 | -webkit-transform: translateY(-50%); |
| 4331 | - -moz-transform: translateY(-50%); | |
| 4332 | - -ms-transform: translateY(-50%); | |
| 4333 | - -o-transform: translateY(-50%); | |
| 4334 | 4315 | transform: translateY(-50%); |
| 4335 | 4316 | margin: 0 10px 0 0; |
| 4336 | - -webkit-border-radius: 4px; | |
| 4337 | - -moz-border-radius: 4px; | |
| 4338 | 4317 | border-radius: 4px; |
| 4339 | 4318 | } |
| 4340 | 4319 | .question .answer-option input[type=radio]::after, |
| 4341 | 4320 | .question .answer-option input[type=checkbox]::after { |
| @@ -4354,10 +4333,8 @@ | ||
| 4354 | 4333 | .question .answer-option input[type=checkbox]:checked:not(:disabled)::after { |
| 4355 | 4334 | border-color: #99aee4; |
| 4356 | 4335 | } |
| 4357 | 4336 | .question .answer-option input[type=radio] { |
| 4358 | - -webkit-border-radius: 50%; | |
| 4359 | - -moz-border-radius: 50%; | |
| 4360 | 4337 | border-radius: 50%; |
| 4361 | 4338 | } |
| 4362 | 4339 | .question .answer-option input[type=radio]::before { |
| 4363 | 4340 | border-radius: 50%; |
| @@ -4369,10 +4346,8 @@ | ||
| 4369 | 4346 | padding: 10px 60px 10px 10px; |
| 4370 | 4347 | border: 1px solid var(--lp-border-color, #E2E0DB); |
| 4371 | 4348 | color: #666; |
| 4372 | 4349 | font-weight: normal; |
| 4373 | - -webkit-border-radius: 4px; | |
| 4374 | - -moz-border-radius: 4px; | |
| 4375 | 4350 | border-radius: 4px; |
| 4376 | 4351 | } |
| 4377 | 4352 | .question .answer-option .option-title:hover { |
| 4378 | 4353 | background: #f9f9f9; |
| @@ -4497,10 +4472,8 @@ | ||
| 4497 | 4472 | margin: 0 5px; |
| 4498 | 4473 | padding: 0 6px; |
| 4499 | 4474 | background: #ddd; |
| 4500 | 4475 | line-height: 1; |
| 4501 | - -webkit-border-radius: 4px; | |
| 4502 | - -moz-border-radius: 4px; | |
| 4503 | 4476 | border-radius: 4px; |
| 4504 | 4477 | } |
| 4505 | 4478 | .question.question-fill_in_blanks .blanks.ordered { |
| 4506 | 4479 | list-style-position: inside; |
| @@ -5138,10 +5111,8 @@ | ||
| 5138 | 5111 | color: #fff; |
| 5139 | 5112 | background: #383838; |
| 5140 | 5113 | font-size: 0.8em; |
| 5141 | 5114 | line-height: 1.2em; |
| 5142 | - -webkit-border-radius: 3px; | |
| 5143 | - -moz-border-radius: 3px; | |
| 5144 | 5115 | border-radius: 3px; |
| 5145 | 5116 | } |
| 5146 | 5117 | .learn-press-tip-floating > * { |
| 5147 | 5118 | font-size: 0.8em; |
| @@ -5158,10 +5129,8 @@ | ||
| 5158 | 5129 | background: #468fbc; |
| 5159 | 5130 | line-height: 1rem; |
| 5160 | 5131 | text-align: center; |
| 5161 | 5132 | cursor: pointer; |
| 5162 | - -webkit-border-radius: 50%; | |
| 5163 | - -moz-border-radius: 50%; | |
| 5164 | 5133 | border-radius: 50%; |
| 5165 | 5134 | } |
| 5166 | 5135 | .learn-press-tip-floating .close::before { |
| 5167 | 5136 | font-family: "lp-icon"; |
| @@ -5199,46 +5168,16 @@ | ||
| 5199 | 5168 | */ |
| 5200 | 5169 | /** |
| 5201 | 5170 | * Mixin |
| 5202 | 5171 | */ |
| 5203 | -@-webkit-keyframes rotating4 { | |
| 5204 | - from { | |
| 5205 | - -webkit-transform: rotate(0deg); | |
| 5206 | - -o-transform: rotate(0deg); | |
| 5207 | - transform: rotate(0deg); | |
| 5208 | - } | |
| 5209 | - to { | |
| 5210 | - -webkit-transform: rotate(-360deg); | |
| 5211 | - -o-transform: rotate(-360deg); | |
| 5212 | - transform: rotate(-360deg); | |
| 5213 | - } | |
| 5214 | -} | |
| 5215 | 5172 | @keyframes rotating4 { |
| 5216 | 5173 | from { |
| 5217 | - -ms-transform: rotate(0deg); | |
| 5218 | - -moz-transform: rotate(0deg); | |
| 5219 | - -webkit-transform: rotate(0deg); | |
| 5220 | - -o-transform: rotate(0deg); | |
| 5221 | 5174 | transform: rotate(0deg); |
| 5222 | 5175 | } |
| 5223 | 5176 | to { |
| 5224 | - -ms-transform: rotate(-360deg); | |
| 5225 | - -moz-transform: rotate(-360deg); | |
| 5226 | - -webkit-transform: rotate(-360deg); | |
| 5227 | - -o-transform: rotate(-360deg); | |
| 5228 | 5177 | transform: rotate(-360deg); |
| 5229 | 5178 | } |
| 5230 | 5179 | } |
| 5231 | -@-webkit-keyframes animation4 { | |
| 5232 | - from { | |
| 5233 | - right: -40%; | |
| 5234 | - width: 40%; | |
| 5235 | - } | |
| 5236 | - to { | |
| 5237 | - right: 100%; | |
| 5238 | - width: 10%; | |
| 5239 | - } | |
| 5240 | -} | |
| 5241 | 5180 | @keyframes animation4 { |
| 5242 | 5181 | from { |
| 5243 | 5182 | right: -40%; |
| 5244 | 5183 | width: 40%; |
| @@ -5262,10 +5201,8 @@ | ||
| 5262 | 5201 | min-width: 300px !important; |
| 5263 | 5202 | padding: 10px !important; |
| 5264 | 5203 | background: #F5F5F5; |
| 5265 | 5204 | transition: opacity 0.25s; |
| 5266 | - -webkit-border-radius: 3px; | |
| 5267 | - -moz-border-radius: 3px; | |
| 5268 | 5205 | border-radius: 3px; |
| 5269 | 5206 | } |
| 5270 | 5207 | body.confirm #popup_container #popup_title { |
| 5271 | 5208 | display: none !important; |
| @@ -5273,10 +5210,8 @@ | ||
| 5273 | 5210 | body.confirm #popup_container #popup_message { |
| 5274 | 5211 | margin: -10px; |
| 5275 | 5212 | background: #FFF; |
| 5276 | 5213 | padding: 20px; |
| 5277 | - -webkit-border-radius: 3px; | |
| 5278 | - -moz-border-radius: 3px; | |
| 5279 | 5214 | border-radius: 3px; |
| 5280 | 5215 | } |
| 5281 | 5216 | body.confirm #popup_container .close { |
| 5282 | 5217 | position: absolute; |
| @@ -5379,13 +5314,8 @@ | ||
| 5379 | 5314 | padding: 0 !important; |
| 5380 | 5315 | min-height: 300px; |
| 5381 | 5316 | list-style: none; |
| 5382 | 5317 | position: relative; |
| 5383 | - display: -webkit-box; | |
| 5384 | - display: -moz-box; | |
| 5385 | - display: -ms-flexbox; | |
| 5386 | - display: -moz-flex; | |
| 5387 | - display: -webkit-flex; | |
| 5388 | 5318 | display: flex; |
| 5389 | 5319 | -webkit-flex-wrap: wrap; |
| 5390 | 5320 | flex-wrap: wrap; |
| 5391 | 5321 | } |
| @@ -5828,9 +5758,8 @@ | ||
| 5828 | 5758 | background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDE4IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iVmVjdG9yLSgxKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDEuMDAwMDAwKSIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgiIHBvaW50cz0iMCAwIDggOCAxNiAwIj48L3BvbHlsaW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); |
| 5829 | 5759 | background-size: 0.8em; |
| 5830 | 5760 | background-position: calc(100% - (100% - 0.5em)) center; |
| 5831 | 5761 | background-repeat: no-repeat; |
| 5832 | - -moz-appearance: none; | |
| 5833 | 5762 | -webkit-appearance: none; |
| 5834 | 5763 | appearance: none; |
| 5835 | 5764 | line-height: 1.1; |
| 5836 | 5765 | } |
| @@ -5860,20 +5789,8 @@ | ||
| 5860 | 5789 | font-size: inherit; |
| 5861 | 5790 | line-height: 1.1; |
| 5862 | 5791 | box-shadow: none; |
| 5863 | 5792 | } |
| 5864 | -.lp-courses-bar .search-courses input::-webkit-input-placeholder { | |
| 5865 | - color: #999; | |
| 5866 | -} | |
| 5867 | -.lp-courses-bar .search-courses input::-moz-placeholder { | |
| 5868 | - color: #999; | |
| 5869 | -} | |
| 5870 | -.lp-courses-bar .search-courses input:-ms-input-placeholder { | |
| 5871 | - color: #999; | |
| 5872 | -} | |
| 5873 | -.lp-courses-bar .search-courses input:-moz-placeholder { | |
| 5874 | - color: #999; | |
| 5875 | -} | |
| 5876 | 5793 | .lp-courses-bar .search-courses input::placeholder { |
| 5877 | 5794 | color: #999; |
| 5878 | 5795 | } |
| 5879 | 5796 | .lp-courses-bar .search-courses input:focus { |
| @@ -5900,10 +5817,8 @@ | ||
| 5900 | 5817 | } |
| 5901 | 5818 | .lp-courses-bar .search-courses button.loading > i:before { |
| 5902 | 5819 | display: inline-block; |
| 5903 | 5820 | content: "\f110"; |
| 5904 | - -webkit-animation: lp-rotating 1s linear infinite; | |
| 5905 | - -moz-animation: lp-rotating 1s linear infinite; | |
| 5906 | 5821 | animation: lp-rotating 1s linear infinite; |
| 5907 | 5822 | } |
| 5908 | 5823 | .lp-courses-bar .switch-layout { |
| 5909 | 5824 | align-items: center; |
| @@ -6721,8 +6636,11 @@ | ||
| 6721 | 6636 | } |
| 6722 | 6637 | .lp-single-course .lp-single-course-main__right__inner > div { |
| 6723 | 6638 | margin-bottom: 20px; |
| 6724 | 6639 | } |
| 6640 | +.lp-single-course .lp-single-course-main__right__inner > div.info-learning { | |
| 6641 | + margin-bottom: 12px; | |
| 6642 | +} | |
| 6725 | 6643 | .lp-single-course .lp-single-course-main__right__inner > div:last-child { |
| 6726 | 6644 | margin-bottom: 0; |
| 6727 | 6645 | } |
| 6728 | 6646 | .lp-single-course .lp-single-course-main .info-metas .info-meta-item { |
| @@ -6865,8 +6783,18 @@ | ||
| 6865 | 6783 | } |
| 6866 | 6784 | .lp-single-course button { |
| 6867 | 6785 | font-size: 1em; |
| 6868 | 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 | +} | |
| 6869 | 6797 | |
| 6870 | 6798 | .course-featured { |
| 6871 | 6799 | padding: 4px 12px; |
| 6872 | 6800 | border-radius: var(--lp-border-radius, 5px); |
| @@ -7439,9 +7367,8 @@ | ||
| 7439 | 7367 | display: none; |
| 7440 | 7368 | } |
| 7441 | 7369 | #popup-course .scrollbar-light > .scroll-element.scroll-y .scroll-bar { |
| 7442 | 7370 | -webkit-box-sizing: border-box; |
| 7443 | - -moz-box-sizing: border-box; | |
| 7444 | 7371 | box-sizing: border-box; |
| 7445 | 7372 | } |
| 7446 | 7373 | |
| 7447 | 7374 | #popup-header { |
| @@ -7543,20 +7470,8 @@ | ||
| 7543 | 7470 | box-shadow: none; |
| 7544 | 7471 | height: auto; |
| 7545 | 7472 | font-size: 1rem; |
| 7546 | 7473 | } |
| 7547 | -#popup-sidebar .search-course input[name=s]::-webkit-input-placeholder { | |
| 7548 | - color: #999; | |
| 7549 | -} | |
| 7550 | -#popup-sidebar .search-course input[name=s]::-moz-placeholder { | |
| 7551 | - color: #999; | |
| 7552 | -} | |
| 7553 | -#popup-sidebar .search-course input[name=s]:-ms-input-placeholder { | |
| 7554 | - color: #999; | |
| 7555 | -} | |
| 7556 | -#popup-sidebar .search-course input[name=s]:-moz-placeholder { | |
| 7557 | - color: #999; | |
| 7558 | -} | |
| 7559 | 7474 | #popup-sidebar .search-course input[name=s]::placeholder { |
| 7560 | 7475 | color: #999; |
| 7561 | 7476 | } |
| 7562 | 7477 | #popup-sidebar .search-course input[name=s]:focus { |
| @@ -8318,11 +8233,8 @@ | ||
| 8318 | 8233 | .social-share-toggle .wrapper-content-widget { |
| 8319 | 8234 | visibility: hidden; |
| 8320 | 8235 | text-align: right; |
| 8321 | 8236 | opacity: 0; |
| 8322 | - -webkit-transition: all 0.27s ease; | |
| 8323 | - -moz-transition: all 0.27s ease; | |
| 8324 | - -o-transition: all 0.27s ease; | |
| 8325 | 8237 | transition: all 0.27s ease; |
| 8326 | 8238 | position: absolute; |
| 8327 | 8239 | left: 0; |
| 8328 | 8240 | top: auto; |
| @@ -8463,10 +8375,8 @@ | ||
| 8463 | 8375 | right: 50%; |
| 8464 | 8376 | padding: 35px 60px 28px 60px; |
| 8465 | 8377 | background: #fff; |
| 8466 | 8378 | transform: translate(50%, -50%); |
| 8467 | - -webkit-border-radius: 4px; | |
| 8468 | - -moz-border-radius: 4px; | |
| 8469 | 8379 | border-radius: 4px; |
| 8470 | 8380 | } |
| 8471 | 8381 | #lp-modal-window #lp-modal-content { |
| 8472 | 8382 | margin: 0 0 24px 0; |
| @@ -8516,10 +8426,8 @@ | ||
| 8516 | 8426 | overflow: hidden; |
| 8517 | 8427 | position: relative; |
| 8518 | 8428 | height: 6px; |
| 8519 | 8429 | background: #ccc; |
| 8520 | - -webkit-border-radius: 5px; | |
| 8521 | - -moz-border-radius: 5px; | |
| 8522 | 8430 | border-radius: 5px; |
| 8523 | 8431 | } |
| 8524 | 8432 | .learn-press-progress .progress-bg .progress-active { |
| 8525 | 8433 | position: absolute; |
| @@ -8527,10 +8435,8 @@ | ||
| 8527 | 8435 | width: 100%; |
| 8528 | 8436 | height: 100%; |
| 8529 | 8437 | margin-right: -100%; |
| 8530 | 8438 | background: var(--lp-primary-color); |
| 8531 | - -webkit-border-radius: 5px; | |
| 8532 | - -moz-border-radius: 5px; | |
| 8533 | 8439 | border-radius: 5px; |
| 8534 | 8440 | } |
| 8535 | 8441 | .learn-press-progress .learn-press-progress__active { |
| 8536 | 8442 | position: absolute; |
| @@ -8540,11 +8446,8 @@ | ||
| 8540 | 8446 | height: 100%; |
| 8541 | 8447 | border-radius: 3px; |
| 8542 | 8448 | background: var(--lp-primary-color); |
| 8543 | 8449 | -webkit-transition: 0.5s; |
| 8544 | - -moz-transition: 0.5s; | |
| 8545 | - -ms-transition: 0.5s; | |
| 8546 | - -o-transition: 0.5s; | |
| 8547 | 8450 | transition: 0.5s; |
| 8548 | 8451 | } |
| 8549 | 8452 | .learn-press-progress::before { |
| 8550 | 8453 | display: block; |
| @@ -8785,8 +8688,10 @@ | ||
| 8785 | 8688 | } |
| 8786 | 8689 | |
| 8787 | 8690 | /** |
| 8788 | 8691 | * Style for table LearnPress |
| 8692 | +* @since 4.3.3 | |
| 8693 | +* @version 1.0.1 | |
| 8789 | 8694 | */ |
| 8790 | 8695 | .lp-table-wrap { |
| 8791 | 8696 | border-radius: 5px; |
| 8792 | 8697 | width: 100%; |
| @@ -8800,8 +8705,9 @@ | ||
| 8800 | 8705 | border-collapse: collapse; |
| 8801 | 8706 | width: 100%; |
| 8802 | 8707 | margin: 0; |
| 8803 | 8708 | min-width: 768px; |
| 8709 | + border: none; | |
| 8804 | 8710 | } |
| 8805 | 8711 | table.lp-list-table td { |
| 8806 | 8712 | padding: 0; |
| 8807 | 8713 | } |
| @@ -8808,44 +8714,63 @@ | ||
| 8808 | 8714 | table.lp-list-table .learn-press-pagination { |
| 8809 | 8715 | text-align: right; |
| 8810 | 8716 | } |
| 8811 | 8717 | table.lp-list-table thead { |
| 8812 | - background-color: var(--lp-white-grey, #F7F7FB); | |
| 8813 | 8718 | border: none; |
| 8814 | 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 | +} | |
| 8815 | 8723 | table.lp-list-table thead tr { |
| 8816 | 8724 | border-bottom: 1px solid var(--lp-border-color, #E2E0DB); |
| 8817 | 8725 | position: sticky; |
| 8818 | 8726 | top: 0; |
| 8819 | 8727 | z-index: 2; |
| 8820 | - background: #fff; | |
| 8728 | + background-color: var(--lp-white-grey, #F7F7FB); | |
| 8821 | 8729 | } |
| 8822 | 8730 | table.lp-list-table thead th { |
| 8823 | 8731 | background: none; |
| 8824 | 8732 | border: none; |
| 8825 | - font-size: 1em; | |
| 8826 | 8733 | padding: 10px 20px; |
| 8827 | 8734 | text-align: right; |
| 8828 | 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 | +} | |
| 8829 | 8757 | table.lp-list-table thead th td { |
| 8830 | 8758 | border: none; |
| 8831 | 8759 | padding: 0; |
| 8832 | 8760 | } |
| 8833 | -table.lp-list-table tbody { | |
| 8834 | - font-size: 14px; | |
| 8835 | -} | |
| 8836 | 8761 | table.lp-list-table tbody tr { |
| 8837 | 8762 | border: none; |
| 8838 | - border-bottom: 1px solid var(--lp-white-grey, #F7F7FB); | |
| 8839 | 8763 | } |
| 8840 | -table.lp-list-table tbody tr:nth-child(odd) td { | |
| 8841 | - background: #f6f7f7; | |
| 8764 | +table.lp-list-table tbody tr:nth-child(even) { | |
| 8765 | + background-color: hsla(0, 0%, 50%, 0.05); | |
| 8842 | 8766 | } |
| 8843 | -table.lp-list-table tbody tr:nth-child(even) td { | |
| 8844 | - background: #fff; | |
| 8767 | +table.lp-list-table tbody tr:hover { | |
| 8768 | + background-color: #eff6ff; | |
| 8845 | 8769 | } |
| 8846 | 8770 | table.lp-list-table tbody tr td { |
| 8847 | 8771 | border: none; |
| 8772 | + border-bottom: 1px solid var(--lp-border-color, #E2E0DB); | |
| 8848 | 8773 | padding: 10px 20px; |
| 8849 | 8774 | text-align: right; |
| 8850 | 8775 | } |
| 8851 | 8776 | table.lp-list-table tbody tr td a { |
| @@ -8850,13 +8775,23 @@ | ||
| 8850 | 8775 | } |
| 8851 | 8776 | table.lp-list-table tbody tr td a { |
| 8852 | 8777 | text-decoration: none; |
| 8853 | 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 | +} | |
| 8854 | 8788 | table.lp-list-table tfoot tr { |
| 8855 | 8789 | border: none; |
| 8856 | 8790 | } |
| 8857 | 8791 | table.lp-list-table tfoot tr td, table.lp-list-table tfoot tr th { |
| 8858 | 8792 | border: none; |
| 8793 | + border-top: 1px solid var(--lp-border-color, #E2E0DB); | |
| 8859 | 8794 | } |
| 8860 | 8795 | table.lp-list-table tfoot tr td > div, table.lp-list-table tfoot tr th > div { |
| 8861 | 8796 | padding: 20px; |
| 8862 | 8797 | } |
| @@ -8877,16 +8812,8 @@ | ||
| 8877 | 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 { |
| 8878 | 8813 | padding-bottom: 0; |
| 8879 | 8814 | } |
| 8880 | 8815 | |
| 8881 | -.lp_profile_course_progress__nav { | |
| 8882 | - margin-top: 1rem; | |
| 8883 | -} | |
| 8884 | - | |
| 8885 | -#profile-content-order-details .lp-table-wrap { | |
| 8886 | - margin-bottom: 1rem; | |
| 8887 | -} | |
| 8888 | - | |
| 8889 | 8816 | /** |
| 8890 | 8817 | * Style for the popup alert, confirm |
| 8891 | 8818 | * @link https://sweetalert2.github.io/ |
| 8892 | 8819 | * @since 4.2.9 |
| @@ -8980,15 +8907,27 @@ | ||
| 8980 | 8907 | .lp-form-filter__fields > * { |
| 8981 | 8908 | flex: 1 1 0; |
| 8982 | 8909 | min-width: 0; |
| 8983 | 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 | +} | |
| 8984 | 8921 | .lp-form-filter .filter-field { |
| 8985 | 8922 | display: flex; |
| 8986 | 8923 | flex-direction: column; |
| 8987 | 8924 | gap: 5px; |
| 8925 | + max-width: 200px; | |
| 8988 | 8926 | } |
| 8989 | 8927 | .lp-form-filter .filter-field label { |
| 8990 | 8928 | text-align: right; |
| 8929 | + font-weight: bold; | |
| 8991 | 8930 | } |
| 8992 | 8931 | .lp-form-filter button { |
| 8993 | 8932 | display: inline-flex; |
| 8994 | 8933 | align-items: center; |
| @@ -8998,8 +8937,23 @@ | ||
| 8998 | 8937 | display: flex; |
| 8999 | 8938 | gap: 8px; |
| 9000 | 8939 | align-items: center; |
| 9001 | 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 | +} | |
| 9002 | 8956 | |
| 9003 | 8957 | /* end reset css */ |
| 9004 | 8958 | @media (max-width: 1024px) { |
| 9005 | 8959 | body.learnpress-page { |
| @@ -9107,9 +9061,8 @@ | ||
| 9107 | 9061 | margin-right: 0; |
| 9108 | 9062 | } |
| 9109 | 9063 | .content-item-wrap #comments #comment { |
| 9110 | 9064 | -webkit-box-sizing: border-box; |
| 9111 | - -moz-box-sizing: border-box; | |
| 9112 | 9065 | box-sizing: border-box; |
| 9113 | 9066 | } |
| 9114 | 9067 | |
| 9115 | 9068 | .course-tabs input[name=learn-press-course-tab-radio], |
