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