cleaner look and code for primary button
This commit is contained in:
parent
6dfbe21446
commit
837b158914
|
@ -111,21 +111,29 @@ a.disabled, a.disabled:hover, a.disabled:focus {
|
||||||
|
|
||||||
/* Primary action button, use sparingly */
|
/* Primary action button, use sparingly */
|
||||||
.primary, input[type="submit"].primary, input[type="button"].primary, button.primary, .button.primary {
|
.primary, input[type="submit"].primary, input[type="button"].primary, button.primary, .button.primary {
|
||||||
border:1px solid #1d2d44;
|
border: 1px solid #1d2d44;
|
||||||
background:#35537a; color:#ddd; text-shadow:#000 0 -1px 0;
|
background: #35537a;
|
||||||
-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;
|
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: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 {
|
.primary:focus, input[type="submit"].primary:focus, input[type="button"].primary:focus, button.primary:focus, .button.primary:focus {
|
||||||
border:1px solid #1d2d44;
|
border: 1px solid #1d2d44;
|
||||||
background:#2d3d54; color:#fff; text-shadow:#000 0 -1px 0;
|
background: #304d76;
|
||||||
-moz-box-shadow: 0 0 1px #000, 0 1px 1px #4d5d74 inset;
|
color: #fff;
|
||||||
-webkit-box-shadow: 0 0 1px #000, 0 1px 1px #4d5d74 inset;
|
text-shadow: #000 0 -1px 0;
|
||||||
box-shadow: 0 0 1px #000, 0 1px 1px #4d5d74 inset;
|
-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 {
|
.primary:active, input[type="submit"].primary:active, input[type="button"].primary:active, button.primary:active, .button.primary:active {
|
||||||
border:1px solid #1d2d44;
|
border: 1px solid #1d2d44;
|
||||||
background:#1d2d44; color:#bbb; text-shadow:#000 0 -1px 0;
|
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;
|
-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;
|
-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;
|
box-shadow: 0 1px 1px #3d4d64, 0 1px 1px 0 rgba(0,0,0,.2) inset;
|
||||||
|
|
Loading…
Reference in New Issue