|
6 | 6 |
|
7 | 7 | <title>generate key pair</title> |
8 | 8 |
|
9 | | - <base href='https://ext-code.com/utils/x509/generate-keypair/'> |
10 | | - <base href='https://javascript-2020.github.io/utils/x509/generate-keypair/'> |
| 9 | + <base href='https://ext-code.com/utils/x509/generate-key-pair/'> |
| 10 | + <base href='https://javascript-2020.github.io/utils/x509/generate-key-pair/'> |
11 | 11 |
|
12 | 12 | <link rel='shortcut icon' type='image/x-icon' href='images/favicon.ico'> |
13 | 13 |
|
|
19 | 19 |
|
20 | 20 | <style> |
21 | 21 |
|
22 | | - html |
23 | | - {height:100%} |
24 | | - body |
25 | | - {height:calc(100% - 42px);margin:20px;display:flex;flex-direction:column;font-family:arial} |
26 | | - .hdr |
27 | | - {font-family:arial;position:relative;margin-top:0;margin-bottom:20px;background:white; |
28 | | - padding-bottom:10px;border-bottom:3px solid lightblue} |
29 | | - .hdr-icon |
30 | | - {display:inline-block;text-align:center;background:whitesmoke;border-radius:5px; |
31 | | - border:1px solid lightgray;padding:5px 3px 0px;cursor:pointer;margin-right:10px; |
32 | | - min-width:50px} |
33 | | - .hdr-icon-img |
34 | | - {width:25px;height:25px} |
35 | | - .hdr-icon-label |
36 | | - {margin:2px 0 0} |
37 | | - .hdr-title |
38 | | - {position:absolute;left:0;right:0;z-index:0;margin:0 auto} |
39 | | - .hdr-date |
40 | | - {float:right} |
41 | | - |
42 | | - input |
43 | | - {padding:5px 10px;font-size:16px} |
44 | | - input[type=button] |
45 | | - {cursor:pointer} |
46 | | - |
47 | | - #btns |
48 | | - {margin-bottom:20px} |
49 | | - #view |
50 | | - {display:flex;flex:1;gap:20px} |
51 | | - #private-root |
52 | | - {flex:1;display:flex;flex-direction:column} |
53 | | - #private |
54 | | - {flex:1} |
55 | | - #public-root |
56 | | - {flex:1;display:flex;flex-direction:column} |
57 | | - #public |
58 | | - {flex:1} |
59 | | - pre |
60 | | - {border:1px solid lightgray;padding:10px;font-family:monospace} |
| 22 | + html |
| 23 | + {height:100%} |
| 24 | + body |
| 25 | + {height:calc(100% - 42px);margin:20px;display:flex;flex-direction:column;font-family:arial} |
| 26 | + .hdr |
| 27 | + {font-family:arial;position:relative;margin-top:0;margin-bottom:20px;background:white; |
| 28 | + padding-bottom:10px;border-bottom:3px solid lightblue} |
| 29 | + .hdr-icon |
| 30 | + {display:inline-block;text-align:center;background:whitesmoke;border-radius:5px; |
| 31 | + border:1px solid lightgray;padding:5px 3px 0px;cursor:pointer;margin-right:10px; |
| 32 | + min-width:50px} |
| 33 | + .hdr-icon-img |
| 34 | + {width:25px;height:25px} |
| 35 | + .hdr-icon-label |
| 36 | + {margin:2px 0 0} |
| 37 | + .hdr-title |
| 38 | + {position:absolute;left:0;right:0;z-index:0;margin:0 auto} |
| 39 | + .hdr-date |
| 40 | + {float:right} |
| 41 | + |
| 42 | + input |
| 43 | + {padding:5px 10px;font-size:16px} |
| 44 | + input[type=button] |
| 45 | + {cursor:pointer} |
| 46 | + |
| 47 | + #btns |
| 48 | + {margin-bottom:20px} |
| 49 | + #view |
| 50 | + {display:flex;flex:1;gap:20px} |
| 51 | + #private-root |
| 52 | + {flex:1;display:flex;flex-direction:column} |
| 53 | + #private |
| 54 | + {flex:1} |
| 55 | + #public-root |
| 56 | + {flex:1;display:flex;flex-direction:column} |
| 57 | + #public |
| 58 | + {flex:1} |
| 59 | + pre |
| 60 | + {border:1px solid lightgray;padding:10px;font-family:monospace} |
61 | 61 |
|
62 | 62 | </style> |
63 | 63 |
|
|
0 commit comments