Gitiles
Code Review Sign In
korap.ids-mannheim.de / KorAP / Kalamar / 52f7eb1e032beddb2453b66071745293bc7c79b7 / . / public / css / vc.css
blob: 2b8058cce4dd3a2206ca0e3bc71bff24ea34177a [file] [log] [blame]
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]1@charset "utf-8";
2
3/*
4 sidebar: #496000
5 orange: #f4eebb
6*/
7
8body {
9 background-color: #7ba400;
10 color: white;
11 font-family: tahoma, verdana, arial;
Nils Diewald0297ba12015-01-05 21:56:12 +0000[diff] [blame]12 font-size: 10pt;
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]13}
14
Nils Diewald0297ba12015-01-05 21:56:12 +0000[diff] [blame]15.vc .doc > span + span {
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]16 margin-left: 5pt;
17}
18
19.vc .docGroup {
20 position: relative;
21 background-color: #7ba400;
22 color: white;
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]23 display: inline-block;
24 border-radius: 10px;
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]25 border-style: solid;
Nils Diewald0297ba12015-01-05 21:56:12 +0000[diff] [blame]26
27 /* See margin-left in docGroup::before */
28 margin-left: 2.8em;
29 border-width: 0 3px 0 3px;
30 padding: .6em .5em;
31}
32
33.vc > .docGroup {
34 margin-left: 0;
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]35}
36
37.vc .operators {
38 opacity: 0;
39 white-space: nowrap;
40 padding: 0;
41 font-size: 0;
42 line-height: 0;
43}
44
Nils Diewald0297ba12015-01-05 21:56:12 +0000[diff] [blame]45.vc .operators > span {
46 cursor: pointer;
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]47 font-size: 9pt;
48 line-height: 1.3em;
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]49 padding: 0 4px;
50 display: inline-block;
51}
52
53.vc .operators > span.and {
54 background-color: white;
55 color: #7ba400;
56}
57
Nils Diewald0297ba12015-01-05 21:56:12 +0000[diff] [blame]58.vc .doc > .operators > span.and {
59 border-radius: inherit;
60 border-top-right-radius: 0;
61 border-bottom-right-radius: 0;
62}
63
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]64.vc .operators > span.or {
65 background-color: #ffa500;
66 color: white;
67}
68
69.vc .operators > span.delete {
70 background-color: red;
71 border-radius: inherit;
72 color: white;
73}
74
Nils Diewald0297ba12015-01-05 21:56:12 +0000[diff] [blame]75.vc .doc > .operators > span.delete {
76 border-top-left-radius: 0;
77 border-bottom-left-radius: 0;
78}
79
80.vc .doc > .operators {
81 margin-left: 10px;
82}
83
84.vc .docGroup[data-operation=or] > .doc::before,
85.vc .docGroup[data-operation=or] > .docGroup::before {
86 content: "oder";
87}
88
89.vc .docGroup[data-operation=and] > .doc::before,
90.vc .docGroup[data-operation=and] > .docGroup::before {
91 content: "und";
92}
93
94.vc .docGroup[data-operation] > .doc:first-child::before,
95.vc .docGroup[data-operation] > .docGroup:first-child::before {
96 content: '';
97}
98
99.vc .docGroup[data-operation] > .doc::before,
100.vc .docGroup[data-operation] > .docGroup::before {
101 display: inline-block;
102 text-align: right;
103 width: 2.2em;
104}
105
106
107.vc .docGroup[data-operation] > .doc::before {
108 padding-right: 1.2em;
109}
110
111.vc .docGroup[data-operation] > .docGroup::before {
112 position: absolute;
113}
114
115.vc .docGroup[data-operation] > .doc::before {
116 margin-right: .1em;
117}
118
119.vc .docGroup > .docGroup::before {
120 margin-left: -3.4em;
121}
122
123/*
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]124.vc .docGroup[data-operation=and]::before,
125.vc .docGroup[data-operation=and] .operators {
126 background-color: white;
127}
Nils Diewald0297ba12015-01-05 21:56:12 +0000[diff] [blame]128*/
129
130.vc .docGroup[data-operation] > .doc::before,
131.vc .docGroup[data-operation] > .docGroup::before {
132 color: #496000;
133}
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]134
135.vc .docGroup[data-operation=or] {
136 border-color: #ffa500;
137}
138
Nils Diewald0297ba12015-01-05 21:56:12 +0000[diff] [blame]139.vc .docGroup[data-operation=or] > .operators {
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]140 border-color: #ffa500;
141 background-color: #ffa500;
142 color: white;
143}
144
Nils Diewald0297ba12015-01-05 21:56:12 +0000[diff] [blame]145.docGroup > .operators {
146 z-index: 30;
147}
148
Nils Diewaldd5070b02015-01-11 01:44:47 +0000[diff] [blame]149.docGroup
150.docGroup > .operators {
Nils Diewald0297ba12015-01-05 21:56:12 +0000[diff] [blame]151 z-index: 31;
152}
153
Nils Diewaldd5070b02015-01-11 01:44:47 +0000[diff] [blame]154.docGroup
155.docGroup
156.docGroup > .operators {
Nils Diewald0297ba12015-01-05 21:56:12 +0000[diff] [blame]157 z-index: 32;
158}
159
Nils Diewaldd5070b02015-01-11 01:44:47 +0000[diff] [blame]160.docGroup
161.docGroup
162.docGroup
163.docGroup > .operators {
Nils Diewald0297ba12015-01-05 21:56:12 +0000[diff] [blame]164 z-index: 33;
165}
166
Nils Diewaldd5070b02015-01-11 01:44:47 +0000[diff] [blame]167.docGroup
168.docGroup
169.docGroup
170.docGroup
171.docGroup > .operators {
Nils Diewald0297ba12015-01-05 21:56:12 +0000[diff] [blame]172 z-index: 34;
173}
174
Nils Diewaldd5070b02015-01-11 01:44:47 +0000[diff] [blame]175.docGroup
176.docGroup
177.docGroup
178.docGroup
179.docGroup
180.docGroup > .operators {
181 z-index: 35;
182}
183
184.docGroup
185.docGroup
186.docGroup
187.docGroup
188.docGroup
189.docGroup
190.docGroup > .operators {
191 z-index: 36;
192}
193
Nils Diewald0297ba12015-01-05 21:56:12 +0000[diff] [blame]194.vc .doc > span.key,
195.vc .doc > span.value {
196 font-weight: bold;
197}
198
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]199.vc .operators {
200 color: #7ba400;
201 border-color: white;
202 text-align: center;
203 font-weight: bold;
204 border-style: solid;
205}
206
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]207.vc .docGroup > .operators {
208 position: absolute;
209 display: block;
210 top: 10px;
211 vertical-align: middle;
212}
213
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]214.vc .doc > .operators {
215 display: inline-block;
Nils Diewald0297ba12015-01-05 21:56:12 +0000[diff] [blame]216 border-color: #ffa500;
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]217 border-width: 2px 2px 2px 2px;
218 border-radius: 7px;
219}
220
221.vc .docGroup > .operators {
222 left: 3px;
223 border-width: 2px 2px 2px 0;
224 border-top-right-radius: 7px;
225 border-bottom-right-radius: 7px;
226 margin-left: 100%;
Nils Diewald0297ba12015-01-05 21:56:12 +0000[diff] [blame]227 padding: 0;
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]228}
229
230.vc .docGroup:hover {
231 background-color: rgba(255,255,255,0.2);
232}
233
234.vc .docGroup:hover > .operators,
235.vc .doc:hover > .operators {
236 opacity: 1;
237}