-
Notifications
You must be signed in to change notification settings - Fork 10
/
audit.css
129 lines (125 loc) · 3.89 KB
/
audit.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
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
.kwbp { border-top: thin solid #ccc;
padding-bottom: 2rem;
padding-top: 1rem;
border-bottom: thin solid #ccc; }
.kwbp .fa { font-size: 11pt; }
.kwbp .hide { display: none; }
.kwbp input { display: none; }
.kwbp input ~ section { display: none; }
.kwbp input ~ header .audit-toplevel-shown,
.kwbp input ~ header .audit-is-shown
{ display: none; }
.kwbp input ~ header { font-size: 0; }
.kwbp input ~ header > * { font-size: 13pt; }
.kwbp input ~ header label { padding: 0.2rem 0.5rem;
margin: 0.5rem auto;
border: 2px solid #ccc;
cursor: pointer;
color: #000;
border-radius: 0.5rem;
transition: border 2s linear, background-color 0.2s linear, color 0.2s linear;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.kwbp .noop > input ~ header label
{ color: #888; }
.kwbp input ~ header label > span:first-child
{ -webkit-box-flex: 1;
-ms-flex: 1;
flex: 1; }
.kwbp input ~ header label > span:last-child > span
{ display: inline-block;
text-align: right;
width: 4.5ex; }
.kwbp input:checked ~ header .audit-is-shown
{ display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: #fff;
background-color: #888;
border: 2px solid #666; }
.kwbp input ~ header .audit-toplevel-shown:hover
{ border: 2px solid #aaa;
background-color: rgba(255, 255, 0, 0.1); }
.kwbp input:checked ~ section { display: block;
padding: 0 1rem; }
.kwbp .audit-toplevel-view:checked ~ article header .audit-toplevel-shown
{ display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.kwbp .audit-data-field-noexport
{ color: #aaa; }
.kwbp #kwbp-aside .audit-data-field-noexport
{ color: red; }
.kwbp .audit-data-list > div { width: 100%;
display: inline-block; }
.kwbp .audit-noentry { color: #666;
font-style: italic; }
.kwbp .audit-link { cursor: pointer;
border-bottom: 1px dotted rgba(0, 0, 255, 0.4); }
.kwbp h1 { font-weight: 500;
margin: 0;
font-size: larger; }
.kwbp h2 { font-weight: 400;
font-variant: small-caps;
text-align: left;
color: #888;
margin: 0;
margin-top: 1rem;
font-size: inherit; }
.kwbp h3 { font-weight: 400;
font-size: inherit; }
.kwbp h4 { margin: 8pt 0;
font-weight: 400;
font-size: inherit; }
.kwbp .audit-access-list > section > section > h4:first-child
{ margin-top: 2pt; }
.kwbp h5 { font-size: inherit;
font-variant: small-caps;
color: #888;
margin-bottom: 0;
margin-top: 1em;
font-weight: 400; }
.kwbp #kwbp-parsed { position: relative;
width: 100%; }
.kwbp #kwbp-parsed > aside { position: fixed;
width: 50%;
top: 0;
-webkit-transition: left 0.2s linear;
-o-transition: left 0.2s linear;
transition: left 0.2s linear;
box-shadow: 2px 2px 2px #666;
background-color: #ccc;
left: 50%; }
.kwbp #kwbp-parsed > aside.hide { display: block;
left: 102%; }
.kwbp #kwbp-aside > div { position: relative;
padding: 1.5rem; }
.kwbp #kwbp-aside-close { position: absolute;
z-index: 10;
top: 4px;
cursor: pointer;
color: #666;
left: 4px; }
.kwbp #kwbp-aside-close:hover { color: #000; }
.kwbp code { font-family: monospace;
font-size: smaller; }
.kwbp .audit-accessfrom-paths > li > span.path + span.path:before
{ content: ' \2192 '; }
.kwbp .audit-accessfrom-paths { margin: 0;
padding-left: 1em; }
.kwbp footer { font-size: smaller;
padding: 1rem;
text-align: center; }
@media (min-width: 75ex) {
.kwbp .audit-data-list > div { width: 48%; }
}
@media (min-width: 125ex) {
.kwbp .audit-data-list > div { width: 30%; }
}
@media (min-width: 175ex) {
.kwbp .audit-data-list > div { width: 23%; }
}
@media (min-width: 225ex) {
.kwbp .audit-data-list > div { width: 18%; }
}