You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
77 lines
1.4 KiB
77 lines
1.4 KiB
.post-reward |
|
position: relative |
|
margin-top: 80px |
|
width: 100% |
|
text-align: center |
|
pointer-events: none |
|
|
|
& > * |
|
pointer-events: auto |
|
|
|
.reward-button |
|
display: inline-block |
|
padding: 4px 24px |
|
background: var(--btn-bg) |
|
color: var(--btn-color) |
|
cursor: pointer |
|
|
|
i |
|
margin-right: 5px |
|
|
|
&:hover |
|
.reward-button |
|
background: var(--btn-hover-color) |
|
|
|
& > .reward-main |
|
display: block |
|
|
|
.reward-main |
|
position: absolute |
|
bottom: 40px |
|
left: 0 |
|
z-index: 100 |
|
display: none |
|
padding: 0 0 15px |
|
width: 100% |
|
|
|
.reward-all |
|
display: inline-block |
|
margin: 0 |
|
padding: 20px 10px |
|
border-radius: 4px |
|
background: var(--reward-pop) |
|
|
|
&:before |
|
position: absolute |
|
bottom: -10px |
|
left: 0 |
|
width: 100% |
|
height: 20px |
|
content: '' |
|
|
|
&:after |
|
position: absolute |
|
right: 0 |
|
bottom: 2px |
|
left: 0 |
|
margin: 0 auto |
|
width: 0 |
|
height: 0 |
|
border-top: 13px solid var(--reward-pop) |
|
border-right: 13px solid transparent |
|
border-left: 13px solid transparent |
|
content: '' |
|
|
|
.reward-item |
|
display: inline-block |
|
padding: 0 8px |
|
list-style-type: none |
|
vertical-align: top |
|
|
|
img |
|
width: 130px |
|
height: 130px |
|
|
|
.post-qr-code-desc |
|
width: 130px |
|
color: $reward-pop-up-color
|
|
|