| @@ -1,45 +1,15 @@ | ||
| 1 | 1 | /** |
| 2 | 2 | * Mixin |
| 3 | 3 | */ |
| 4 | -@-webkit-keyframes rotating4 { | |
| 5 | - from { | |
| 6 | - -webkit-transform: rotate(0deg); | |
| 7 | - -o-transform: rotate(0deg); | |
| 8 | - transform: rotate(0deg); | |
| 9 | - } | |
| 10 | - to { | |
| 11 | - -webkit-transform: rotate(-360deg); | |
| 12 | - -o-transform: rotate(-360deg); | |
| 13 | - transform: rotate(-360deg); | |
| 14 | - } | |
| 15 | -} | |
| 16 | 4 | @keyframes rotating4 { |
| 17 | 5 | from { |
| 18 | - -ms-transform: rotate(0deg); | |
| 19 | - -moz-transform: rotate(0deg); | |
| 20 | - -webkit-transform: rotate(0deg); | |
| 21 | - -o-transform: rotate(0deg); | |
| 22 | 6 | transform: rotate(0deg); |
| 23 | 7 | } |
| 24 | 8 | to { |
| 25 | - -ms-transform: rotate(-360deg); | |
| 26 | - -moz-transform: rotate(-360deg); | |
| 27 | - -webkit-transform: rotate(-360deg); | |
| 28 | - -o-transform: rotate(-360deg); | |
| 29 | 9 | transform: rotate(-360deg); |
| 30 | 10 | } |
| 31 | 11 | } |
| 32 | -@-webkit-keyframes animation4 { | |
| 33 | - from { | |
| 34 | - right: -40%; | |
| 35 | - width: 40%; | |
| 36 | - } | |
| 37 | - to { | |
| 38 | - right: 100%; | |
| 39 | - width: 10%; | |
| 40 | - } | |
| 41 | -} | |
| 42 | 12 | @keyframes animation4 { |
| 43 | 13 | from { |
| 44 | 14 | right: -40%; |
| 45 | 15 | width: 40%; |
| @@ -56,33 +26,142 @@ | ||
| 56 | 26 | .wp-block-group { |
| 57 | 27 | --lp-container-max-width: var(--wp--style--global--wide-size); |
| 58 | 28 | } |
| 59 | 29 | |
| 30 | +/** | |
| 31 | +* Style for the buttons | |
| 32 | +*/ | |
| 33 | +.lp-btn-edit-primary { | |
| 34 | + border: none; | |
| 35 | + background: #135e96; | |
| 36 | + color: #fff; | |
| 37 | +} | |
| 38 | +.lp-btn-edit-primary:not(.active) { | |
| 39 | + opacity: 0.5; | |
| 40 | +} | |
| 41 | +.lp-btn-edit-primary:hover, .lp-btn-edit-primary.active, .lp-btn-edit-primary.active:hover { | |
| 42 | + background: #135E96; | |
| 43 | + color: #fff; | |
| 44 | + opacity: 1; | |
| 45 | +} | |
| 46 | + | |
| 47 | +/* 5. Minimal Bottom Line */ | |
| 48 | +.btn-line::after { | |
| 49 | + content: ""; | |
| 50 | + position: absolute; | |
| 51 | + bottom: 0; | |
| 52 | + right: 0; | |
| 53 | + height: 4px; | |
| 54 | + width: 0%; | |
| 55 | + background-color: #38bdf8; | |
| 56 | + animation: lineLoad 2s ease-in-out infinite; | |
| 57 | +} | |
| 58 | + | |
| 59 | +@keyframes lineLoad { | |
| 60 | + 0% { | |
| 61 | + width: 0%; | |
| 62 | + right: 0; | |
| 63 | + } | |
| 64 | + 50% { | |
| 65 | + width: 100%; | |
| 66 | + right: 0; | |
| 67 | + } | |
| 68 | + 100% { | |
| 69 | + width: 0%; | |
| 70 | + right: 100%; | |
| 71 | + } | |
| 72 | +} | |
| 73 | +.lp-button { | |
| 74 | + padding: 8px 16px; | |
| 75 | + border: 1px solid var(--lp-border-color, #E2E0DB); | |
| 76 | + border-radius: var(--lp-border-radius, 5px); | |
| 77 | + color: #374151; | |
| 78 | + font-weight: 500; | |
| 79 | + text-decoration: none; | |
| 80 | + cursor: pointer; | |
| 81 | +} | |
| 82 | +.lp-button.loading { | |
| 83 | + position: relative; | |
| 84 | + display: flex; | |
| 85 | + align-items: center; | |
| 86 | + justify-content: center; | |
| 87 | + pointer-events: none; | |
| 88 | + color: rgba(0, 0, 0, 0.2) !important; | |
| 89 | +} | |
| 90 | +.lp-button.loading:before { | |
| 91 | + position: absolute; | |
| 92 | + inset: 0; | |
| 93 | + display: flex; | |
| 94 | + align-items: center; | |
| 95 | + justify-content: center; | |
| 96 | + font-family: "lp-icon"; | |
| 97 | + content: "\f110"; | |
| 98 | + animation: lp-rotating 1s linear infinite; | |
| 99 | + line-height: 1; | |
| 100 | + font-variant: normal; | |
| 101 | + text-transform: none; | |
| 102 | + -webkit-font-smoothing: antialiased; | |
| 103 | + -moz-osx-font-smoothing: grayscale; | |
| 104 | + color: black; | |
| 105 | +} | |
| 106 | + | |
| 60 | 107 | .learn-press-message { |
| 61 | 108 | position: relative; |
| 62 | - margin: 24px auto; | |
| 109 | + display: flex; | |
| 110 | + align-items: center; | |
| 111 | + margin: 0 !important; | |
| 63 | 112 | padding: 10px 20px; |
| 64 | 113 | border-radius: var(--lp-border-radius, 5px); |
| 65 | 114 | background-color: #E5F7FF; |
| 66 | 115 | color: #007AFF; |
| 67 | - width: 100%; | |
| 116 | + max-width: 100%; | |
| 68 | 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 | +} | |
| 69 | 127 | .learn-press-message.error { |
| 70 | 128 | background-color: #FEE5E5; |
| 71 | 129 | color: #FF3B30; |
| 130 | + border: 1px solid #E31A1A; | |
| 131 | + padding: 10px 20px; | |
| 72 | 132 | } |
| 133 | +.learn-press-message.error::before { | |
| 134 | + content: "\f071"; | |
| 135 | + color: #E31A1A; | |
| 136 | +} | |
| 73 | 137 | .learn-press-message.warning { |
| 74 | 138 | background-color: #FEF7E6; |
| 75 | 139 | color: #FF9500; |
| 140 | + border: 1px solid #F8A100; | |
| 76 | 141 | } |
| 142 | +.learn-press-message.warning::before { | |
| 143 | + content: "\f06a"; | |
| 144 | + color: #F8A100; | |
| 145 | +} | |
| 77 | 146 | .learn-press-message.success { |
| 78 | 147 | background-color: #EBF8E5; |
| 79 | 148 | color: #3AB500; |
| 149 | + border: 1px solid #28A746; | |
| 80 | 150 | } |
| 151 | +.learn-press-message.success::before { | |
| 152 | + content: "\f058"; | |
| 153 | + color: #28A746; | |
| 154 | +} | |
| 81 | 155 | .learn-press-message.info { |
| 82 | 156 | background-color: rgba(0, 122, 255, 0.1019607843); |
| 83 | 157 | color: #007AFF; |
| 158 | + border: 1px solid #2E91FA; | |
| 84 | 159 | } |
| 160 | +.learn-press-message.info::before { | |
| 161 | + content: "\e931"; | |
| 162 | + color: #2E91FA; | |
| 163 | +} | |
| 85 | 164 | .learn-press-message a { |
| 86 | 165 | text-decoration: underline; |
| 87 | 166 | } |
| 88 | 167 | |
| @@ -133,18 +212,12 @@ | ||
| 133 | 212 | |
| 134 | 213 | @keyframes lp-rotating { |
| 135 | 214 | from { |
| 136 | 215 | -webkit-transform: rotate(0deg); |
| 137 | - -moz-transform: rotate(0deg); | |
| 138 | - -ms-transform: rotate(0deg); | |
| 139 | - -o-transform: rotate(0deg); | |
| 140 | 216 | transform: rotate(0deg); |
| 141 | 217 | } |
| 142 | 218 | to { |
| 143 | 219 | -webkit-transform: rotate(-360deg); |
| 144 | - -moz-transform: rotate(-360deg); | |
| 145 | - -ms-transform: rotate(-360deg); | |
| 146 | - -o-transform: rotate(-360deg); | |
| 147 | 220 | transform: rotate(-360deg); |
| 148 | 221 | } |
| 149 | 222 | } |
| 150 | 223 | @-webkit-keyframes lp-rotating { |
| @@ -149,18 +222,12 @@ | ||
| 149 | 222 | } |
| 150 | 223 | @-webkit-keyframes lp-rotating { |
| 151 | 224 | from { |
| 152 | 225 | -webkit-transform: rotate(0deg); |
| 153 | - -moz-transform: rotate(0deg); | |
| 154 | - -ms-transform: rotate(0deg); | |
| 155 | - -o-transform: rotate(0deg); | |
| 156 | 226 | transform: rotate(0deg); |
| 157 | 227 | } |
| 158 | 228 | to { |
| 159 | 229 | -webkit-transform: rotate(-360deg); |
| 160 | - -moz-transform: rotate(-360deg); | |
| 161 | - -ms-transform: rotate(-360deg); | |
| 162 | - -o-transform: rotate(-360deg); | |
| 163 | 230 | transform: rotate(-360deg); |
| 164 | 231 | } |
| 165 | 232 | } |
| 166 | 233 | .lp-loading-change { |
| @@ -327,11 +394,8 @@ | ||
| 327 | 394 | .social-share-toggle .wrapper-content-widget { |
| 328 | 395 | visibility: hidden; |
| 329 | 396 | text-align: right; |
| 330 | 397 | opacity: 0; |
| 331 | - -webkit-transition: all 0.27s ease; | |
| 332 | - -moz-transition: all 0.27s ease; | |
| 333 | - -o-transition: all 0.27s ease; | |
| 334 | 398 | transition: all 0.27s ease; |
| 335 | 399 | position: absolute; |
| 336 | 400 | left: 0; |
| 337 | 401 | top: auto; |
| @@ -484,17 +548,12 @@ | ||
| 484 | 548 | overflow: hidden; |
| 485 | 549 | transition: height 0.3s ease; |
| 486 | 550 | } |
| 487 | 551 | .course-extra-box__content-inner { |
| 488 | - -webkit-animation-name: course-extra-box__content-inner-transform; | |
| 489 | 552 | animation-name: course-extra-box__content-inner-transform; |
| 490 | - -webkit-animation-duration: 0.3s; | |
| 491 | 553 | animation-duration: 0.3s; |
| 492 | - -webkit-animation-timing-function: ease-in-out; | |
| 493 | 554 | animation-timing-function: ease-in-out; |
| 494 | - -webkit-animation-iteration-count: 1; | |
| 495 | 555 | animation-iteration-count: 1; |
| 496 | - -webkit-animation-direction: normal; | |
| 497 | 556 | animation-direction: normal; |
| 498 | 557 | } |
| 499 | 558 | .course-extra-box__content-inner > ul { |
| 500 | 559 | padding-right: 0 !important; |
| @@ -555,19 +614,13 @@ | ||
| 555 | 614 | @-webkit-keyframes course-extra-box__content-inner-transform { |
| 556 | 615 | from { |
| 557 | 616 | opacity: 0; |
| 558 | 617 | -webkit-transform: translateX(-5%); |
| 559 | - -moz-transform: translateX(-5%); | |
| 560 | - -ms-transform: translateX(-5%); | |
| 561 | - -o-transform: translateX(-5%); | |
| 562 | 618 | transform: translateX(-5%); |
| 563 | 619 | } |
| 564 | 620 | to { |
| 565 | 621 | opacity: 1; |
| 566 | 622 | -webkit-transform: translateX(0%); |
| 567 | - -moz-transform: translateX(0%); | |
| 568 | - -ms-transform: translateX(0%); | |
| 569 | - -o-transform: translateX(0%); | |
| 570 | 623 | transform: translateX(0%); |
| 571 | 624 | } |
| 572 | 625 | } |
| 573 | 626 | @keyframes course-extra-box__content-inner-transform { |
| @@ -642,19 +695,13 @@ | ||
| 642 | 695 | @-webkit-keyframes course-faqs-box__content-inner-transform { |
| 643 | 696 | from { |
| 644 | 697 | opacity: 0; |
| 645 | 698 | -webkit-transform: translateY(-5%); |
| 646 | - -moz-transform: translateY(-5%); | |
| 647 | - -ms-transform: translateY(-5%); | |
| 648 | - -o-transform: translateY(-5%); | |
| 649 | 699 | transform: translateY(-5%); |
| 650 | 700 | } |
| 651 | 701 | to { |
| 652 | 702 | opacity: 1; |
| 653 | 703 | -webkit-transform: translateY(0%); |
| 654 | - -moz-transform: translateY(0%); | |
| 655 | - -ms-transform: translateY(0%); | |
| 656 | - -o-transform: translateY(0%); | |
| 657 | 704 | transform: translateY(0%); |
| 658 | 705 | } |
| 659 | 706 | } |
| 660 | 707 | @keyframes course-faqs-box__content-inner-transform { |
| @@ -660,19 +707,13 @@ | ||
| 660 | 707 | @keyframes course-faqs-box__content-inner-transform { |
| 661 | 708 | from { |
| 662 | 709 | opacity: 0; |
| 663 | 710 | -webkit-transform: translateY(-5%); |
| 664 | - -moz-transform: translateY(-5%); | |
| 665 | - -ms-transform: translateY(-5%); | |
| 666 | - -o-transform: translateY(-5%); | |
| 667 | 711 | transform: translateY(-5%); |
| 668 | 712 | } |
| 669 | 713 | to { |
| 670 | 714 | opacity: 1; |
| 671 | 715 | -webkit-transform: translateY(0%); |
| 672 | - -moz-transform: translateY(0%); | |
| 673 | - -ms-transform: translateY(0%); | |
| 674 | - -o-transform: translateY(0%); | |
| 675 | 716 | transform: translateY(0%); |
| 676 | 717 | } |
| 677 | 718 | } |
| 678 | 719 | .extra-box__title, .course-faqs__title, .course-material__title { |
| @@ -712,11 +753,8 @@ | ||
| 712 | 753 | display: block; |
| 713 | 754 | } |
| 714 | 755 | .course-curriculum ul.curriculum-sections .section-title.c span.show-desc::before { |
| 715 | 756 | -webkit-transform: rotate(-180deg); |
| 716 | - -moz-transform: rotate(-180deg); | |
| 717 | - -ms-transform: rotate(-180deg); | |
| 718 | - -o-transform: rotate(-180deg); | |
| 719 | 757 | transform: rotate(-180deg); |
| 720 | 758 | top: 0; |
| 721 | 759 | } |
| 722 | 760 | .course-curriculum ul.curriculum-sections .item-meta.duration { |
| @@ -735,18 +773,22 @@ | ||
| 735 | 773 | box-shadow: none; |
| 736 | 774 | outline: none; |
| 737 | 775 | } |
| 738 | 776 | .course-curriculum .section-item__loadmore.loading button:before { |
| 739 | - display: inline-block; | |
| 777 | + position: absolute; | |
| 778 | + inset: 0; | |
| 779 | + display: flex; | |
| 780 | + align-items: center; | |
| 781 | + justify-content: center; | |
| 740 | 782 | font-family: "lp-icon"; |
| 741 | 783 | content: "\f110"; |
| 742 | 784 | animation: lp-rotating 1s linear infinite; |
| 743 | - margin-left: 5px; | |
| 785 | + line-height: 1; | |
| 744 | 786 | font-variant: normal; |
| 745 | 787 | text-transform: none; |
| 746 | 788 | -webkit-font-smoothing: antialiased; |
| 747 | 789 | -moz-osx-font-smoothing: grayscale; |
| 748 | - vertical-align: middle; | |
| 790 | + color: black; | |
| 749 | 791 | } |
| 750 | 792 | .course-curriculum .section-header { |
| 751 | 793 | display: table; |
| 752 | 794 | width: 100%; |
| @@ -754,9 +796,8 @@ | ||
| 754 | 796 | border-bottom: 0; |
| 755 | 797 | border-bottom: 1px solid #d9e0f1; |
| 756 | 798 | cursor: pointer; |
| 757 | 799 | -webkit-box-sizing: border-box; |
| 758 | - -moz-box-sizing: border-box; | |
| 759 | 800 | box-sizing: border-box; |
| 760 | 801 | } |
| 761 | 802 | .course-curriculum .section-header .section-title, .course-curriculum .section-header .section-desc { |
| 762 | 803 | margin: 0; |
| @@ -962,18 +1003,22 @@ | ||
| 962 | 1003 | margin-top: 20px; |
| 963 | 1004 | margin-bottom: 20px; |
| 964 | 1005 | } |
| 965 | 1006 | .course-curriculum .curriculum-more__button.loading:before { |
| 966 | - display: inline-block; | |
| 1007 | + position: absolute; | |
| 1008 | + inset: 0; | |
| 1009 | + display: flex; | |
| 1010 | + align-items: center; | |
| 1011 | + justify-content: center; | |
| 967 | 1012 | font-family: "lp-icon"; |
| 968 | 1013 | content: "\f110"; |
| 969 | 1014 | animation: lp-rotating 1s linear infinite; |
| 970 | - margin-left: 5px; | |
| 1015 | + line-height: 1; | |
| 971 | 1016 | font-variant: normal; |
| 972 | 1017 | text-transform: none; |
| 973 | 1018 | -webkit-font-smoothing: antialiased; |
| 974 | 1019 | -moz-osx-font-smoothing: grayscale; |
| 975 | - vertical-align: middle; | |
| 1020 | + color: black; | |
| 976 | 1021 | } |
| 977 | 1022 | |
| 978 | 1023 | body .content-item-summary .form-button-finish-course, body .lp-quiz-buttons .form-button-finish-course { |
| 979 | 1024 | float: left; |
| @@ -1216,8 +1261,11 @@ | ||
| 1216 | 1261 | content: "\e921"; |
| 1217 | 1262 | color: #999; |
| 1218 | 1263 | } |
| 1219 | 1264 | |
| 1265 | +.info-learning .course-progress > div { | |
| 1266 | + margin-bottom: 8px; | |
| 1267 | +} | |
| 1220 | 1268 | .info-learning .course-progress__line { |
| 1221 | 1269 | width: 100%; |
| 1222 | 1270 | background: #ccc; |
| 1223 | 1271 | height: 5px; |
| @@ -1246,8 +1294,11 @@ | ||
| 1246 | 1294 | width: 2px; |
| 1247 | 1295 | height: 100%; |
| 1248 | 1296 | background: var(--lp-secondary-color); |
| 1249 | 1297 | } |
| 1298 | +.info-learning .start-date, .info-learning .end-date { | |
| 1299 | + margin-bottom: 8px; | |
| 1300 | +} | |
| 1250 | 1301 | |
| 1251 | 1302 | .lp-single-course .comment-form .comment-form-url, |
| 1252 | 1303 | .lp-single-course .comment-form .comment-form-email, |
| 1253 | 1304 | .lp-single-course .comment-form .comment-form-author, |
| @@ -1403,8 +1454,26 @@ | ||
| 1403 | 1454 | min-height: 100vh; |
| 1404 | 1455 | text-align: center; |
| 1405 | 1456 | align-items: center; |
| 1406 | 1457 | justify-content: center; |
| 1458 | + /*.lp-button { | |
| 1459 | + cursor: pointer; | |
| 1460 | + border: 1px solid $border-color; | |
| 1461 | + border-radius: $border-radius-global; | |
| 1462 | + padding: $spacing-base-2x $spacing-base-4x; | |
| 1463 | + | |
| 1464 | + &.loading { | |
| 1465 | + pointer-events: none; | |
| 1466 | + opacity: 0.8; | |
| 1467 | + @include loading(); | |
| 1468 | + } | |
| 1469 | + | |
| 1470 | + &:hover { | |
| 1471 | + border-color: $color-primary; | |
| 1472 | + color: #fff; | |
| 1473 | + background: $color-primary; | |
| 1474 | + } | |
| 1475 | + }*/ | |
| 1407 | 1476 | } |
| 1408 | 1477 | .lp-modal-dialog .learn-press-message { |
| 1409 | 1478 | width: auto; |
| 1410 | 1479 | margin: 0 !important; |
| @@ -1473,35 +1542,8 @@ | ||
| 1473 | 1542 | display: flex; |
| 1474 | 1543 | align-items: center; |
| 1475 | 1544 | gap: 10px; |
| 1476 | 1545 | } |
| 1477 | -.lp-modal-dialog .lp-button { | |
| 1478 | - cursor: pointer; | |
| 1479 | - border: 1px solid var(--lp-border-color, #E2E0DB); | |
| 1480 | - border-radius: var(--lp-border-radius, 5px); | |
| 1481 | - padding: 8px 16px; | |
| 1482 | -} | |
| 1483 | -.lp-modal-dialog .lp-button.loading { | |
| 1484 | - pointer-events: none; | |
| 1485 | - opacity: 0.8; | |
| 1486 | -} | |
| 1487 | -.lp-modal-dialog .lp-button.loading:before { | |
| 1488 | - display: inline-block; | |
| 1489 | - font-family: "lp-icon"; | |
| 1490 | - content: "\f110"; | |
| 1491 | - animation: lp-rotating 1s linear infinite; | |
| 1492 | - margin-left: 5px; | |
| 1493 | - font-variant: normal; | |
| 1494 | - text-transform: none; | |
| 1495 | - -webkit-font-smoothing: antialiased; | |
| 1496 | - -moz-osx-font-smoothing: grayscale; | |
| 1497 | - vertical-align: middle; | |
| 1498 | -} | |
| 1499 | -.lp-modal-dialog .lp-button:hover { | |
| 1500 | - border-color: var(--lp-primary-color, #ffb606); | |
| 1501 | - color: #fff; | |
| 1502 | - background: var(--lp-primary-color, #ffb606); | |
| 1503 | -} | |
| 1504 | 1546 | |
| 1505 | 1547 | .lp-button.btn-finish-course { |
| 1506 | 1548 | cursor: pointer; |
| 1507 | 1549 | width: 100%; |
| @@ -1514,11 +1556,8 @@ | ||
| 1514 | 1556 | font-size: var(--lp-font-size-base, 1em); |
| 1515 | 1557 | text-align: center; |
| 1516 | 1558 | text-decoration: none; |
| 1517 | 1559 | -webkit-transition: all 0.25s; |
| 1518 | - -moz-transition: all 0.25s; | |
| 1519 | - -ms-transition: all 0.25s; | |
| 1520 | - -o-transition: all 0.25s; | |
| 1521 | 1560 | transition: all 0.25s; |
| 1522 | 1561 | } |
| 1523 | 1562 | .lp-button.btn-finish-course:hover { |
| 1524 | 1563 | background-color: var(--lp-secondary-color, #442e66); |
| @@ -1523,66 +1562,20 @@ | ||
| 1523 | 1562 | .lp-button.btn-finish-course:hover { |
| 1524 | 1563 | background-color: var(--lp-secondary-color, #442e66); |
| 1525 | 1564 | border-color: var(--lp-secondary-color, #442e66); |
| 1526 | 1565 | } |
| 1527 | -.lp-button.btn-finish-course.loading { | |
| 1528 | - pointer-events: none; | |
| 1529 | - opacity: 0.8; | |
| 1530 | -} | |
| 1531 | -.lp-button.btn-finish-course.loading:before { | |
| 1532 | - display: inline-block; | |
| 1533 | - font-family: "lp-icon"; | |
| 1534 | - content: "\f110"; | |
| 1535 | - animation: lp-rotating 1s linear infinite; | |
| 1536 | - margin-left: 5px; | |
| 1537 | - font-variant: normal; | |
| 1538 | - text-transform: none; | |
| 1539 | - -webkit-font-smoothing: antialiased; | |
| 1540 | - -moz-osx-font-smoothing: grayscale; | |
| 1541 | - vertical-align: middle; | |
| 1542 | -} | |
| 1543 | 1566 | |
| 1544 | 1567 | /** |
| 1545 | 1568 | * Mixin |
| 1546 | 1569 | */ |
| 1547 | -@-webkit-keyframes rotating4 { | |
| 1548 | - from { | |
| 1549 | - -webkit-transform: rotate(0deg); | |
| 1550 | - -o-transform: rotate(0deg); | |
| 1551 | - transform: rotate(0deg); | |
| 1552 | - } | |
| 1553 | - to { | |
| 1554 | - -webkit-transform: rotate(-360deg); | |
| 1555 | - -o-transform: rotate(-360deg); | |
| 1556 | - transform: rotate(-360deg); | |
| 1557 | - } | |
| 1558 | -} | |
| 1559 | 1570 | @keyframes rotating4 { |
| 1560 | 1571 | from { |
| 1561 | - -ms-transform: rotate(0deg); | |
| 1562 | - -moz-transform: rotate(0deg); | |
| 1563 | - -webkit-transform: rotate(0deg); | |
| 1564 | - -o-transform: rotate(0deg); | |
| 1565 | 1572 | transform: rotate(0deg); |
| 1566 | 1573 | } |
| 1567 | 1574 | to { |
| 1568 | - -ms-transform: rotate(-360deg); | |
| 1569 | - -moz-transform: rotate(-360deg); | |
| 1570 | - -webkit-transform: rotate(-360deg); | |
| 1571 | - -o-transform: rotate(-360deg); | |
| 1572 | 1575 | transform: rotate(-360deg); |
| 1573 | 1576 | } |
| 1574 | 1577 | } |
| 1575 | -@-webkit-keyframes animation4 { | |
| 1576 | - from { | |
| 1577 | - right: -40%; | |
| 1578 | - width: 40%; | |
| 1579 | - } | |
| 1580 | - to { | |
| 1581 | - right: 100%; | |
| 1582 | - width: 10%; | |
| 1583 | - } | |
| 1584 | -} | |
| 1585 | 1578 | @keyframes animation4 { |
| 1586 | 1579 | from { |
| 1587 | 1580 | right: -40%; |
| 1588 | 1581 | width: 40%; |
| @@ -1626,11 +1619,8 @@ | ||
| 1626 | 1619 | font-size: var(--lp-font-size-base, 1em); |
| 1627 | 1620 | text-align: center; |
| 1628 | 1621 | text-decoration: none; |
| 1629 | 1622 | -webkit-transition: all 0.25s; |
| 1630 | - -moz-transition: all 0.25s; | |
| 1631 | - -ms-transition: all 0.25s; | |
| 1632 | - -o-transition: all 0.25s; | |
| 1633 | 1623 | transition: all 0.25s; |
| 1634 | 1624 | } |
| 1635 | 1625 | .wp-block-learnpress-course-button-read-more:hover, |
| 1636 | 1626 | .wp-block-learnpress-course-button:hover { |
| @@ -1643,18 +1633,22 @@ | ||
| 1643 | 1633 | opacity: 0.8; |
| 1644 | 1634 | } |
| 1645 | 1635 | .wp-block-learnpress-course-button-read-more.loading:before, |
| 1646 | 1636 | .wp-block-learnpress-course-button.loading:before { |
| 1647 | - display: inline-block; | |
| 1637 | + position: absolute; | |
| 1638 | + inset: 0; | |
| 1639 | + display: flex; | |
| 1640 | + align-items: center; | |
| 1641 | + justify-content: center; | |
| 1648 | 1642 | font-family: "lp-icon"; |
| 1649 | 1643 | content: "\f110"; |
| 1650 | 1644 | animation: lp-rotating 1s linear infinite; |
| 1651 | - margin-left: 5px; | |
| 1645 | + line-height: 1; | |
| 1652 | 1646 | font-variant: normal; |
| 1653 | 1647 | text-transform: none; |
| 1654 | 1648 | -webkit-font-smoothing: antialiased; |
| 1655 | 1649 | -moz-osx-font-smoothing: grayscale; |
| 1656 | - vertical-align: middle; | |
| 1650 | + color: black; | |
| 1657 | 1651 | } |
| 1658 | 1652 | |
| 1659 | 1653 | @media (min-width: 992px) { |
| 1660 | 1654 | .lp-block-course-sidebar { |
| @@ -1677,38 +1671,13 @@ | ||
| 1677 | 1671 | background: transparent; |
| 1678 | 1672 | box-shadow: none; |
| 1679 | 1673 | height: auto; |
| 1680 | 1674 | -webkit-box-sizing: border-box; |
| 1681 | - -moz-box-sizing: border-box; | |
| 1682 | 1675 | box-sizing: border-box; |
| 1683 | 1676 | } |
| 1684 | -.wp-block-learnpress-item-search .search-course input[name=s]::-webkit-input-placeholder { | |
| 1685 | - color: #999; | |
| 1686 | -} | |
| 1687 | -.wp-block-learnpress-item-search .search-course input[name=s]::-moz-placeholder { | |
| 1688 | - color: #999; | |
| 1689 | -} | |
| 1690 | -.wp-block-learnpress-item-search .search-course input[name=s]:-ms-input-placeholder { | |
| 1691 | - color: #999; | |
| 1692 | -} | |
| 1693 | -.wp-block-learnpress-item-search .search-course input[name=s]:-moz-placeholder { | |
| 1694 | - color: #999; | |
| 1695 | -} | |
| 1696 | 1677 | .wp-block-learnpress-item-search .search-course input[name=s]::placeholder { |
| 1697 | 1678 | color: #999; |
| 1698 | 1679 | } |
| 1699 | -.wp-block-learnpress-item-search .search-course input[name=s]::-webkit-input-placeholder { | |
| 1700 | - font-style: italic; | |
| 1701 | -} | |
| 1702 | -.wp-block-learnpress-item-search .search-course input[name=s]::-moz-placeholder { | |
| 1703 | - font-style: italic; | |
| 1704 | -} | |
| 1705 | -.wp-block-learnpress-item-search .search-course input[name=s]:-ms-input-placeholder { | |
| 1706 | - font-style: italic; | |
| 1707 | -} | |
| 1708 | -.wp-block-learnpress-item-search .search-course input[name=s]:-moz-placeholder { | |
| 1709 | - font-style: italic; | |
| 1710 | -} | |
| 1711 | 1680 | .wp-block-learnpress-item-search .search-course input[name=s]::placeholder { |
| 1712 | 1681 | font-style: italic; |
| 1713 | 1682 | } |
| 1714 | 1683 | .wp-block-learnpress-item-search .search-course input[name=s]:focus { |
| @@ -1747,16 +1716,11 @@ | ||
| 1747 | 1716 | font-family: inherit; |
| 1748 | 1717 | font-weight: 400; |
| 1749 | 1718 | text-align: center; |
| 1750 | 1719 | text-transform: capitalize; |
| 1751 | - -webkit-border-radius: var(--lp-border-radius, 5px); | |
| 1752 | - -moz-border-radius: var(--lp-border-radius, 5px); | |
| 1753 | 1720 | border-radius: var(--lp-border-radius, 5px); |
| 1754 | 1721 | margin-top: 20px; |
| 1755 | 1722 | -webkit-transition: all 0.25s; |
| 1756 | - -moz-transition: all 0.25s; | |
| 1757 | - -ms-transition: all 0.25s; | |
| 1758 | - -o-transition: all 0.25s; | |
| 1759 | 1723 | transition: all 0.25s; |
| 1760 | 1724 | } |
| 1761 | 1725 | .wp-block-learnpress-course-material .course-material-table { |
| 1762 | 1726 | width: 100%; |
| @@ -1889,10 +1853,8 @@ | ||
| 1889 | 1853 | overflow: hidden; |
| 1890 | 1854 | position: relative; |
| 1891 | 1855 | height: 6px; |
| 1892 | 1856 | background: #ccc; |
| 1893 | - -webkit-border-radius: 5px; | |
| 1894 | - -moz-border-radius: 5px; | |
| 1895 | 1857 | border-radius: 5px; |
| 1896 | 1858 | } |
| 1897 | 1859 | .wp-block-learnpress-item-progress .learn-press-progress .progress-bg .progress-active { |
| 1898 | 1860 | position: absolute; |
| @@ -1900,10 +1862,8 @@ | ||
| 1900 | 1862 | width: 100%; |
| 1901 | 1863 | height: 100%; |
| 1902 | 1864 | margin-right: -100%; |
| 1903 | 1865 | background: var(--lp-primary-color, #ffb606); |
| 1904 | - -webkit-border-radius: 5px; | |
| 1905 | - -moz-border-radius: 5px; | |
| 1906 | 1866 | border-radius: 5px; |
| 1907 | 1867 | } |
| 1908 | 1868 | .wp-block-learnpress-item-progress .learn-press-progress .learn-press-progress__active { |
| 1909 | 1869 | position: absolute; |
| @@ -1913,11 +1873,8 @@ | ||
| 1913 | 1873 | height: 100%; |
| 1914 | 1874 | border-radius: 3px; |
| 1915 | 1875 | background: var(--lp-primary-color, #ffb606); |
| 1916 | 1876 | -webkit-transition: 0.5s; |
| 1917 | - -moz-transition: 0.5s; | |
| 1918 | - -ms-transition: 0.5s; | |
| 1919 | - -o-transition: 0.5s; | |
| 1920 | 1877 | transition: 0.5s; |
| 1921 | 1878 | } |
| 1922 | 1879 | .wp-block-learnpress-item-progress .learn-press-progress::before { |
| 1923 | 1880 | display: block; |
| @@ -2059,9 +2016,8 @@ | ||
| 2059 | 2016 | background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDE4IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iVmVjdG9yLSgxKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDEuMDAwMDAwKSIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgiIHBvaW50cz0iMCAwIDggOCAxNiAwIj48L3BvbHlsaW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); |
| 2060 | 2017 | background-size: 0.8em; |
| 2061 | 2018 | background-position: calc(100% - (100% - 0.5em)) center; |
| 2062 | 2019 | background-repeat: no-repeat; |
| 2063 | - -moz-appearance: none; | |
| 2064 | 2020 | -webkit-appearance: none; |
| 2065 | 2021 | appearance: none; |
| 2066 | 2022 | line-height: 1.1; |
| 2067 | 2023 | } |
| @@ -2095,20 +2051,8 @@ | ||
| 2095 | 2051 | font-size: inherit; |
| 2096 | 2052 | line-height: 1.1; |
| 2097 | 2053 | box-shadow: none; |
| 2098 | 2054 | } |
| 2099 | -.block-search-courses input::-webkit-input-placeholder { | |
| 2100 | - color: #999; | |
| 2101 | -} | |
| 2102 | -.block-search-courses input::-moz-placeholder { | |
| 2103 | - color: #999; | |
| 2104 | -} | |
| 2105 | -.block-search-courses input:-ms-input-placeholder { | |
| 2106 | - color: #999; | |
| 2107 | -} | |
| 2108 | -.block-search-courses input:-moz-placeholder { | |
| 2109 | - color: #999; | |
| 2110 | -} | |
| 2111 | 2055 | .block-search-courses input::placeholder { |
| 2112 | 2056 | color: #999; |
| 2113 | 2057 | } |
| 2114 | 2058 | .block-search-courses input:focus { |
| @@ -2123,8 +2067,9 @@ | ||
| 2123 | 2067 | font-size: inherit; |
| 2124 | 2068 | line-height: 1.1; |
| 2125 | 2069 | box-shadow: none; |
| 2126 | 2070 | box-shadow: 0 0 0; |
| 2071 | + margin-bottom: 0; | |
| 2127 | 2072 | } |
| 2128 | 2073 | .block-search-courses button i { |
| 2129 | 2074 | font-size: 1.2em; |
| 2130 | 2075 | line-height: 1.2; |
| @@ -2134,10 +2079,8 @@ | ||
| 2134 | 2079 | } |
| 2135 | 2080 | .block-search-courses button.loading > i:before { |
| 2136 | 2081 | display: inline-block; |
| 2137 | 2082 | content: "\f110"; |
| 2138 | - -webkit-animation: lp-rotating 1s linear infinite; | |
| 2139 | - -moz-animation: lp-rotating 1s linear infinite; | |
| 2140 | 2083 | animation: lp-rotating 1s linear infinite; |
| 2141 | 2084 | } |
| 2142 | 2085 | |
| 2143 | 2086 | @media (max-width: 767px) { |
| @@ -2243,9 +2186,8 @@ | ||
| 2243 | 2186 | background-image: url(data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjE4cHgiIGhlaWdodD0iMTBweCIgdmlld0JveD0iMCAwIDE4IDEwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iVmVjdG9yLSgxKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMS4wMDAwMDAsIDEuMDAwMDAwKSIgc3Ryb2tlPSIjMzMzMzMzIiBzdHJva2Utd2lkdGg9IjIiPgogICAgICAgICAgICA8cG9seWxpbmUgaWQ9IlBhdGgiIHBvaW50cz0iMCAwIDggOCAxNiAwIj48L3BvbHlsaW5lPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+); |
| 2244 | 2187 | background-size: 0.8em; |
| 2245 | 2188 | background-position: calc(100% - (100% - 0.5em)) center; |
| 2246 | 2189 | background-repeat: no-repeat; |
| 2247 | - -moz-appearance: none; | |
| 2248 | 2190 | -webkit-appearance: none; |
| 2249 | 2191 | appearance: none; |
| 2250 | 2192 | line-height: 1.1; |
| 2251 | 2193 | } |
| @@ -2322,22 +2264,5 @@ | ||
| 2322 | 2264 | } |
| 2323 | 2265 | |
| 2324 | 2266 | .lp-sidebar-toggle__open .js-block-sidebar { |
| 2325 | 2267 | display: block; |
| 2326 | -} | |
| 2327 | - | |
| 2328 | -.lp-button.loading { | |
| 2329 | - pointer-events: none; | |
| 2330 | - opacity: 0.8; | |
| 2331 | -} | |
| 2332 | -.lp-button.loading:before { | |
| 2333 | - display: inline-block; | |
| 2334 | - font-family: "lp-icon"; | |
| 2335 | - content: "\f110"; | |
| 2336 | - animation: lp-rotating 1s linear infinite; | |
| 2337 | - margin-left: 5px; | |
| 2338 | - font-variant: normal; | |
| 2339 | - text-transform: none; | |
| 2340 | - -webkit-font-smoothing: antialiased; | |
| 2341 | - -moz-osx-font-smoothing: grayscale; | |
| 2342 | - vertical-align: middle; | |
| 2343 | 2268 | } |
