From 28133ec1e9792be14ca41b6a8f827f2600772b93 Mon Sep 17 00:00:00 2001 From: Jonathan Wall Date: Sat, 6 Nov 2010 19:47:36 -0700 Subject: [PATCH] Initial CSS changes to buttons in the admin. --HG-- branch : dev --- .../Themes/TheAdmin/Styles/site.css | 81 ++++++++++++++++++- 1 file changed, 77 insertions(+), 4 deletions(-) diff --git a/src/Orchard.Web/Themes/TheAdmin/Styles/site.css b/src/Orchard.Web/Themes/TheAdmin/Styles/site.css index 1176191da..c70e8171f 100644 --- a/src/Orchard.Web/Themes/TheAdmin/Styles/site.css +++ b/src/Orchard.Web/Themes/TheAdmin/Styles/site.css @@ -548,7 +548,7 @@ textarea { padding:4px; width:98.662%; } -button, .button, .button:link, .button:visited { +/*button, .button, .button:link, .button:visited { background:#F5F5F5; background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#cbcbcb)); background:-moz-linear-gradient(top , #F5F5F5, #cbcbcb); @@ -562,7 +562,7 @@ button, .button, .button:link, .button:visited { -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; border:0; @@ -584,7 +584,7 @@ button.remove, .remove.button, .remove.button:link, .remove.button:visited { border-color:#d6c9c7; color:#5c3732; } -button:hover, .button:hover, +/*button:hover, .button:hover, button:active, .button:active, button:focus, .button:focus { border-color:#bb8b2d; @@ -594,7 +594,7 @@ button:focus, .button:focus { 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; } @@ -610,7 +610,80 @@ button.remove:focus::-moz-focus-inner, .remove.button:focus::-moz-focus-inner { } .delete.button { float:right; +}s + + +input[type="submit"], input[type="reset"], input[type="button"], button, .button, .button:link, .button:visited + { + font-size: 107.7%; /*14px*/ + color:#333; + background:#F5F5F5; + border:1px solid #999; + cursor:pointer; + min-width:80px; + padding: 1px; + text-align:center; + + /*CSS3 properties*/ + filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#f5f5f5', endColorstr='#cbcbcb'); + background: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#cbcbcb)); + background: -moz-linear-gradient(top, #f5f5f5, #cbcbcb); + box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 1.0), 1px 1px 1px rgba(102, 102, 102, 0.3); + -webkit-box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 1.0), 1px 1px 1px rgba(102, 102, 102, 0.3); + -moz-box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 1.0), 1px 1px 1px rgba(102, 102, 102, 0.3); + border-radius: 3px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + } + +s +input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover, .button:hover, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, +button:active, .button:active { + text-decoration:none; + background: #ffac40; + color:#fff; + border:1px solid #bb8b2d; + + /*CSS3 properties*/ + filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#ffac40', endColorstr='#f9760d'); + background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffac40), to(#f9760d)); + background: -moz-linear-gradient(top, #ffac40, #f9760d); } + +/*input[type="submit"]:active, +input[type="reset"]:active, +input[type="button"]:active, +button:active { + text-decoration:none; + background: #62a9e2; + color:#fff; + border:1px solid #093253; + + /*CSS3 properties + filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#72b8f2', endColorstr='#3078b3'); + background: -webkit-gradient(linear, 0 0, 0 100%, from(#72b8f2), to(#3078b3)); + background: -moz-linear-gradient(top, #72b8f2, #3078b3); + box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 1.0), 1px 1px 1px rgba(102, 102, 102, 0.3); + -moz-box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 1.0), 1px 1px 1px rgba(102, 102, 102, 0.3); + -webkit-box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 1.0), 1px 1px 1px rgba(102, 102, 102, 0.3); +}*/ + + +input[type="submit"]:focus::-moz-focus-inner, button:focus::-moz-focus-inner { + border: 1px dotted transparent; +} + + + + + + + + + + + + .cancel { margin:0 0 0 .93em; }