diff --git a/source/css/_common/components/post/post-reward.styl b/source/css/_common/components/post/post-reward.styl index afbd55e..925831d 100644 --- a/source/css/_common/components/post/post-reward.styl +++ b/source/css/_common/components/post/post-reward.styl @@ -5,18 +5,21 @@ width: 90%; button { - background: $red; - border: 0; - border-radius: 5px; - color: white; + background: transparent; + border: 2px solid $sidebar-highlight; + border-radius: 2px; + color: $sidebar-highlight; cursor: pointer; line-height: 2; outline: 0; padding: 0 15px; vertical-align: text-top; + the-transition(); &:hover { - background: lighten($red, 20%); + background: $sidebar-highlight; + border: 2px solid transparent; + color: white; } } } @@ -24,10 +27,6 @@ #qr { padding-top: 20px; - a { - border: 0; - } - img { display: inline-block; margin: .8em 2em 0 2em; @@ -35,12 +34,8 @@ width: 180px; } - p { - text-align: center; - } - if (hexo-config('reward_settings.animation')) { - > div:hover p { + div:hover p { animation: roll .1s infinite linear; }