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