style.css (2194B)
1 .challenge-list-block { 2 padding: 15px 20px 20px; 3 margin-bottom: 15px; 4 background-color: #fff; 5 overflow: hidden; 6 border-radius: 4px; 7 box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2); 8 -webkit-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2); 9 -moz-box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2); } 10 11 .challenge-bar { 12 border-radius: 20px; 13 background-color: #eee; } 14 15 .challenge-bar div { 16 width: 0; 17 height: 20px; 18 border-radius: 20px; 19 background-color: #2576a4; } 20 21 .challenge-list { 22 list-style: none; 23 margin: 17px 0 20px; 24 font-size: 13px; } 25 .challenge-list li { 26 margin-bottom: 17px; } 27 .challenge-list li i { 28 display: inline-block; 29 font-size: 18px; 30 color: #d6d6d6; 31 margin-right: 8px; 32 line-height: 15px; 33 vertical-align: bottom; 34 border-radius: 50%; } 35 .challenge-list li.challenge-item-current { 36 font-weight: bold; } 37 .challenge-list li.challenge-item-current i { 38 color: #df7739; 39 font-size: 17.5px; 40 line-height: 1; 41 text-indent: 0.5px; } 42 .challenge-list li.challenge-item-completed { 43 font-weight: initial; 44 text-decoration: line-through; } 45 .challenge-list li.challenge-item-completed i { 46 color: #6ab255; 47 font-size: 18px; 48 background-color: #fff; } 49 .challenge-list li .dashicons-yes { 50 display: none; 51 vertical-align: middle; } 52 53 /* /.challenge-list */ 54 button.btn-challenge-start { 55 font-size: 12px; 56 padding: 6px 15px; 57 border: 1px solid #bf5e31; 58 background-color: #24B0A6; 59 border-radius: 3px; 60 color: #fff; 61 cursor: pointer; } 62 button.btn-challenge-start:hover { 63 background-color: #19837C; } 64 65 .btn-challenge-cancel, 66 .btn-challenge-skip { 67 margin: 6px 0; 68 border: 0; 69 text-decoration: underline; } 70 71 .btn-challenge-cancel, 72 .btn-challenge-skip { 73 align-self: flex-end; 74 color: #909090; 75 font-size: 12px; 76 font-weight: 100; } 77 78 .wpforms-btn-md { 79 min-height: initial; } 80 81 .challenge-button-row { 82 display: flex; 83 justify-content: space-between; } 84 .challenge-button-row button { 85 cursor: pointer; } 86 87 .started.challenge-button-row { 88 align-content: space-between; 89 flex-direction: column; } 90 91 /*# sourceMappingURL=style.css.map */