wbrawner/server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

cleaner look and code for primary button

Browse source
This commit is contained in:
Jan-Christoph Borchardt 2013-07-23 17:10:36 +02:00
parent 6dfbe21446
commit 837b158914
1 changed files with 18 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
core/css/styles.css
View file

@ -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;