From 6ddfd734f78284f0401858762038fa10b9313ffd Mon Sep 17 00:00:00 2001 From: fen Date: Sat, 26 Oct 2013 16:00:22 +0800 Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E6=8C=89=E9=92=AE=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- admin/css/style.css | 30 +++++++++++++++++++++--------- admin/scss/_buttons.scss | 8 ++++---- usr/themes/replica/style.css | 2 ++ 3 files changed, 27 insertions(+), 13 deletions(-) diff --git a/admin/css/style.css b/admin/css/style.css index 16df1438..0666b209 100644 --- a/admin/css/style.css +++ b/admin/css/style.css @@ -127,6 +127,10 @@ button { -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; + -webkit-transition-duration: 0.4s; + -moz-transition-duration: 0.4s; + -o-transition-duration: 0.4s; + transition-duration: 0.4s; display: inline-block; padding: 0 12px; height: 32px; @@ -134,11 +138,11 @@ button { vertical-align: middle; zoom: 1; } button:hover { - background-color: #e2e2de; } + background-color: #dbdbd6; } button:active, button.active { - background-color: #e2e2de; } + background-color: #dbdbd6; } button:disabled { - background-color: #f0f0ee; + background-color: #f7f7f6; cursor: default; } button:disabled { color: #999; } @@ -160,13 +164,17 @@ button { -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; + -webkit-transition-duration: 0.4s; + -moz-transition-duration: 0.4s; + -o-transition-duration: 0.4s; + transition-duration: 0.4s; color: #FFF; } .primary:hover { - background-color: #41728c; } + background-color: #3c6a81; } .primary:active, .primary.active { - background-color: #41728c; } + background-color: #3c6a81; } .primary:disabled { - background-color: #4b84a0; + background-color: #508cab; cursor: default; } .btn-group { @@ -181,13 +189,17 @@ button { -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; + -webkit-transition-duration: 0.4s; + -moz-transition-duration: 0.4s; + -o-transition-duration: 0.4s; + transition-duration: 0.4s; color: #FFF; } .btn-warn:hover { - background-color: #af4543; } + background-color: #a4403f; } .btn-warn:active, .btn-warn.active { - background-color: #af4543; } + background-color: #a4403f; } .btn-warn:disabled { - background-color: #bd5553; + background-color: #c1605e; cursor: default; } /* δΈ‹ζ‹‰θœε• */ diff --git a/admin/scss/_buttons.scss b/admin/scss/_buttons.scss index 62d97a78..b2dd488e 100644 --- a/admin/scss/_buttons.scss +++ b/admin/scss/_buttons.scss @@ -10,16 +10,16 @@ cursor: pointer; @include border-radius(2px); + @include transition-duration(.4s); &:hover { - background-color: darken($color, 3%); - // @include background-image(linear-gradient($color, darken($color, 3%))); + background-color: darken($color, 6%); } &:active, &.active { - background-color: darken($color, 3%); + background-color: darken($color, 6%); } &:disabled { - background-color: lighten($color, 3%); + background-color: lighten($color, 6%); cursor: default; } } diff --git a/usr/themes/replica/style.css b/usr/themes/replica/style.css index 19705f95..24d80a4a 100644 --- a/usr/themes/replica/style.css +++ b/usr/themes/replica/style.css @@ -70,6 +70,8 @@ textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; + + -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2); } /* ------------------