You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 lines
18 KiB
CSS
2 lines
18 KiB
CSS
7 months ago
|
#wpforms-welcome .challenge{border-radius:2px;box-shadow:0 0 50px 0 rgba(0,0,0,0.1);margin-bottom:30px;background:#444 url("../images/challenge/getting-started.png") center right no-repeat;background-size:contain}#wpforms-welcome .challenge .block{max-width:480px}#wpforms-welcome .challenge h1{color:#ffffff;text-align:left;margin:20px 0 22px}#wpforms-welcome .challenge h6{font-size:17px;font-weight:400;text-align:left;color:#cccccc;margin:0 0 34px}.wpforms-challenge{display:none;position:fixed;right:20px;bottom:0;width:230px;z-index:100110;border-top-left-radius:4px;border-top-right-radius:4px;box-shadow:0 0 30px rgba(0,0,0,0.15)}.wpforms-challenge p{font-size:14px;line-height:20px;margin:0 0 15px 0;color:#222222}.wpforms-challenge b{font-weight:600}.wpforms-challenge.wpforms-challenge-start{display:initial}.wpforms-challenge .wpforms-challenge-list-block{border-top-left-radius:4px;border-top-right-radius:4px;padding:26px 20px 20px 20px;background-color:white;overflow:hidden;position:relative;transition:all 0.3s;transition-timing-function:ease}.wpforms-challenge .wpforms-challenge-list-block .list-block-button{position:absolute;color:#b6b6b6;top:10px;cursor:pointer;width:16px;height:16px;background-size:16px 16px;background-position:center center;background-repeat:no-repeat;opacity:0.25;transition:0.3s;z-index:999}.wpforms-challenge .wpforms-challenge-list-block .list-block-button.toggle-list{display:none;right:30px;background-image:url(../images/challenge/chevron-circle-down-regular.svg)}.wpforms-challenge .wpforms-challenge-list-block .list-block-button.challenge-skip,.wpforms-challenge .wpforms-challenge-list-block .list-block-button.challenge-cancel{right:10px;background-image:url(../images/challenge/times-circle-regular.svg);color:#b6b6b6}.wpforms-challenge .wpforms-challenge-list-block .list-block-button:hover{opacity:0.5}.wpforms-challenge .wpforms-challenge-list-block.closed{padding:10px}.wpforms-challenge .wpforms-challenge-list-block.closed .list-block-button.toggle-list{transform:rotate(180deg)}.wpforms-challenge .wpforms-challenge-list-block.closed .wpforms-challenge-list{display:block}.wpforms-challenge .wpforms-challenge-list-block.closed .wpforms-challenge-list li{opacity:0;height:0;margin:0}.wpforms-challenge .wpforms-challenge-list-block.closed .wpforms-challenge-list .wpforms-challenge-item-completed{opacity:0 !important;height:0 !important}.wpforms-challenge .wpforms-challenge-list-block.closed .wpforms-challenge-list .wpforms-challenge-item-current{opacity:1;height:16px}.wpforms-challenge .wpforms-challenge-list-block.closed .wpforms-challenge-list .wpforms-challenge-item-current span:before{opacity:0;margin-left:-20px;transition:opacity 0s}.wpforms-challenge .wpforms-challenge-list-block.transition-back .wpforms-challenge-list li{transition:opacity 0.1s 0.2s, height 0.3s, margin 0.3s}.wpforms-challenge .wpforms-challenge-list-block.transition-back .wpforms-challenge-list li.wpforms-challenge-completed{transition:opacity 0.1s, height 0.3s, margin 0.3s}.wpforms-challenge .wpforms-challenge-list-block.transition-back .wpforms-challenge-list .wpforms-challenge-item-current span:before{transition:opacity 0.1s 0.2s}.wpforms-challenge .wpforms-challenge-list{list-style:none;margin:0;font-size:12px;line-height:16px;transition:all 0.3s;display:flex;flex-direction:column;gap:10px;justify-content:flex-start}.wpforms-challenge .wpforms-challenge-list li{transition:opacity 0.1s, height 0.3s, margin 0.3s;display:flex}.wpforms-challenge .wpforms-challenge-list li span:before{display:inline-block;font-family:FontAwesome;content:"\f1db";font-size:18px;color:#b6b6b6;margin-right:8px;line-height:16px;vertical-align:bottom;border-radius:50%}.wpforms-challenge .wpforms-challenge-list li.wpforms-challenge-item-current{font-weight:bold;cursor:pointer}.wpforms-challenge .wpforms-challenge-list li.wpforms-challenge-item-current span:before{color:#df7739;content:'\f111';font-size:17.5px;line-height:1;text-indent:.5px}.wpforms-challenge .wpforms-challenge-list li.wpforms-challenge-item-completed{font-weight:initial;text-decor
|