-
Notifications
You must be signed in to change notification settings - Fork 3
/
Copy pathbutton.css
42 lines (41 loc) · 1.91 KB
/
button.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
a.button, input.button {
font-size: 1em !important;
text-decoration: none;
cursor: pointer;
display: inline-block;
position: relative;
font-weight: bold;
padding: .4em 1.25em;
color: #e5ffff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
-moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
background: #3ba4c7;
background: -webkit-gradient(linear, left top, left bottom, from(#3ba4c7), to(#1982a5));
background: -webkit-linear-gradient(#FF9900, #CC9900);
background-image: -moz-linear-gradient(top, #3ba4c7, #1982a5);
background-image: -moz-gradient(top, #3ba4c7, #1982a5);
border: 1px solid #004f72;
}
a.button:hover, input.button:hover {
background: #3ba4c7;
background: -webkit-gradient(linear, left top, left bottom, from(#3ba4c7), to(#319abd));
background: -webkit-linear-gradient(#FF9900, #CCCC00);
background-image: -moz-linear-gradient(top, #3ba4c7, #319abd);
background-image: -moz-gradient(top, #3ba4c7, #319abd);
}
a.button:active, input.button:active {
top: 1px;
background: #319abd;
background: -webkit-gradient(linear, left top, left bottom, from(#319abd), to(#3ba4c7));
background: -webkit-linear-gradient(#319abd, #3ba4c7);
background-image: -moz-linear-gradient(top, #319abd, #3ba4c7);
background-image: -moz-gradient(top, #319abd, #3ba4c7);
-webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.4), 0 1px 0 0 #ffffff;
-moz-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.4), 0 1px 0 0 #ffffff;
box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.4), 0 1px 0 0 #ffffff;
}