Diff

Differences From Artifact [40c7a5a8c8]:

To Artifact [80f230e669]:


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







-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-



-
-
-
-
-
+
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-

<html>
	<head>
		<title>CACKey PIN Entry</title>
		<style>
			body {
				margin: 0px;
			}

			.pin-dialog {
				font-family: Roboto;
				width: 240px;
				background: white;
				margin: 20px;
			}

			.pin-body, .pin-heading {
				padding: 0px 16px;
			}

			.pin-heading h1 {
				font-size: 15px;
				font-weight: 500;
				padding-top: 18px;
				color: rgba(0, 0, 0, 0.87);
			}

			.pin-body {
				font-size: 13px;
				color: rgba(0, 0, 0, 0.54);
				line-height: 1.4;
				padding-top: 20px;
			}

			.pin-body input {
				width: 100%;
				padding: 5px;
				border-radius: 3px;
				border: 1px solid #cacaca;
				box-sizing: border-box;
			}

			.pin-buttons {
				text-align: right;
			}

			.pin-buttons button {
				margin: 12px 0px;
				height: 32px;
				padding: 0px 16px;
				background: none;
				border: none;
				cursor: pointer;
				font-size: 13px;
				text-transform: uppercase;
				color: #4285f4;
				font-weight: 500;
			}

			.pin-buttons button:hover, .pin-buttons button:focus {
				background-color: rgba(0, 0, 0, 0.08);
			}

			.pin-buttons button:active {
				background-color: rgba(0, 0, 0, 0.14);
			}

			.pin-buttons #ok {
				margin-left: 16px;
				margin-right: 8px;
			}

			.pin-buttons #cancel {
				margin-right: 16px;
			}
		</style>
		<script type="text/javascript" src="pin.js"></script>
	</head>
	<div class="pin-dialog">
		<div class="pin-heading">
			<h1 id="header">CACKey</h1>
		</div>

	<body bgcolor="#e4e4e4" color="#000000">
		<div class="pin-body">
			<form>
				<div>
					<label id="input-label" for="input"><div id="prompt">Enter Smart Card PIN</div></label>
				</div>
				<div>
					<input id="pin" type="password" autofocus/>
				</div>
				<div class="pin-buttons">
					<button id="ok" type="submit">OK</button>
					<button id="cancel" type="button">Cancel</button>
				</div>
			</form>
		</div>
		<form>
			<table width="100%" border="0" cellspacing="5" cellpadding="0">
				<tr width="100%" align="left" valign="bottom">
					<td rowspan="4"><img src="pin-icon.png" alt=""></td>
				</tr>
				<tr width="100%" align="left" valign="bottom">
					<td></td>
					<td colspan="2"><div id="prompt" style="font-size: 0.8em;">PIN Entry Required</div></td>
				</tr>
				<tr width="100%" align="left" valign="center">
					<td></td>
					<td>PIN:</td>
					<td><input type="password" name="pin" id="pin" style="width: 100%;" autofocus></td>
				</tr>
				<tr width="100%" align="right" valign="top">
					<td></td>
					<td colspan="2">
						<input type="button" class="button" name="ok" id="ok" value="OK" style="min-width: 4em;">
						<input type="button" class="button" name="cancel" id="cancel" value="Cancel" style="min-width: 4em;">
					</td>
				</tr>
			</table>
		</form>
	</body>
	</div>
</html>