-
Notifications
You must be signed in to change notification settings - Fork 8
/
json-schema-view.css
99 lines (97 loc) · 2.09 KB
/
json-schema-view.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
/*!
* json-schema-view
* https://github.com/mohsen1/json-schema-view
* Version: 0.4.0 - 2015-04-17T19:29:44.699Z
* License: MIT
*/
.json-schema-view,
json-schema-view {
font-family: monospace;
font-size: 0;
display: table-cell;
}
.json-schema-view > *,
json-schema-view > * {
font-size: 14px;
}
.json-schema-view .toggle-handle,
json-schema-view .toggle-handle {
cursor: pointer;
margin: auto .3em;
font-size: 10px;
display: inline-block;
transform-origin: 50% 40%;
transition: transform 150ms ease-in;
}
.json-schema-view .toggle-handle:after,
json-schema-view .toggle-handle:after {
content: "▼";
}
.json-schema-view .toggle-handle,
json-schema-view .toggle-handle,
.json-schema-view .toggle-handle:hover,
json-schema-view .toggle-handle:hover {
text-decoration: none;
color: #333333;
}
.json-schema-view .description,
json-schema-view .description {
color: gray;
font-style: italic;
}
.json-schema-view .title,
json-schema-view .title {
font-weight: bold;
cursor: pointer;
}
.json-schema-view .title,
json-schema-view .title,
.json-schema-view .title:hover,
json-schema-view .title:hover {
text-decoration: none;
color: #333333;
}
.json-schema-view .property,
json-schema-view .property {
font-size: 0;
display: table-row;
}
.json-schema-view .property > *,
json-schema-view .property > * {
font-size: 14px;
padding: .2em;
}
.json-schema-view .name,
json-schema-view .name {
color: blue;
display: table-cell;
vertical-align: top;
}
.json-schema-view .type,
json-schema-view .type {
color: green;
}
.json-schema-view .required,
json-schema-view .required {
color: #ff0000;
}
.json-schema-view .inner,
json-schema-view .inner {
padding-left: 18px;
}
.json-schema-view.collapsed .description,
json-schema-view.collapsed .description {
display: none;
}
.json-schema-view.collapsed .property,
json-schema-view.collapsed .property {
display: none;
}
.json-schema-view.collapsed .closeing.brace,
json-schema-view.collapsed .closeing.brace {
display: inline-block;
}
.json-schema-view.collapsed .toggler,
json-schema-view.collapsed .toggler {
transform: rotate(-90deg);
}