Gitiles
Code Review Sign In
korap.ids-mannheim.de / KorAP / Kalamar / 0297ba19cb4089735548d33f9633cac865bd23a3 / . / public / css / vc.css
blob: 0b25c661dbf48ca88008ea4a7a0a156318dc6173 [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
149.docGroup .docGroup > .operators {
150 z-index: 31;
151}
152
153.docGroup .docGroup .docGroup > .operators {
154 z-index: 32;
155}
156
157.docGroup .docGroup .docGroup .docGroup > .operators {
158 z-index: 33;
159}
160
161.docGroup .docGroup .docGroup .docGroup .docGroup > .operators {
162 z-index: 34;
163}
164
165.vc .doc > span.key,
166.vc .doc > span.value {
167 font-weight: bold;
168}
169
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]170.vc .operators {
171 color: #7ba400;
172 border-color: white;
173 text-align: center;
174 font-weight: bold;
175 border-style: solid;
176}
177
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]178.vc .docGroup > .operators {
179 position: absolute;
180 display: block;
181 top: 10px;
182 vertical-align: middle;
183}
184
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]185.vc .doc > .operators {
186 display: inline-block;
Nils Diewald0297ba12015-01-05 21:56:12 +0000[diff] [blame^]187 border-color: #ffa500;
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]188 border-width: 2px 2px 2px 2px;
189 border-radius: 7px;
190}
191
192.vc .docGroup > .operators {
193 left: 3px;
194 border-width: 2px 2px 2px 0;
195 border-top-right-radius: 7px;
196 border-bottom-right-radius: 7px;
197 margin-left: 100%;
Nils Diewald0297ba12015-01-05 21:56:12 +0000[diff] [blame^]198 padding: 0;
Nils Diewald966abf12014-12-20 02:27:45 +0000[diff] [blame]199}
200
201.vc .docGroup:hover {
202 background-color: rgba(255,255,255,0.2);
203}
204
205.vc .docGroup:hover > .operators,
206.vc .doc:hover > .operators {
207 opacity: 1;
208}