From 3d3a72b856daec2b550445959f3b587c5af9f913 Mon Sep 17 00:00:00 2001 From: Jonathan Wall Date: Wed, 16 Jun 2010 15:53:35 -0700 Subject: [PATCH] Updated the button CSS in the admin. --HG-- branch : dev --- .../Themes/TheAdmin/Styles/site.css | 31 +++++++++++++------ 1 file changed, 21 insertions(+), 10 deletions(-) diff --git a/src/Orchard.Web/Themes/TheAdmin/Styles/site.css b/src/Orchard.Web/Themes/TheAdmin/Styles/site.css index e96330722..19d122b0d 100644 --- a/src/Orchard.Web/Themes/TheAdmin/Styles/site.css +++ b/src/Orchard.Web/Themes/TheAdmin/Styles/site.css @@ -441,14 +441,20 @@ textarea { padding:4px; width:98.662%; } - button, .button, .button:link, .button:visited { - background:#f5f5f5; - border:1px solid #999; - color:#2d2f25; + background:#F5F5F5; + background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#cbcbcb)); + background:-moz-linear-gradient(top , #F5F5F5, #cbcbcb); + border:1px solid #999999; + color:#2D2F25; cursor:pointer; + padding:0 0.8em 0.1em 0.8em; text-align:center; - padding:0 .8em .1em; + text-shadow: 0 1px 1px rgba(0,0,0,.2); + box-shadow: 0 4px 4px rgba(231,231,231,.2) inset; + -webkit-box-shadow: 0 4px 4px rgba(231,231,231,.2) inset; + -moz-box-shadow: 0 4px 4px rgba(231,231,231,.2) inset; + } form.link button { background:inherit; @@ -459,8 +465,10 @@ form.link button { } .primaryAction, .primaryAction:link, .primaryAction:visited { - background:#4687ad; - border:1px solid #8f8f8f; + background:#4687ad; + background: -webkit-gradient(linear, left top, left bottom, from(#4687AD), to(#366581)); + background:-moz-linear-gradient(top , #4687AD, #366581); + border:1px solid #405f71; color:#fff; } button.remove, .remove.button, .remove.button:link, .remove.button:visited { @@ -472,10 +480,13 @@ button.remove, .remove.button, .remove.button:link, .remove.button:visited { button:hover, .button:hover, button:active, .button:active, button:focus, .button:focus { - background:#ffac40; border-color:#bb8b2d; color:#fff; - text-decoration:none; + text-decoration:none; + background: #ffac40; + background: -webkit-gradient(linear, left top, left bottom, from(#ffac40), to(#f06015)); + background: -moz-linear-gradient(top, #ffac40, #f9760d); + } button:focus::-moz-focus-inner, .button:focus::-moz-focus-inner { border-color:#8a8f7a; @@ -520,7 +531,7 @@ button.remove:focus::-moz-focus-inner, .remove.button:focus::-moz-focus-inner { .manage a.button { float:right; height:inherit; - margin-left:.3em; + margin-left:.3em; }