dpv/diagrams/common.css at dev · w3c/dpv · GitHub

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
table {
  width:  auto;
  margin-bottom: 10px;
  border-collapse:collapse
}
th, td {
  border:thin solid gray;
  padding: 0.3em;
}
figure {
  margin: 2px;
  padding: 2px;
  border: 1px solid black;
}
.term-contents {
  box-shadow: 2px 2px 2px darkgray;
  border-top: 1px solid lightgray;
  border-left: 1px solid lightgray;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 2px;
}
table.term-contents tr {
  border-bottom: 1px ridge lightgray;
}
tr.table-separator {
  height: 2px;
  border-bottom: dashed 2px lightgray;
}
table.term-contents tbody tr th {
  color: #333;
  border: none;
  font-family: monospace;
  font-size: 0.7rem;
}
table.term-contents tbody tr td {
  border: none;
}
tr.technical-detail {
  /*font-family: monospace;*/
}
.concept-list li {
  list-style-type: decimal;
}
.concept-list li ul li {
  list-style-type: lower-latin;
}
.concept-list li ul li ul li {
  list-style-type: decimal;
}
.concept-list li ul li ul li ul li {
  list-style-type: upper-latin;
}
.concept-list ul {
  border-left: 3px solid lightgray;
}
.list-hierarchy {
  border: 1px solid lightgray;
}
.toggle {
  cursor: pointer;
}
.toggle::before {
  display: inline-block;
  content: "+";
  background-color: lightgray;
  padding-left: 5px;
  padding-right: 5px;
  box-shadow: 1px 1px 1px #AAA;
}
.btn-hierarchy {
  padding-left: 5px;
  padding-top: 2px;
  font-family: monospace;
  font-size: 0.5rem;

}
.toggle.show::before {
  content: "-";
  background-color: lightgray;
  padding-left: 5px;
  padding-right: 5px;
  box-shadow: 1px 1px 1px #AAA;
}
.concept-list ul li ul { display: none; }
.toggle.show + ul { display: block; }
.btn-expand, .btn-collapse {
  background-color: white;
  border: 1px solid darkgray;
  background-color: lightgray;
  padding-left: 5px;
  padding-right: 5px;
  box-shadow: 1px 1px 1px #AAA;
  margin-right: 5px;
}
.btn-expand:focus, .btn-collapse:focus {
  background-color: darkgray;
  border: 1px solid lightgray;
}