setup-wizard.css
4 lines
| 1 | #enforced_roles_buttons,#enforced_users_buttons,#excluded_roles_buttons,#excluded_sites_buttons,#excluded_users_buttons{display:inline}.wp2fa-setup-content #excluded_roles_buttons,.wp2fa-setup-content #excluded_users_buttons{display:block;margin-top:20px}.user-btn{position:relative;margin-left:10px!important}.user-btn .remove-item{background:red;height:14px;width:14px;position:absolute;color:#fff;border-radius:7px;line-height:11px;text-align:center;font-size:10px;display:block;right:-7px;top:-5px}.mt-5px{margin-top:7px;display:inline-block}label.radio-inline{padding-left:8px}.danger-zone-wrapper{padding:15px;border:1px solid red;border-radius:3px;margin-top:15px}.learn_more_link{display:inline-block;margin-left:10px;margin-top:6px}.wp-2fa-settings-wrapper .disabled{opacity:.5}.wp-2fa-settings-wrapper .disabled *{pointer-events:none}.button.has-spinner{padding-right:0!important}.notice-after-button{padding:5px 10px!important;margin-left:10px!important}input.error{border-color:#dc3232;background:#ffebee}.wp-2fa-user-profile-form .button{margin-right:5px} |
| 2 | .mt-5px{margin-top:7px;display:inline-block}label.radio-inline{padding-left:8px}.wp2fa-modal{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif}.modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:9999}.modal__container{background-color:#fff;padding:30px;max-width:600px;max-height:100vh;border-radius:4px;overflow-y:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.modal__header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal__title{margin-top:0;margin-bottom:0;font-weight:600;font-size:1.25rem;line-height:1.25;color:#222;-webkit-box-sizing:border-box;box-sizing:border-box}.modal__close{background:transparent;border:0;outline:none}.modal__header .modal__close:before,.wp2fa-modal .modal__close:before{content:"\2715"}.modal__content,.modal__content label,.modal__content p{font-size:14px;line-height:28px;color:#222;margin-top:0;word-break:keep-all;width:100%}.modal__content p.description{font-size:9pt;line-height:24px;opacity:.9}.modal__content .apps-wrapper{position:relative;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex}.modal__content .apps-wrapper .app-logo{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:center;align-self:center;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 13px}.modal__content .apps-wrapper .app-logo img{margin:0 auto;width:auto;max-width:100%}.modal__content .wp2fa-setup-actions{clear:both}.modal__btn-primary{background-color:#00449e;color:#fff}.modal__content input[type=radio]{margin-left:0}.modal__content input:not([type=radio]){min-width:15pc;margin-bottom:10px;min-height:2pc;line-height:1;padding:5px}@-webkit-keyframes mmfadeIn{0%{opacity:0}to{opacity:1}}@keyframes mmfadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes mmfadeOut{0%{opacity:1}to{opacity:0}}@keyframes mmfadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes mmslideIn{0%{-webkit-transform:translateY(15%);transform:translateY(15%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes mmslideIn{0%{-webkit-transform:translateY(15%);transform:translateY(15%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes mmslideOut{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-10%);transform:translateY(-10%)}}@keyframes mmslideOut{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-10%);transform:translateY(-10%)}}.micromodal-slide{display:none}.micromodal-slide.is-open{display:block}.micromodal-slide[aria-hidden=false] .modal__overlay{-webkit-animation:mmfadeIn .3s cubic-bezier(0,0,.2,1);animation:mmfadeIn .3s cubic-bezier(0,0,.2,1)}.micromodal-slide[aria-hidden=false] .modal__container{-webkit-animation:mmslideIn .3s cubic-bezier(0,0,.2,1);animation:mmslideIn .3s cubic-bezier(0,0,.2,1)}.micromodal-slide[aria-hidden=true] .modal__overlay{-webkit-animation:mmfadeOut .3s cubic-bezier(0,0,.2,1);animation:mmfadeOut .3s cubic-bezier(0,0,.2,1)}.micromodal-slide[aria-hidden=true] .modal__container{-webkit-animation:mmslideOut .3s cubic-bezier(0,0,.2,1);animation:mmslideOut .3s cubic-bezier(0,0,.2,1)}.micromodal-slide .modal__container,.micromodal-slide .modal__overlay{will-change:transform}.danger-zone-wrapper{padding:15px;border:1px solid red;border-radius:3px;margin-top:15px}.learn_more_link{display:inline-block;margin-left:10px;margin-top:6px}.disabled{opacity:.5}.disabled *{pointer-events:none}.wp2fa-modal .modal__container{max-width:60vw;max-height:70vh;min-width:60vw}.wp2fa-modal .modal__close{position:absolute;right:20px;top:20px;text-decoration:none}.step-setting-wrapper:not(.active),.wizard-step:not(.active){display:none}.step-setting-wrapper.active,.wizard-step.active{-webkit-animation:fadein .5s;animation:fadein .5s}#configure-2fa-backup-codes .wp2fa-setup-actions,#configure-2fa .wp2fa-setup-actions{margin-top:25px}.modal__btn+.modal__btn{margin-left:10px}.wp-2fa-configuration-form th{display:none}.wp2fa-modal h3,.wp2fa-modal h4{margin-top:0;font-size:22px;margin-bottom:15px;font-weight:700}.wp2fa-modal fieldset{padding:0;border:0}.wp2fa-modal ol{margin:0 0 15px;padding-left:17px}.wp2fa-modal .modal__content code.app-key{font-size:1pc;padding:7px 9pt;word-break:break-all;background:#efefef;color:#222}.verification-response:not(:empty){margin-bottom:15px;font-size:9pt;border:1px solid red;padding:0 5px}.wp2fa-modal .modal__content .modal__btn,.wp2fa-modal .modal__content .wp2fa-setup-actions .button,.wp-2fa-configuration-form .button{margin-bottom:10px;text-align:center;background-color:#00449e;color:#fff;padding:13px 13pt;border-radius:5px;border:none;line-height:1;outline:none;font-size:14px;text-decoration:none}.wp2fa-modal .button,.wp-2fa-configuration-form .button{margin-right:10px}.qr-code-wrapper{position:relative;overflow:hidden;float:right}#notify-users .modal__container *{opacity:1;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}#notify-users .modal__container.saving *{opacity:0;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.qr-code-wrapper.regenerating img{visibility:hidden}#backup-codes-wrapper{display:inline-block}#notify-users .modal__container.saving:before,.qr-code-wrapper.regenerating:before{content:"";-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:50%;left:50%;width:20px;height:20px;margin-top:-10px;margin-left:-10px;border-radius:50%;border:2px solid #ccc;border-top-color:#000;-webkit-animation:spinner .6s linear infinite;animation:spinner .6s linear infinite}@-webkit-keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@media (min-width:783px) and (max-width:1200px){.wp2fa-modal .modal__container{max-width:80vw;min-width:80vw}}@media screen and (max-width:782px){.wp2fa-modal .modal__container{max-width:90vw}#wp-2fa-totp-qrcode{max-width:100%;text-align:center;margin:15px auto;display:none}.step-setting-wrapper br{display:none}.wp2fa-modal .modal__content code br{display:block!important}.wp2fa-modal .modal__content code.app-key{width:100%;display:block;text-align:center;font-size:1pc;margin-bottom:30px;background:#efefef;padding:5px;word-break:break-all}.wp2fa-modal .modal__content .apps-wrapper{margin:10px 0}.wp2fa-modal .modal__content a.app-logo{padding:0 5px}.wp2fa-modal .modal__content .modal__btn,.wp2fa-modal .modal__content .wp2fa-setup-actions .button,.wp-2fa-configuration-form .button{width:100%;display:block;margin-bottom:10px;margin-left:0;margin-right:0;text-align:center}.modal__content input:not([type=radio]){width:100%;margin-bottom:10px}.hide-on-mobile{display:none}.wp2fa-modal h3,.wp2fa-modal h4{font-size:20px}}@media screen and (min-width:782px){.wp2fa-modal .clear-both{clear:both;display:block;overflow:hidden}.wp2fa-modal .modal-50{width:50%;display:inline-block;float:left}.wp2fa-modal .option-pill{margin-bottom:15px}.wp2fa-modal .qr-code{float:right;width:auto}.wp2fa-modal .mb-30{margin-bottom:30px}.show-on-mobile{display:none}}@media (max-width:500px){.modal__container{padding:17px}.wp2fa-modal .modal__content .apps-wrapper{display:block}.wp2fa-modal .modal__content a.app-logo{width:calc(33.33333333% - 5px);display:inline-block;margin-bottom:5px}.wp2fa-modal h3,.wp2fa-modal h4{font-size:18px}} |
| 3 | body{min-height:100vh}a{color:#0073aa}a:active,a:hover{color:#00a0d2}a:focus{color:#124964;-webkit-box-shadow:0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8);box-shadow:0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8)}.ie8 a:focus{outline:1px solid #5b9dd9}h1,h2{border-bottom:1px solid #ddd;clear:both;color:#666;font-size:24px;padding:0;padding-bottom:7px;font-weight:400}h3{font-size:1pc}dd,dt,li,p{padding-bottom:2px;font-size:14px;line-height:1.5}.code,code{font-family:Consolas,Monaco,monospace}dl,ol,ul{padding:5px 5px 5px 22px}abbr,a img{border:0}abbr{-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variant:normal}fieldset{border:0;padding:0;margin:0}label{cursor:pointer}#logo{margin:6px 0 14px 0;padding:0 0 7px 0;border-bottom:none;text-align:center}#logo a{background-image:url(../images/w-logo-blue.png?ver=20131202);background-image:none,url(../images/wordpress-logo.svg?ver=20131107);background-size:84px;background-position:top;background-repeat:no-repeat;color:#444;height:84px;font-size:20px;font-weight:400;line-height:1.3;margin:-130px auto 25px;padding:0;text-decoration:none;width:84px;text-indent:-9999px;outline:none;overflow:hidden;display:block}.step{margin:20px 0 15px}.step,th{text-align:left;padding:0}.language-chooser.wp-core-ui .step .button.button-large{height:36px;font-size:14px;line-height:2.35714285;vertical-align:middle}textarea{border:1px solid #ddd;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.form-table{border-collapse:collapse;margin-top:1em;width:100%}.form-table td{margin-bottom:9px}.form-table td,.form-table th{padding:10px 20px 10px 0;font-size:14px;vertical-align:top}.form-table th{text-align:left;width:140px}.form-table code{line-height:1.28571428;font-size:14px}.form-table p{margin:4px 0 0 0;font-size:11px}.form-table input{line-height:1.33333333;font-size:15px;padding:3px 5px;border:1px solid #ddd;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.07);box-shadow:inset 0 1px 2px rgba(0,0,0,.07)}input,submit{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}#pass-strength-result,.form-table input[type=email],.form-table input[type=password],.form-table input[type=text],.form-table input[type=url]{width:218px}.form-table th p{font-weight:400}.form-table.install-success td,.form-table.install-success th{vertical-align:middle;padding:1pc 20px 1pc 0}.form-table.install-success td p{margin:0;font-size:14px}.form-table.install-success td code{margin:0;font-size:18px}#error-page{margin-top:50px}#error-page p{font-size:14px;line-height:1.28571428;margin:25px 0 20px}#error-page code,.code{font-family:Consolas,Monaco,monospace}.message{border-left:4px solid #dc3232;padding:.7em .6em;background-color:#fbeaea}#admin_email,#dbhost,#dbname,#pass1,#pass2,#prefix,#pwd,#uname,#user_login{direction:ltr}.rtl input,.rtl submit,.rtl textarea,body.rtl{font-family:Tahoma,sans-serif}:lang(he-il) .rtl input,:lang(he-il) .rtl submit,:lang(he-il) .rtl textarea,:lang(he-il) body.rtl{font-family:Arial,sans-serif}@media only screen and (max-width:799px){body{margin-top:115px}#logo a{margin:-125px auto 30px}}@media screen and (max-width:782px){.form-table{margin-top:0}.form-table td,.form-table th{display:block;width:auto;vertical-align:middle}.form-table th{padding:20px 0 0}.form-table td{padding:5px 0;border:0;margin:0}input,textarea{font-size:1pc}.form-table span.description,.form-table td input[type=email],.form-table td input[type=password],.form-table td input[type=text],.form-table td input[type=url],.form-table td select,.form-table td textarea{width:100%;font-size:1pc;line-height:1.5;padding:7px 10px;display:block;max-width:none;-webkit-box-sizing:border-box;box-sizing:border-box}.wp-pwd #pass1{padding-right:50px}.wp-pwd .button.wp-hide-pw{right:0}#pass-strength-result{width:100%}}body.language-chooser{max-width:300px}.language-chooser select{padding:8px;width:100%;display:block;border:1px solid #ddd;background:#fff;color:#32373c;font-size:1pc;font-family:Arial,sans-serif;font-weight:400}.language-chooser select:focus{color:#32373c}.language-chooser select option:focus,.language-chooser select option:hover{color:#016087}.language-chooser p{text-align:right}.screen-reader-input,.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.spinner{background:url(../images/spinner.gif) no-repeat;background-size:20px 20px;visibility:hidden;opacity:.7;filter:alpha(opacity=70);width:20px;height:20px;margin:2px 5px 0}.step .spinner{display:inline-block;vertical-align:middle;margin-right:15px}.button.hide-if-no-js,.hide-if-no-js{display:none}@media (-webkit-min-device-pixel-ratio:1.25),(min-resolution:120dpi),print{.spinner{background-image:url(../images/spinner-2x.gif)}}body{-webkit-box-shadow:none;box-shadow:none;background:#f8f9fb;padding:0}#wp2fa-logo{border:0;margin:0 0 24px;padding:0;text-align:center}#wp2fa-logo a{color:#5085a5;text-decoration:none;font-weight:700;font-size:28px;margin-bottom:35px;display:block}#wp2fa-logo img{width:auto}.steps{display:-ms-flexbox;display:-webkit-box;display:flex;list-style-type:none;margin:0;padding:0 0 25px;text-align:center}.steps li{-ms-flex:1 0 auto;-webkit-box-flex:1;flex:1 0 auto;font-weight:700;margin:0 0 5px;color:#b4b9be;padding-bottom:15px;position:relative}.steps li.is-active{color:#5085a5}.steps li.is-active:before{border:4px solid #5085a5;background:#5085a5}.steps li:before{content:"";border:4px solid #b4b9be;border-radius:100%;width:4px;height:4px;position:absolute;bottom:0;left:50%;margin-left:-6px;margin-bottom:-8px;background:#b4b9be}.wp2fa-setup-content{-webkit-box-shadow:0 1px 3px rgba(0,0,0,.13);box-shadow:0 1px 3px rgba(0,0,0,.13);padding:30px 40px;margin:0 0 20px;background:#fff;overflow:hidden;zoom:1;border-radius:10px}.wp2fa-setup-content h3{font-size:24px;text-align:center;margin-bottom:30px;margin-top:5px;line-height:36px}.wp2fa-setup-content fieldset,.wp2fa-setup-content h4{line-height:1.5}.wp2fa-setup-actions{text-align:center;margin:40px auto 10px}.wp2fa-setup-actions .button{-webkit-box-shadow:none;box-shadow:none;font-size:14px;height:auto;padding:8px 20px;min-width:12em;min-width:auto;-webkit-transition:all .1s linear;transition:all .1s linear;border-radius:5px;line-height:1;min-height:0}.wp2fa-setup-actions .button-primary,.wp2fa-setup-actions .button-secondary{font-weight:700}.wp2fa-setup-actions .button-secondary{background-color:#fff;border:2px solid #5085a5;color:#5085a5}.wp2fa-setup-actions .button-primary:focus,.wp2fa-setup-actions .button-primary:hover{background:#13729a;border-color:#13729a;-webkit-box-shadow:none;box-shadow:none;color:#fff}.wp2fa-setup-footer{text-align:center}.wp2fa-setup-footer a{color:#5085a5;font-size:14px;text-decoration:none}.wp2fa-setup-form label[for=editor-roles-box],.wp2fa-setup-form label[for=editor-users-box],.wp2fa-setup-form label[for=exrole-query-box],.wp2fa-setup-form label[for=exuser-query-box],.wp2fa-setup-form label[for=ipaddr-query-box]{display:inline-block;margin:5px 0}.wp2fa-setup-form label[for=editor-roles-box] span,.wp2fa-setup-form label[for=editor-users-box] span,.wp2fa-setup-form label[for=exrole-query-box] span,.wp2fa-setup-form label[for=exuser-query-box] span,.wp2fa-setup-form label[for=ipaddr-query-box] span{display:inline-block;min-width:75pt}.sectoken-ip,.sectoken-other,.sectoken-role,.sectoken-user{display:inline-block;border-width:1px;border-style:solid;padding:2px 4px;margin:2px 0 0 2px;border-radius:3px;cursor:default;line-height:1.3;font-size:14px}.sectoken-ip a,.sectoken-other a,.sectoken-role a,.sectoken-user a{text-decoration:none;font-size:9pt;font-weight:700;color:#fff;margin-left:2px;background:#bbb;border-radius:25px;height:14px;display:inline-block;vertical-align:middle;width:14px;text-align:center;line-height:9pt}.sectoken-ip a:hover,.sectoken-other a:hover,.sectoken-role a:hover,.sectoken-user a:hover{background:#fb9}.sectoken-other{display:table;border-collapse:separate}.sectoken-role{background:#efe;border-color:#5b5}.sectoken-user{background:#eff;border-color:#5be}.sectoken-ip,.sectoken-other{background:#ffe;border-color:#ed5}p.description{font-size:13px;font-style:italic}.setup-wizard-wrapper{color:#444;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;margin:0 auto;padding:20px 20px 10px 20px;-webkit-font-smoothing:subpixel-antialiased;max-width:780px;min-width:780px;top:50%;-webkit-transform:translateY(-50%)translateX(-50%);transform:translateY(-50%)translateX(-50%);position:absolute;left:50%;-webkit-animation:fadein .5s;animation:fadein .5s}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}.wp2fa-setup-content .step-setting-wrapper:not(.active){display:none}.wp2fa-setup-content .step-setting-wrapper.active{-webkit-animation:fadein .5s;animation:fadein .5s}.option-pill{text-align:left;padding:0;margin:5px 0 15px;overflow:visible}.option-pill:last-of-type{margin-bottom:0}.option-pill label{display:block;clear:both}#wp-2fa-totp-qrcode{float:right}.input.wide{margin-top:20px;min-width:50%}.description.error{color:red}.align-center{text-align:center}.wp2fa-setup-content .radio-inline{margin-left:10px}.option-pill ol{margin:0;padding:0 0 0 1pc}.resend-email-code{min-width:195px!important}.step-title-wrapper{text-align:center}.step-title{display:inline-block;font-weight:700;margin:0 10px 5px;color:#b4b9be;padding-bottom:15px;position:relative}.step-title:hover{cursor:pointer}.step-title.active-step-title{color:#5085a5}.step-title span{border:1px solid;width:15px;height:15px;display:inline-block;line-height:15px;font-size:9px;border-radius:50%;position:relative;top:-1px}.app-logo:focus{-webkit-box-shadow:none!important;box-shadow:none!important}.hide-overflow{overflow:hidden}@media (min-width:601px){.apps-wrapper{position:relative;overflow:hidden}.apps-wrapper,.apps-wrapper .app-logo{display:-webkit-box;display:-ms-flexbox;display:flex}.apps-wrapper .app-logo{-ms-flex-item-align:center;align-self:center;-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 13px}.apps-wrapper .app-logo img{margin:0 auto;width:auto;max-width:100%}}@media (max-width:991px){.setup-wizard-wrapper{min-width:0;position:relative;-webkit-transform:none;transform:none;left:0;top:0;padding:15px}#wp2fa-logo img{max-width:15pc;width:70%;height:auto}.wp2fa-setup-content{padding:20px 15px}.wp2fa-setup-content h3{font-size:18px;margin-bottom:20px;margin-top:5px;line-height:1.5}body.wp2fa-setup{margin-top:25px;min-width:0}.steps li,.wp2fa-setup-content *,p.description{font-size:9pt}.steps li{padding-bottom:7px;position:relative}}@media (max-width:600px){#wp-2fa-totp-qrcode{float:none;width:100%;margin:0 auto 10px}.apps-wrapper{display:block}.apps-wrapper a.app-logo{width:calc(33.33333333% - 5px);display:inline-block;margin-bottom:5px}.apps-wrapper a.app-logo img{margin:0 auto}}@media (max-width:480px){.steps li:not(.is-active){display:none}.wp2fa-setup-content br{clear:both;margin-bottom:15px}input[type=email]{margin-top:10px}} |
| 4 |