/* line 1, ../sass/_layout.scss */ #setup-wizard { width: 1030px; height: 540px; background: #fff; border: 1px solid; border-color: #e6e6e6; display: block; margin: auto; margin-top: 60px; position: relative; overflow: hidden; } /* line 13, ../sass/_layout.scss */ #setup-wizard .right { float: left; } /* line 17, ../sass/_layout.scss */ #setup-wizard .left { float: right; } /* line 21, ../sass/_layout.scss */ #setup-wizard h1 { line-height: 1.2; } /* line 25, ../sass/_layout.scss */ #setup-wizard.is-active { position: relative; } /* line 27, ../sass/_layout.scss */ #setup-wizard.is-active:before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; z-index: 4; } /* line 37, ../sass/_layout.scss */ #setup-wizard.is-active .setup-wizard-footer button { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; } /* line 40, ../sass/_layout.scss */ #setup-wizard.is-active .setup-wizard-footer button:hover { cursor: not-allowed; } /* line 48, ../sass/_layout.scss */ #setting-error-bastet { display: none !important; } /* line 52, ../sass/_layout.scss */ .clearfix { clear: both; } /* line 55, ../sass/_layout.scss */ .clearfix:after, .clearfix:before { content: ""; display: table; clear: both; } /* line 64, ../sass/_layout.scss */ .c-1 { float: right; padding-right: 10px; padding-left: 10px; } /* line 69, ../sass/_layout.scss */ .c-1 img { max-width: 100%; } /* line 64, ../sass/_layout.scss */ .c-2 { float: right; padding-right: 10px; padding-left: 10px; } /* line 69, ../sass/_layout.scss */ .c-2 img { max-width: 100%; } /* line 64, ../sass/_layout.scss */ .c-3 { float: right; padding-right: 10px; padding-left: 10px; } /* line 69, ../sass/_layout.scss */ .c-3 img { max-width: 100%; } /* line 64, ../sass/_layout.scss */ .c-4 { float: right; padding-right: 10px; padding-left: 10px; } /* line 69, ../sass/_layout.scss */ .c-4 img { max-width: 100%; } /* line 64, ../sass/_layout.scss */ .c-5 { float: right; padding-right: 10px; padding-left: 10px; } /* line 69, ../sass/_layout.scss */ .c-5 img { max-width: 100%; } /* line 64, ../sass/_layout.scss */ .c-6 { float: right; padding-right: 10px; padding-left: 10px; } /* line 69, ../sass/_layout.scss */ .c-6 img { max-width: 100%; } /* line 64, ../sass/_layout.scss */ .c-7 { float: right; padding-right: 10px; padding-left: 10px; } /* line 69, ../sass/_layout.scss */ .c-7 img { max-width: 100%; } /* line 64, ../sass/_layout.scss */ .c-8 { float: right; padding-right: 10px; padding-left: 10px; } /* line 69, ../sass/_layout.scss */ .c-8 img { max-width: 100%; } /* line 64, ../sass/_layout.scss */ .c-9 { float: right; padding-right: 10px; padding-left: 10px; } /* line 69, ../sass/_layout.scss */ .c-9 img { max-width: 100%; } /* line 64, ../sass/_layout.scss */ .c-10 { float: right; padding-right: 10px; padding-left: 10px; } /* line 69, ../sass/_layout.scss */ .c-10 img { max-width: 100%; } /* line 64, ../sass/_layout.scss */ .c-11 { float: right; padding-right: 10px; padding-left: 10px; } /* line 69, ../sass/_layout.scss */ .c-11 img { max-width: 100%; } /* line 64, ../sass/_layout.scss */ .c-12 { float: right; padding-right: 10px; padding-left: 10px; } /* line 69, ../sass/_layout.scss */ .c-12 img { max-width: 100%; } /* line 75, ../sass/_layout.scss */ .c-6 { width: 49%; } /* line 79, ../sass/_layout.scss */ .c-4 { width: 22%; } /* line 83, ../sass/_layout.scss */ .c-8 { width: 72%; } /* line 87, ../sass/_layout.scss */ .c-9 { width: 40%; } /* line 2, ../sass/_header.scss */ #setup-wizard header { background: #0073AA; color: #fff; border-bottom: 2px solid #e6e6e6; padding: 14px 20px; display: block; clear: both; width: 71%; margin-right: auto; } /* line 11, ../sass/_header.scss */ #setup-wizard header:before, #setup-wizard header:after { content: ""; display: table; clear: both; } /* line 16, ../sass/_header.scss */ #setup-wizard header h3 { margin: 0px; } /* line 19, ../sass/_header.scss */ #setup-wizard header h3, #setup-wizard header a { color: inherit !important; text-decoration: none; } /* line 1, ../sass/_footer.scss */ .setup-wizard-footer { position: absolute; bottom: 0; width: 62.5%; left: 0; padding: 0px 60px; margin-top: 28px; margin-bottom: 36px; } /* line 10, ../sass/_footer.scss */ .setup-wizard-footer .skip { margin-left: 8px; } /* line 1, ../sass/_content.scss */ .setup_content { padding: 20px; max-height: 380px; overflow-y: scroll; min-height: 380px; overflow-x: hidden; } /* line 8, ../sass/_content.scss */ .setup_content p { font-size: 15px; line-height: 1.6; } /* line 13, ../sass/_content.scss */ .setup_content .c-8 { padding-right: 29%; } /* line 17, ../sass/_content.scss */ .setup_content .setup-logo { margin: auto; margin-bottom: 20px; } /* line 23, ../sass/_content.scss */ .content-guide { background: #f1f1f1; margin-left: 10px; padding: 20px; height: 100%; margin-top: 0; top: 0; right: 0; position: absolute; -webkit-box-shadow: -5px 2px 20px #ccc; box-shadow: -5px 2px 20px #ccc; } /* line 35, ../sass/_content.scss */ .content-guide ul { list-style: none; } /* line 39, ../sass/_content.scss */ .content-guide li { line-height: 34px; padding-bottom: 14px; margin-bottom: 14px; padding-right: 64px; height: 20px; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; } /* line 49, ../sass/_content.scss */ .content-guide li .box { width: 34px; height: 34px; background: #7f8c8d; margin-right: -1px; color: #fff; position: absolute; right: 40px; border-radius: 25%; } /* line 59, ../sass/_content.scss */ .content-guide li .box .dashicons { line-height: 30px; width: 100%; font-size: 17px; } /* line 66, ../sass/_content.scss */ .content-guide li:last-child { border-bottom: 0px; } /* line 70, ../sass/_content.scss */ .content-guide li.active { font-weight: bold; color: #2ecc71; } /* line 74, ../sass/_content.scss */ .content-guide li.active .box { background: #2ecc71; } /* line 81, ../sass/_content.scss */ #bs_import_form { overflow: hidden; } /* line 84, ../sass/_content.scss */ #bs_import_form .c-4 { position: absolute; width: 20%; } /* line 89, ../sass/_content.scss */ #bs_import_form .c-8 { padding-right: 33%; margin-top: 20px; width: 69%; } /* line 96, ../sass/_content.scss */ #bs-preview img { max-width: 580px; margin-right: -520px; } /* line 1, ../sass/_elements.scss */ .btn { display: inline-block; font-weight: 400; line-height: 1.25; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: 1rem 1.5rem; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; border-radius: .25rem; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-box-shadow: -2px 2px 10px #ccc; box-shadow: -2px 2px 10px #ccc; } /* line 24, ../sass/_elements.scss */ .btn.primary { color: #fff; background-color: #0275d8; border-color: #0275d8; } /* line 30, ../sass/_elements.scss */ .btn:hover { cursor: pointer; } /* line 34, ../sass/_elements.scss */ .btn.disabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; } /* line 37, ../sass/_elements.scss */ .btn.disabled:hover { cursor: not-allowed; } /* line 41, ../sass/_elements.scss */ .btn.secondary { background: #d35400; color: #fff; } /* line 45, ../sass/_elements.scss */ .btn.red { background: #7f8c8d; color: #fff; } /* line 50, ../sass/_elements.scss */ .notice { margin-right: 0px; padding: 8px 12px; } /* line 55, ../sass/_elements.scss */ ul.radio-list li { list-style-type: none; padding-bottom: 14px; margin-bottom: 14px; border-bottom: 1px solid #f5f5f5; } /* line 61, ../sass/_elements.scss */ ul.radio-list li:last-child { border-bottom: 0px; } /* line 65, ../sass/_elements.scss */ ul.radio-list li:hover { cursor: pointer; } /* line 70, ../sass/_elements.scss */ ul.radio-list li.loading .loader { visibility: visible; } /* line 74, ../sass/_elements.scss */ ul.radio-list li.loading .radio-option { visibility: hidden; } /* line 80, ../sass/_elements.scss */ ul.radio-list li.done .radio-option { background: none !important; border-width: 0px; } /* line 87, ../sass/_elements.scss */ ul.radio-list li.click .radio-option { z-index: 1; } /* line 91, ../sass/_elements.scss */ ul.radio-list li.click .radio-option .checkmark .checkmark_kick { min-width: 6px; } /* line 95, ../sass/_elements.scss */ ul.radio-list li.click .radio-option .checkmark .checkmark_stem { min-height: 11px; } /* line 103, ../sass/_elements.scss */ ul.radio-list li.disable:hover { cursor: not-allowed; } /* line 107, ../sass/_elements.scss */ ul.radio-list li.disable .radio-option { background: #f1f1f1; } /* line 110, ../sass/_elements.scss */ ul.radio-list li.disable .radio-option:hover { cursor: not-allowed; } /* line 117, ../sass/_elements.scss */ ul.radio-list .radio-option { float: right; cursor: pointer; height: 18px; width: 18px; background: #fff; margin-left: 8px; border: 2px solid #d8d8d8; border-radius: 20%; position: relative; } /* line 132, ../sass/_elements.scss */ .checkmark { display: inline-block; width: 28px; height: 12px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } /* line 140, ../sass/_elements.scss */ .checkmark_stem { position: absolute; width: 3px; min-height: 0px; background-color: green; right: 11px; top: 3px; } /* line 149, ../sass/_elements.scss */ .checkmark_kick { position: absolute; min-width: 0px; height: 3px; background-color: green; right: 8px; top: 12px; } /* line 158, ../sass/_elements.scss */ .checkmark_stem { -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } /* line 162, ../sass/_elements.scss */ .checkmark_kick { -webkit-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } /* line 166, ../sass/_elements.scss */ .envato-wizard-plugins { margin: 20px 0px; } /* line 170, ../sass/_elements.scss */ .envato-wizard-plugins.installing .loader { visibility: visible; } /* line 175, ../sass/_elements.scss */ .envato-wizard-plugins.installing li.done .loader { visibility: hidden; } /* line 182, ../sass/_elements.scss */ .envato-wizard-plugins .checkmark.green .checkmark_stem { min-height: 11px; } /* line 186, ../sass/_elements.scss */ .envato-wizard-plugins .checkmark.green .checkmark_kick { min-width: 6px; } /* line 191, ../sass/_elements.scss */ .envato-wizard-plugins li { list-style: circle; list-style-position: inside; margin-bottom: 10px; border-bottom: 1px solid #f1f1f1; padding-bottom: 10px; } /* line 198, ../sass/_elements.scss */ .envato-wizard-plugins li span { font-size: 9.5px; text-transform: uppercase; letter-spacing: 1px; margin-right: 6px; } /* line 204, ../sass/_elements.scss */ .envato-wizard-plugins li span.green { color: green; } /* line 209, ../sass/_elements.scss */ .envato-wizard-plugins li .loader, .envato-wizard-plugins li .checkmark { width: 20px; height: 20px; float: left; background: none; } /* line 219, ../sass/_elements.scss */ .finsih-buttons { width: 100%; margin-top: 60px; text-align: center; } /* line 223, ../sass/_elements.scss */ .finsih-buttons a { color: #fff; text-decoration: none; } /* line 226, ../sass/_elements.scss */ .finsih-buttons a.site-url { background-color: #0275d8; border-color: #0275d8; } /* line 230, ../sass/_elements.scss */ .finsih-buttons a.customize { background: #27ae60; border-color: #27ae60; } /* line 1, ../sass/_loader.scss */ #smily-loader { width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; position: absolute; top: 0; right: 0; visibility: none; z-index: -1; background-color: none; -webkit-transition: background-color 600ms; transition: background-color 600ms; } /* line 15, ../sass/_loader.scss */ #smily-loader .text { position: absolute; top: -100px; right: 0; bottom: 0; left: 0; margin: auto; width: 100%; height: 30px; font-size: 22px; font-weight: 600; text-align: center; color: #fff; opacity: 0; -webkit-transition: all 300ms linear 2s; transition: all 300ms linear 2s; } /* line 30, ../sass/_loader.scss */ #smily-loader.is-active { -webkit-transition: background-color 600ms; transition: background-color 600ms; background-color: rgba(0, 0, 0, 0.5); visibility: visible; z-index: 99; } /* line 36, ../sass/_loader.scss */ #smily-loader.is-active .text { -webkit-transition: all 300ms linear 2s; transition: all 300ms linear 2s; opacity: 1; } /* line 40, ../sass/_loader.scss */ #smily-loader.is-active .mouth { -webkit-animation: mouthAnimation 3s cubic-bezier(0.455, 0.03, 0.515, 0.955); animation: mouthAnimation 3s cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-animation-iteration-count: 1; animation-iteration-count: 1; } /* line 44, ../sass/_loader.scss */ #smily-loader.is-active .leftEye, #smily-loader.is-active .rightEye { width: 2vh; height: 2vh; border-radius: 50%; background: #ecf0f1; position: absolute; top: 50%; right: 50%; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); -webkit-animation: rightEyeAnimation 3s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955); animation: rightEyeAnimation 3s infinite cubic-bezier(0.455, 0.03, 0.515, 0.955); } /* line 56, ../sass/_loader.scss */ #smily-loader.is-active .leftEye { -webkit-transform: translate(150%, -50%); transform: translate(150%, -50%); } /* line 59, ../sass/_loader.scss */ #smily-loader.is-active .rightEye { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /* line 62, ../sass/_loader.scss */ #smily-loader.is-active .mouth { width: 10vh; height: 10vh; border-radius: 50%; border: solid 1.3vh #ecf0f1; border-left: solid 1.3vh rgba(223, 223, 194, 0); border-right: solid 1.3vh rgba(223, 223, 194, 0); border-bottom: solid 1.3vh rgba(223, 223, 194, 0); position: absolute; top: 50%; right: 50%; -webkit-transform: translate(50%, -50%) rotate(-900deg); transform: translate(50%, -50%) rotate(-900deg); } @-webkit-keyframes mouthAnimation { 0% { -webkit-transform: translate(50%, -50%) rotateX(180deg); transform: translate(50%, -50%) rotateX(180deg); } 10% { -webkit-transform: translate(50%, -50%) rotateZ(-360deg); transform: translate(50%, -50%) rotateZ(-360deg); } 40% { -webkit-transform: translate(50%, -50%) rotateZ(-320deg); transform: translate(50%, -50%) rotateZ(-320deg); } 60% { -webkit-transform: translate(50%, -50%) rotateZ(-900deg); transform: translate(50%, -50%) rotateZ(-900deg); } 100% { -webkit-transform: translate(50%, -50%) rotateZ(-900deg); transform: translate(50%, -50%) rotateZ(-900deg); } } @keyframes mouthAnimation { 0% { -webkit-transform: translate(50%, -50%) rotateX(180deg); transform: translate(50%, -50%) rotateX(180deg); } 10% { -webkit-transform: translate(50%, -50%) rotateZ(-360deg); transform: translate(50%, -50%) rotateZ(-360deg); } 40% { -webkit-transform: translate(50%, -50%) rotateZ(-320deg); transform: translate(50%, -50%) rotateZ(-320deg); } 60% { -webkit-transform: translate(50%, -50%) rotateZ(-900deg); transform: translate(50%, -50%) rotateZ(-900deg); } 100% { -webkit-transform: translate(50%, -50%) rotateZ(-900deg); transform: translate(50%, -50%) rotateZ(-900deg); } } @-webkit-keyframes rightEyeAnimation { 0% { width: 2vh; height: 2vh; } 50% { width: 2vh; height: 2vh; } 60% { width: 2vh; height: 2vh; } 70% { width: 2vh; height: 2vh; } 75% { width: 2vh; height: 2px; } 80% { width: 2vh; height: 2vh; } 90% { width: 2vh; height: 2vh; } 100% { width: 2vh; height: 2vh; } } @keyframes rightEyeAnimation { 0% { width: 2vh; height: 2vh; } 50% { width: 2vh; height: 2vh; } 60% { width: 2vh; height: 2vh; } 70% { width: 2vh; height: 2vh; } 75% { width: 2vh; height: 2px; } 80% { width: 2vh; height: 2vh; } 90% { width: 2vh; height: 2vh; } 100% { width: 2vh; height: 2vh; } } /* line 138, ../sass/_loader.scss */ .loader { position: relative; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); top: 0; z-index: 5; visibility: hidden; } /* line 146, ../sass/_loader.scss */ .loader .circle { position: absolute; right: 0; margin: auto; width: 14px; height: 14px; border-radius: 50%; border: 5px solid #ccc; } /* line 154, ../sass/_loader.scss */ .loader .circle:before { content: ""; width: 7px; height: 7px; border-radius: 20px; background: green; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; -webkit-animation: circle 1.4s linear infinite; animation: circle 1.4s linear infinite; } @-webkit-keyframes circle { from { -webkit-transform: rotate(0deg) translate(9px) rotate(0deg); transform: rotate(0deg) translate(9px) rotate(0deg); } to { -webkit-transform: rotate(-360deg) translate(9px) rotate(360deg); transform: rotate(-360deg) translate(9px) rotate(360deg); } } @keyframes circle { from { -webkit-transform: rotate(0deg) translate(9px) rotate(0deg); transform: rotate(0deg) translate(9px) rotate(0deg); } to { -webkit-transform: rotate(-360deg) translate(9px) rotate(360deg); transform: rotate(-360deg) translate(9px) rotate(360deg); } } @-webkit-keyframes fade-in-out { from { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } to { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } } @keyframes fade-in-out { from { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } to { filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; } } /*# sourceMappingURL=dist/setup-page-rtl.css.map */