From 837b158914099f9512fd47064d04d3f6e4cf20fb Mon Sep 17 00:00:00 2001 From: Jan-Christoph Borchardt Date: Tue, 23 Jul 2013 17:10:36 +0200 Subject: [PATCH] cleaner look and code for primary button --- core/css/styles.css | 28 ++++++++++++++++++---------- 1 file changed, 18 insertions(+), 10 deletions(-) diff --git a/core/css/styles.css b/core/css/styles.css index 484429b670..379f75b7ed 100644 --- a/core/css/styles.css +++ b/core/css/styles.css @@ -111,21 +111,29 @@ a.disabled, a.disabled:hover, a.disabled:focus { /* Primary action button, use sparingly */ .primary, input[type="submit"].primary, input[type="button"].primary, button.primary, .button.primary { - border:1px solid #1d2d44; - background:#35537a; color:#ddd; text-shadow:#000 0 -1px 0; - -moz-box-shadow:0 0 1px #000,0 1px 1px #6d7d94 inset; -webkit-box-shadow:0 0 1px #000,0 1px 1px #6d7d94 inset; box-shadow:0 0 1px #000,0 1px 1px #6d7d94 inset; + border: 1px solid #1d2d44; + background: #35537a; + color: #ddd; + text-shadow: #000 0 -1px 0; + -moz-box-shadow: 0 0 1px #000, 0 1px 0 #6d7d94 inset; + -webkit-box-shadow: 0 0 1px #000, 0 1px 0 #6d7d94 inset; + box-shadow: 0 0 1px #000, 0 1px 0 #6d7d94 inset; } .primary:hover, input[type="submit"].primary:hover, input[type="button"].primary:hover, button.primary:hover, .button.primary:hover, .primary:focus, input[type="submit"].primary:focus, input[type="button"].primary:focus, button.primary:focus, .button.primary:focus { - border:1px solid #1d2d44; - background:#2d3d54; color:#fff; text-shadow:#000 0 -1px 0; - -moz-box-shadow: 0 0 1px #000, 0 1px 1px #4d5d74 inset; - -webkit-box-shadow: 0 0 1px #000, 0 1px 1px #4d5d74 inset; - box-shadow: 0 0 1px #000, 0 1px 1px #4d5d74 inset; + border: 1px solid #1d2d44; + background: #304d76; + color: #fff; + text-shadow: #000 0 -1px 0; + -moz-box-shadow: 0 0 1px #000, 0 1px 0 #4d5d74 inset; + -webkit-box-shadow: 0 0 1px #000, 0 1px 0 #4d5d74 inset; + box-shadow: 0 0 1px #000, 0 1px 0 #4d5d74 inset; } .primary:active, input[type="submit"].primary:active, input[type="button"].primary:active, button.primary:active, .button.primary:active { - border:1px solid #1d2d44; - background:#1d2d44; color:#bbb; text-shadow:#000 0 -1px 0; + border: 1px solid #1d2d44; + background: #1d2d44; + color: #bbb; + text-shadow: #000 0 -1px 0; -moz-box-shadow: 0 1px 1px #3d4d64, 0 1px 1px 0 rgba(0,0,0,.2) inset; -webkit-box-shadow: 0 1px 1px #3d4d64, 0 1px 1px 0 rgba(0,0,0,.2) inset; box-shadow: 0 1px 1px #3d4d64, 0 1px 1px 0 rgba(0,0,0,.2) inset;