style.css (3564B)
1 .redux-templates-modal-wrapper { 2 /* ReduxTemplatesPremiumBox */ } 3 .redux-templates-modal-wrapper .redux-templates-modal-body { 4 flex: 1 1 auto; 5 padding-left: 30px; 6 padding-right: 30px; 7 box-sizing: border-box; 8 background: #fff; } 9 .redux-templates-modal-wrapper .redux-templates-modal-body h5 { 10 font-size: 1.1em; 11 font-weight: 600; } 12 .redux-templates-modal-wrapper .redux-templates-modal-body ul { 13 list-style-position: inside; 14 list-style-type: disc; } 15 .redux-templates-modal-wrapper .redux-templates-modal-body ul.redux-templates-import-wizard-missing-dependency li { 16 line-height: 1.8; } 17 .redux-templates-modal-wrapper .redux-templates-modal-body .error { 18 color: #f00; } 19 .redux-templates-modal-wrapper .redux-templates-import-wizard-spinner-wrapper { 20 flex: 1 1 auto; 21 align-items: center; 22 justify-content: center; 23 display: flex; 24 flex-direction: column; 25 height: 100%; } 26 .redux-templates-modal-wrapper .redux-templates-import-wizard-spinner-wrapper h3 { 27 text-align: center; 28 font-size: 18px; 29 color: #555d66; 30 margin-bottom: 20px; } 31 .redux-templates-modal-wrapper .redux-templates-import-progress { 32 font-size: 1.1em; 33 text-align: center; } 34 .redux-templates-modal-wrapper .redux-templates-import-progress li { 35 list-style: none; } 36 .redux-templates-modal-wrapper .redux-templates-import-progress li.success i { 37 color: #46b450; } 38 .redux-templates-modal-wrapper .redux-templates-import-progress li.failure i { 39 color: #dc3232; } 40 .redux-templates-modal-wrapper .redux-templates-import-progress li.info i { 41 color: #00a0d2; } 42 .redux-templates-modal-wrapper .redux-templates-import-progress { 43 width: 50%; 44 margin: 10px auto; } 45 .redux-templates-modal-wrapper .redux-templates-import-progress li { 46 display: flex; 47 justify-content: space-between; } 48 .redux-templates-modal-wrapper .section-box.premium-box { 49 margin: 35px auto; 50 text-align: center; } 51 .redux-templates-modal-wrapper .section-box.premium-box h3 { 52 font-size: 1.5em; 53 line-height: 1.1em; 54 margin-top: 0px; } 55 .redux-templates-modal-wrapper .section-box.premium-box p { 56 font-size: calc(13px + 0.2vw); } 57 .redux-templates-modal-wrapper .section-box.premium-box ul { 58 width: 50%; 59 margin: 0 auto; 60 text-align: left; 61 list-style-type: disc; 62 list-style-position: inside; } 63 .redux-templates-modal-wrapper .section-box.premium-box .redux-templates-upgrade-button { 64 border: none; 65 border-radius: 35px; 66 cursor: pointer; 67 opacity: 1; 68 background: #8c33da; 69 background: linear-gradient(90deg, #7557ff -30%, #c751ff 130%); 70 transition: opacity 0.2s ease-in-out; 71 box-shadow: none !important; 72 color: #fff; 73 text-decoration: none; 74 padding: 0.75em 1.25em; 75 display: block; 76 margin: 0 auto; 77 max-width: 200px; 78 text-align: center; 79 font-size: calc(13px + 0.1vw); } 80 .redux-templates-modal-wrapper .section-box.premium-box .redux-templates-upgrade-button:hover { 81 color: #fff; 82 opacity: 0.85; 83 box-shadow: none !important; } 84 .redux-templates-modal-wrapper .redux-templates-importmodal-content { 85 flex: 1; 86 display: flex; 87 flex-direction: column; } 88 89 .text-transition { 90 width: 100% !important; 91 text-align: center; } 92 .text-transition .text-transition_inner > div { 93 font-size: 1.1rem; } 94 95 /*# sourceMappingURL=style.css.map */