Gitiles
Code Review Sign In
korap.ids-mannheim.de / KorAP / Kalamar / 5975d7044884d86cd38d2ab59700bc705cd3ef77 / . / public / css / vc.css
blob: c64558a25db8ea7960191694bffd240de4d3fdc0 [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
Nils Diewald86dad5b2015-01-28 15:09:07 +0000[diff] [blame]33.vc .rewritten .rewrite {
Nils Diewald2fe12e12015-03-06 16:47:06 +0000[diff] [blame]34 margin-left: 4pt;
Nils Diewald86dad5b2015-01-28 15:09:07 +0000[diff] [blame]35 display: inline-block;
Nils Diewald2fe12e12015-03-06 16:47:06 +0000[diff] [blame]36 color: #ffa500;
37}
38
39.vc .rewritten .rewrite:after {
40 font-family: FontAwesome;
41 font-style: normal;
42 font-weight: normal;
43 content: "\f040"; // "\f14b";
44 text-decoration: underline;
Nils Diewald86dad5b2015-01-28 15:09:07 +0000[diff] [blame]45}
46
47.vc .rewritten .rewrite span {
48 display: none;
49}
50
Nils Diewald2fe12e12015-03-06 16:47:06 +0000[diff] [blame]51/*
Nils Diewald86dad5b2015-01-28 15:09:07 +0000[diff] [blame]52.vc .rewritten .rewrite:hover span {
53 display: block;
54}
Nils Diewald2fe12e12015-03-06 16:47:06 +0000[diff] [blame]55*/
Nils Diewald86dad5b2015-01-28 15:09:07 +0000[diff] [blame]56
Nils Diewald6ac292b2015-01-15 21:33:21 +0000[diff] [blame]57.vc .docGroup .docGroup {
58 display: block;
59}
60
Nils Diewald0297ba12015-01-05 21:56:12 +0000[diff] [blame]61.vc > .docGroup {
62 margin-left: 0;
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]63}
64
65.vc .operators {
66 opacity: 0;
67 white-space: nowrap;
68 padding: 0;
69 font-size: 0;
70 line-height: 0;
71}
72
Nils Diewald0297ba12015-01-05 21:56:12 +0000[diff] [blame]73.vc .operators > span {
74 cursor: pointer;
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]75 font-size: 9pt;
76 line-height: 1.3em;
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]77 padding: 0 4px;
78 display: inline-block;
79}
80
81.vc .operators > span.and {
82 background-color: white;
83 color: #7ba400;
84}
85
Nils Diewald0297ba12015-01-05 21:56:12 +0000[diff] [blame]86.vc .doc > .operators > span.and {
87 border-radius: inherit;
88 border-top-right-radius: 0;
89 border-bottom-right-radius: 0;
90}
91
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]92.vc .operators > span.or {
93 background-color: #ffa500;
94 color: white;
95}
96
97.vc .operators > span.delete {
98 background-color: red;
99 border-radius: inherit;
100 color: white;
101}
102
Nils Diewald0297ba12015-01-05 21:56:12 +0000[diff] [blame]103.vc .doc > .operators > span.delete {
104 border-top-left-radius: 0;
105 border-bottom-left-radius: 0;
106}
107
108.vc .doc > .operators {
109 margin-left: 10px;
110}
111
112.vc .docGroup[data-operation=or] > .doc::before,
113.vc .docGroup[data-operation=or] > .docGroup::before {
114 content: "oder";
115}
116
117.vc .docGroup[data-operation=and] > .doc::before,
118.vc .docGroup[data-operation=and] > .docGroup::before {
119 content: "und";
120}
121
122.vc .docGroup[data-operation] > .doc:first-child::before,
123.vc .docGroup[data-operation] > .docGroup:first-child::before {
124 content: '';
125}
126
127.vc .docGroup[data-operation] > .doc::before,
128.vc .docGroup[data-operation] > .docGroup::before {
129 display: inline-block;
130 text-align: right;
131 width: 2.2em;
132}
133
134
135.vc .docGroup[data-operation] > .doc::before {
136 padding-right: 1.2em;
137}
138
139.vc .docGroup[data-operation] > .docGroup::before {
140 position: absolute;
141}
142
143.vc .docGroup[data-operation] > .doc::before {
144 margin-right: .1em;
145}
146
147.vc .docGroup > .docGroup::before {
148 margin-left: -3.4em;
149}
150
151/*
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]152.vc .docGroup[data-operation=and]::before,
153.vc .docGroup[data-operation=and] .operators {
154 background-color: white;
155}
Nils Diewald0297ba12015-01-05 21:56:12 +0000[diff] [blame]156*/
157
158.vc .docGroup[data-operation] > .doc::before,
159.vc .docGroup[data-operation] > .docGroup::before {
160 color: #496000;
161}
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]162
163.vc .docGroup[data-operation=or] {
164 border-color: #ffa500;
165}
166
Nils Diewald0297ba12015-01-05 21:56:12 +0000[diff] [blame]167.vc .docGroup[data-operation=or] > .operators {
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]168 border-color: #ffa500;
169 background-color: #ffa500;
170 color: white;
171}
172
Nils Diewald0297ba12015-01-05 21:56:12 +0000[diff] [blame]173.docGroup > .operators {
174 z-index: 30;
175}
176
Nils Diewaldd5070b02015-01-11 01:44:47 +0000[diff] [blame]177.docGroup
178.docGroup > .operators {
Nils Diewald0297ba12015-01-05 21:56:12 +0000[diff] [blame]179 z-index: 31;
180}
181
Nils Diewaldd5070b02015-01-11 01:44:47 +0000[diff] [blame]182.docGroup
183.docGroup
184.docGroup > .operators {
Nils Diewald0297ba12015-01-05 21:56:12 +0000[diff] [blame]185 z-index: 32;
186}
187
Nils Diewaldd5070b02015-01-11 01:44:47 +0000[diff] [blame]188.docGroup
189.docGroup
190.docGroup
191.docGroup > .operators {
Nils Diewald0297ba12015-01-05 21:56:12 +0000[diff] [blame]192 z-index: 33;
193}
194
Nils Diewaldd5070b02015-01-11 01:44:47 +0000[diff] [blame]195.docGroup
196.docGroup
197.docGroup
198.docGroup
199.docGroup > .operators {
Nils Diewald0297ba12015-01-05 21:56:12 +0000[diff] [blame]200 z-index: 34;
201}
202
Nils Diewaldd5070b02015-01-11 01:44:47 +0000[diff] [blame]203.docGroup
204.docGroup
205.docGroup
206.docGroup
207.docGroup
208.docGroup > .operators {
209 z-index: 35;
210}
211
212.docGroup
213.docGroup
214.docGroup
215.docGroup
216.docGroup
217.docGroup
218.docGroup > .operators {
219 z-index: 36;
220}
221
Nils Diewald0297ba12015-01-05 21:56:12 +0000[diff] [blame]222.vc .doc > span.key,
223.vc .doc > span.value {
224 font-weight: bold;
225}
226
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]227.vc .operators {
228 color: #7ba400;
229 border-color: white;
230 text-align: center;
231 font-weight: bold;
232 border-style: solid;
233}
234
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]235.vc .docGroup > .operators {
236 position: absolute;
237 display: block;
238 top: 10px;
239 vertical-align: middle;
240}
241
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]242.vc .doc > .operators {
243 display: inline-block;
Nils Diewald0297ba12015-01-05 21:56:12 +0000[diff] [blame]244 border-color: #ffa500;
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]245 border-width: 2px 2px 2px 2px;
246 border-radius: 7px;
247}
248
249.vc .docGroup > .operators {
250 left: 3px;
251 border-width: 2px 2px 2px 0;
252 border-top-right-radius: 7px;
253 border-bottom-right-radius: 7px;
254 margin-left: 100%;
Nils Diewald0297ba12015-01-05 21:56:12 +0000[diff] [blame]255 padding: 0;
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]256}
257
258.vc .docGroup:hover {
Nils Diewald86dad5b2015-01-28 15:09:07 +0000[diff] [blame]259 background-color: rgba(255,255,255,0.05);
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]260}
261
262.vc .docGroup:hover > .operators,
263.vc .doc:hover > .operators {
264 opacity: 1;
265}
Nils Diewald59c02fc2015-03-07 01:29:09 +0000[diff] [blame]266
267.vc ul > li.active {
268 background-color: rgba(255,255,255,.3);
269}
270
271.vc ul > li mark {
272 text-decoration: underline;
273 background-color: transparent;
274 color: white;
275 font-weight: bold; /* #496000; */
276}