| 1 |
.wsrw-blur-area { |
| 2 |
filter: blur(2px); |
| 3 |
pointer-events: none; |
| 4 |
} |
| 5 |
|
| 6 |
.wsrw-library { |
| 7 |
.wsrw-content { |
| 8 |
position: relative; |
| 9 |
} |
| 10 |
} |
| 11 |
|
| 12 |
#poststuff .wsrw-upsell-box, |
| 13 |
.wsrw-upsell-box { |
| 14 |
position: absolute; |
| 15 |
z-index: 20; |
| 16 |
background: var(--wsrw-background-white); |
| 17 |
width: 662px; |
| 18 |
max-width: 100%; |
| 19 |
top: 50%; |
| 20 |
left: 50%; |
| 21 |
transform: translate(-50%, -50%); |
| 22 |
padding: 40px; |
| 23 |
text-align: center; |
| 24 |
border-radius: 8px; |
| 25 |
border: 1px solid var(--wsrw-border-color); |
| 26 |
|
| 27 |
* { |
| 28 |
box-sizing: border-box; |
| 29 |
} |
| 30 |
|
| 31 |
h2 { |
| 32 |
font-size: var(--wsrw-font-size-xxl); |
| 33 |
margin-top: 0; |
| 34 |
line-height: 1.2; |
| 35 |
} |
| 36 |
|
| 37 |
.wsrw-button { |
| 38 |
margin-top: 6px; |
| 39 |
} |
| 40 |
|
| 41 |
.wsrw-upsell-button-text { |
| 42 |
margin-top: 16px; |
| 43 |
display: inline-block; |
| 44 |
font-size: var(--wsrw-font-size-s); |
| 45 |
color: var(--wsrw-text-color-light-bg); |
| 46 |
|
| 47 |
&:hover { |
| 48 |
text-decoration: none; |
| 49 |
} |
| 50 |
} |
| 51 |
|
| 52 |
p { |
| 53 |
color: var(--wsrw-text-color-paragraph); |
| 54 |
font-size: var(--wsrw-font-size-m); |
| 55 |
line-height: 1.5; |
| 56 |
} |
| 57 |
|
| 58 |
&.wsrw-upsell-box-with-features { |
| 59 |
width: 892px; |
| 60 |
padding: 56px; |
| 61 |
|
| 62 |
.wsrw-upsell-text { |
| 63 |
max-width: 600px; |
| 64 |
margin: 0 auto; |
| 65 |
} |
| 66 |
} |
| 67 |
|
| 68 |
.wsrw-upsell-features { |
| 69 |
display: flex; |
| 70 |
flex-wrap: wrap; |
| 71 |
justify-content: space-between; |
| 72 |
margin-top: 40px; |
| 73 |
margin-bottom: 24px; |
| 74 |
text-align: left; |
| 75 |
|
| 76 |
.wsrw-upsell-feature { |
| 77 |
width: 50%; |
| 78 |
color: var(--wsrw-text-color-heading); |
| 79 |
font-size: var(--wsrw-font-size-m); |
| 80 |
margin-bottom: 16px; |
| 81 |
line-height: 1.5; |
| 82 |
padding-left: 34px; |
| 83 |
position: relative; |
| 84 |
padding-right: 10px; |
| 85 |
|
| 86 |
&:before { |
| 87 |
content: ''; |
| 88 |
background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.5 0.416016C4.67 0.416016 0.75 4.33602 0.75 9.16602C0.75 13.996 4.67 17.916 9.5 17.916C14.33 17.916 18.25 13.996 18.25 9.16602C18.25 4.33602 14.33 0.416016 9.5 0.416016ZM9.5 16.166C5.64125 16.166 2.5 13.0248 2.5 9.16602C2.5 5.30727 5.64125 2.16602 9.5 2.16602C13.3587 2.16602 16.5 5.30727 16.5 9.16602C16.5 13.0248 13.3587 16.166 9.5 16.166ZM7.75 11.0648L13.5163 5.29852L14.75 6.54102L7.75 13.541L4.25 10.041L5.48375 8.80727L7.75 11.0648Z' fill='%2309A347'/%3E%3C/svg%3E"); |
| 89 |
display: block; |
| 90 |
width: 19px; |
| 91 |
height: 18px; |
| 92 |
position: absolute; |
| 93 |
left: 0; |
| 94 |
top: 3px; |
| 95 |
} |
| 96 |
} |
| 97 |
} |
| 98 |
} |
| 99 |
|
| 100 |
.wsrw-pixel { |
| 101 |
.wsrw-upsell-box { |
| 102 |
.wsrw-upsell-text { |
| 103 |
max-width: 750px; |
| 104 |
} |
| 105 |
} |
| 106 |
} |
| 107 |
|
| 108 |
.wsrw-library { |
| 109 |
|
| 110 |
.wsrw-upsell-box { |
| 111 |
@media ( max-width: 1440px ) { |
| 112 |
top: 100px; |
| 113 |
transform: translate(-50%, 0); |
| 114 |
} |
| 115 |
} |
| 116 |
} |
| 117 |
|
| 118 |
.wsrw-search-replace-history { |
| 119 |
#poststuff .wsrw-upsell-box, .wsrw-upsell-box { |
| 120 |
margin-top: 70px; |
| 121 |
} |
| 122 |
} |
| 123 |
|
