/** * MWPAL Wizard Styles */ body { margin: 65px auto 24px; -webkit-box-shadow: none; box-shadow: none; background: #f1f1f1; padding: 0; } #wsal-logo { border: 0; margin: 0 0 24px; padding: 0; text-align: center; } #wsal-logo img { width: 400px; } .steps { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; list-style-type: none; margin: 0; padding: 0 0 25px; text-align: center; } .steps li { -ms-flex-preferred-size: 200px; flex-basis: 200px; font-weight: 700; margin: 0 0 5px; color: #b4b9be; padding-bottom: 15px; position: relative; } .steps li.is-active { color: #009344; } .steps li.is-active::before { border: 4px solid #009344; background: #009344; } .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; } .mwpal-setup-content { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13); padding: 2em; margin: 0 0 20px; background: #fff; overflow: hidden; zoom: 1; text-align: left; } .mwpal-setup-content h4, .mwpal-setup-content fieldset { line-height: 1.5; } .mwpal-setup-content .description { font-style: italic; } .mwpal-setup-footer { text-align: center; } .mwpal-setup-footer a { color: #009344; font-size: 14px; text-decoration: none; } .mwpal-setup-actions { text-align: center; } .mwpal-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: 0.1s all linear; -o-transition: 0.1s all linear; transition: 0.1s all linear; } .mwpal-setup-actions .button-primary { background-color: #009344; border-color: #009344; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; margin: 0; opacity: 1; } .mwpal-setup-actions .button-primary:hover, .mwpal-setup-actions .button-primary:focus { background: #00ad50; border-color: #00ad50; -webkit-box-shadow: none; box-shadow: none; color: #fff; } .sites-container { background: #fff; height: 230px; overflow-y: scroll; border: 1px solid #ddd; padding: 10px; }