diff --git a/css/main.css b/css/main.css index 1a232e07..c4ba5532 100644 --- a/css/main.css +++ b/css/main.css @@ -1641,6 +1641,126 @@ pre .javascript .function { .fancybox-close:hover { border: none; } +#rewardButton span { + display: inline-block; + width: 80px; + height: 35px; + border-radius: 5px; + color: #fff; + font-weight: 400; + font-style: normal; + font-variant: normal; + font-stretch: normal; + font-size: 18px; + font-family: "Microsoft Yahei"; + background: #f44336; +} +#rewardButton { + cursor: pointer; + border: 0; + outline: 0; + border-radius: 100%; + padding: 0; + margin: 0; + letter-spacing: normal; + text-transform: none; + text-indent: 0px; + text-shadow: none; +} +#rewardButton span:hover { + background: #f7877f; +} +#QR { + padding-top: 20px; +} +#QR a { + border: 0; +} +#QR img { + width: 100px; + max-width: 100%; + display: inline-block; + margin: 0.8em 2em 0 2em; +} +#wechat:hover p { + animation: roll 0.1s infinite linear; + -webkit-animation: roll 0.1s infinite linear; + -moz-animation: roll 0.1s infinite linear; +} +#alipay:hover p { + animation: roll 0.1s infinite linear; + -webkit-animation: roll 0.1s infinite linear; + -moz-animation: roll 0.1s infinite linear; +} +#bitcoin:hover p { + animation: roll 0.1s infinite linear; + -webkit-animation: roll 0.1s infinite linear; + -moz-animation: roll 0.1s infinite linear; +} +@-moz-keyframes roll { + from { + -webkit-transform: rotateZ(30deg); + -moz-transform: rotateZ(30deg); + -ms-transform: rotateZ(30deg); + -o-transform: rotateZ(30deg); + transform: rotateZ(30deg); + } + to { + -webkit-transform: rotateZ(-30deg); + -moz-transform: rotateZ(-30deg); + -ms-transform: rotateZ(-30deg); + -o-transform: rotateZ(-30deg); + transform: rotateZ(-30deg); + } +} +@-webkit-keyframes roll { + from { + -webkit-transform: rotateZ(30deg); + -moz-transform: rotateZ(30deg); + -ms-transform: rotateZ(30deg); + -o-transform: rotateZ(30deg); + transform: rotateZ(30deg); + } + to { + -webkit-transform: rotateZ(-30deg); + -moz-transform: rotateZ(-30deg); + -ms-transform: rotateZ(-30deg); + -o-transform: rotateZ(-30deg); + transform: rotateZ(-30deg); + } +} +@-o-keyframes roll { + from { + -webkit-transform: rotateZ(30deg); + -moz-transform: rotateZ(30deg); + -ms-transform: rotateZ(30deg); + -o-transform: rotateZ(30deg); + transform: rotateZ(30deg); + } + to { + -webkit-transform: rotateZ(-30deg); + -moz-transform: rotateZ(-30deg); + -ms-transform: rotateZ(-30deg); + -o-transform: rotateZ(-30deg); + transform: rotateZ(-30deg); + } +} +@keyframes roll { + from { + -webkit-transform: rotateZ(30deg); + -moz-transform: rotateZ(30deg); + -ms-transform: rotateZ(30deg); + -o-transform: rotateZ(30deg); + transform: rotateZ(30deg); + } + to { + -webkit-transform: rotateZ(-30deg); + -moz-transform: rotateZ(-30deg); + -ms-transform: rotateZ(-30deg); + -o-transform: rotateZ(-30deg); + transform: rotateZ(-30deg); + } +} .rtl.post-body p, .rtl.post-body a, .rtl.post-body h1, @@ -1822,7 +1942,7 @@ pre .javascript .function { width: 4px; height: 4px; border-radius: 50%; - background: #b17a05; + background: #ff4765; } .links-of-blogroll { font-size: 13px; @@ -2673,3 +2793,29 @@ embed { .links-of-blogroll-inline .links-of-blogroll-item { display: inline-block; } +#rewardButton span { + display: inline-block; + width: 80px; + height: 35px; + border-radius: 5px; + color: #fff; + font-weight: 400; + font-style: normal; + font-variant: normal; + font-stretch: normal; + font-size: 18px; + font-family: "Microsoft Yahei"; + background: #f44336; +} +#rewardButton { + cursor: pointer; + border: 0; + outline: 0; + border-radius: 100%; + padding: 0; + margin: 0; + letter-spacing: normal; + text-transform: none; + text-indent: 0px; + text-shadow: none; +} diff --git a/images/Alipay.jpg b/images/Alipay.jpg new file mode 100644 index 00000000..ec6beca2 Binary files /dev/null and b/images/Alipay.jpg differ diff --git a/images/Wechatpay.jpg b/images/Wechatpay.jpg new file mode 100644 index 00000000..b01dbdf4 Binary files /dev/null and b/images/Wechatpay.jpg differ