Book a Demo!
CoCalc Logo Icon
StoreFeaturesDocsShareSupportNewsAboutPoliciesSign UpSign In
oorrja
GitHub Repository: oorrja/learntosolveit
Path: blob/master/source/_themes/flask/static/button.css
1241 views
1
.button {
2
border: 1px solid #1e4018;
3
background: #599c3e;
4
background: -webkit-gradient(linear, left top, left bottom, from(#8ad665), to(#599c3e));
5
background: -webkit-linear-gradient(top, #8ad665, #599c3e);
6
background: -moz-linear-gradient(top, #8ad665, #599c3e);
7
background: -ms-linear-gradient(top, #8ad665, #599c3e);
8
background: -o-linear-gradient(top, #8ad665, #599c3e);
9
background-image: -ms-linear-gradient(top, #8ad665 0%, #599c3e 100%);
10
padding: 9.5px 19px;
11
-webkit-border-radius: 14px;
12
-moz-border-radius: 14px;
13
border-radius: 14px;
14
-webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
15
-moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
16
box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
17
text-shadow: #7f93bd 0 1px 0;
18
color: #fafafa;
19
font-size: 15px;
20
font-family: helvetica, serif;
21
text-decoration: none;
22
vertical-align: middle;
23
}
24
.button:hover {
25
border: 1px solid #264018;
26
text-shadow: #1e5732 0 1px 0;
27
background: #3e899c;
28
background: -webkit-gradient(linear, left top, left bottom, from(#65b1d4), to(#3e899c));
29
background: -webkit-linear-gradient(top, #65b1d4, #3e899c);
30
background: -moz-linear-gradient(top, #65b1d4, #3e899c);
31
background: -ms-linear-gradient(top, #65b1d4, #3e899c);
32
background: -o-linear-gradient(top, #65b1d4, #3e899c);
33
background-image: -ms-linear-gradient(top, #65b1d4 0%, #3e899c 100%);
34
color: #fff;
35
}
36
.button:active {
37
text-shadow: #1e4158 0 1px 0;
38
border: 1px solid #0a3c59;
39
background: #65a9d7;
40
background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#3e899c));
41
background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
42
background: -moz-linear-gradient(top, #3e779d, #65a9d7);
43
background: -ms-linear-gradient(top, #3e779d, #65a9d7);
44
background: -o-linear-gradient(top, #3e779d, #65a9d7);
45
background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%);
46
color: #fff;
47
}
48