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
100
101
102
103
104
105
106
107
108
|
<style>
table.hidden {
display: none;
}
td {
width: auto;
font-size: 0.7rem;
}
td.label {
font-weight: 600;
text-align: right;
vertical-align: top;
padding-right: 1em;
}
div.content-setting {
padding: 10px;
}
.pattern {
border: 1px solid lightgray;
padding: 5px;
border-radius: 10px;
display: inline-block;
margin-left: 2rem;
}
.pattern:first-of-type {
margin-left: 0rem;
}
span.block {
display: block;
}
.id-primary-pattern,
.id-secondary-pattern {
font-weight: bold;
}
.id-primary-pattern,
.id-secondary-pattern,
.id-source {
font-size: 0.75rem;
}
.pattern-type {
font-size: 0.5rem;
}
</style>
<div class="content-setting">
<button type="button" id="expand-button">Details</button>
<div class="pattern">
<span class="block pattern-type">Primary</span>
<span class="block id-primary-pattern"></span>
</div>
<div class="pattern">
<span class="block pattern-type">Secondary</span>
<span class="block id-secondary-pattern"></span>
</div>
<div class="pattern">
<span class="block pattern-type">Source</span>
<span class="block id-source"></span>
</div>
<table id="metadata">
<tbody>
<tr>
<td class="label">Value:</td>
<td class="value id-value"></td>
</tr>
<tr>
<td class="label">Incognito:</td>
<td class="value id-incognito"></td>
</tr>
<tr>
<td class="label">Last Modified:</td>
<td class="value id-last-modified"></td>
</tr>
<tr>
<td class="label">Last Used:</td>
<td class="value id-last-used"></td>
</tr>
<tr>
<td class="label">Last Visited:</td>
<td class="value id-last-visited"></td>
</tr>
<tr>
<td class="label">Expiration:</td>
<td class="value id-expiration"></td>
</tr>
<tr>
<td class="label">Session Model:</td>
<td class="value id-session-model"></td>
</tr>
<tr>
<td class="label">Lifetime:</td>
<td class="value id-lifetime"></td>
</tr>
</tbody>
</table>
</div>
|
