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