forked from jes-sherborne/jquery-signature-panel-plugin
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathjquery.signature-panel.css
99 lines (87 loc) · 3.45 KB
/
jquery.signature-panel.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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
/**************************************************************
*
* Basic, minimal style
*
***************************************************************/
.signature-panel-control {
border-top: 1px solid #a8acb9;
}
.signature-panel-clear {
float: left;
margin-left: 10px;
}
.signature-panel-ok {
margin-right: 10px;
float: right;
}
.signature-panel-cancel {
margin-right: 10px;
float: right;
}
.signature-panel-wrapper canvas {
cursor: default;
}
/**************************************************************
*
* iPad style
*
***************************************************************/
div.signature-panel-ipad .signature-panel-control {
background: #dfe1e6;
background: -webkit-gradient(linear, left top, left bottom, from(#f4f5f7), color-stop(0.5, #dfe1e6), color-stop(0.97, #a5a9b6), to(#a8acb9));
background: -webkit-linear-gradient(top, #f4f5f7, #dfe1e6 50%, #a5a9b6 97%, #a8acb9);
background: -moz-linear-gradient(top, #f4f5f7, #dfe1e6 50%, #a5a9b6 97%, #a8acb9);
background: -ms-linear-gradient(top, #f4f5f7, #dfe1e6 50%, #a5a9b6 97%, #a8acb9);
background: -o-linear-gradient(top, #f4f5f7, #dfe1e6 50%, #a5a9b6 97%, #a8acb9);
border-top: 1px solid #a8acb9;
font-family: HelveticaNeue, helvetica-neue, helvetica, arial, sans-serif;
}
div.signature-panel-ipad .signature-panel-control a {
padding: 7px 20px 7px 20px;
font-weight: bold;
font-size: 9pt;
text-align: center;
color: #ffffff;
cursor: pointer;
outline: 0;
-moz-box-shadow: 0 1px #717171;
-webkit-box-shadow: 0 1px #717171;
box-shadow: 0 1px #717171;
border-radius: 4px;
border-top: 1px solid #4f5153;
border-bottom: 1px solid #585d65;
border-left: 1px solid #5f6368;
border-right: 1px solid #606468;
-webkit-tap-highlight-color: rgba(0,0,0,0);
background: #486a9b;
background: -webkit-gradient(linear, left top, left bottom, from(#768aa5), color-stop(0.037, #849cbb), color-stop(0.5, #5877a2), color-stop(0.51, #486a9b), to(#4a4c9b));
background: -webkit-linear-gradient(top, #768aa5, #849cbb 3.7%, #5877a2 50%, #486a9b 51%, #4a4c9b);
background: -moz-linear-gradient(top, #768aa5, #849cbb 3.7%, #5877a2 50%, #486a9b 51%, #4a4c9b);
background: -ms-linear-gradient(top, #768aa5, #849cbb 3.7%, #5877a2 50%, #486a9b 51%, #4a4c9b);
background: -o-linear-gradient(top, #768aa5, #849cbb 3.7%, #5877a2 50%, #486a9b 51%, #4a4c9b);
text-shadow: #506684 0px -1px 0px;
text-decoration: none;
width: 60px;
display: inline-block;
margin-top: 4px;
}
div.signature-panel-ipad .signature-panel-control a:active {
background: #3A557D;
background: -webkit-gradient(linear, left top, left bottom, from(#5F6F85), color-stop(0.037, #687B94), color-stop(0.5, #476082), color-stop(0.51, #3A557D), to(#3A557D));
background: -webkit-linear-gradient(top, #5F6F85, #687B94 3.7%, #476082 50%, #3A557D 51%, #3A557D);
background: -moz-linear-gradient(top, #5F6F85, #687B94 3.7%, #476082 50%, #3A557D 51%, #3A557D);
background: -ms-linear-gradient(top, #5F6F85, #687B94 3.7%, #476082 50%, #3A557D 51%, #3A557D);
background: -o-linear-gradient(top, #5F6F85, #687B94 3.7%, #476082 50%, #3A557D 51%, #3A557D);
}
div.signature-panel-ipad .signature-panel-clear {
float: left;
margin-left: 5px;
}
div.signature-panel-ipad .signature-panel-ok {
margin-right: 5px;
float: right;
}
div.signature-panel-ipad .signature-panel-cancel {
margin-right: 5px;
float: right;
}