Revision 61284
Added by Konstantinos Triantafyllou almost 3 years ago
modules/uoa-services-library/branches/angular-11/ng-openaire-library/src/app/monitor/how/how.component.css | ||
---|---|---|
8 | 8 |
text-align: center; |
9 | 9 |
padding-bottom: 5%; |
10 | 10 |
position: absolute; |
11 |
background-image: url("/assets/common-assets/monitor-assets/green-arrows/1.svg"); |
|
11 |
background-image: url("~src/assets/common-assets/monitor-assets/green-arrows/1.svg");
|
|
12 | 12 |
right: -21%; |
13 | 13 |
top: 33%; |
14 | 14 |
width: 20%; |
... | ... | |
27 | 27 |
text-align: center; |
28 | 28 |
padding-bottom: 5%; |
29 | 29 |
position: absolute; |
30 |
background-image: url("/assets/common-assets/monitor-assets/green-arrows/2.svg"); |
|
30 |
background-image: url("~src/assets/common-assets/monitor-assets/green-arrows/2.svg");
|
|
31 | 31 |
right: -10%; |
32 | 32 |
top: 31%; |
33 | 33 |
width: 30%; |
... | ... | |
50 | 50 |
padding-top: 5%; |
51 | 51 |
padding-bottom: 5%; |
52 | 52 |
position: absolute; |
53 |
background-image: url("/assets/common-assets/monitor-assets/green-arrows/3.svg"); |
|
53 |
background-image: url("~src/assets/common-assets/monitor-assets/green-arrows/3.svg");
|
|
54 | 54 |
bottom: 6%; |
55 | 55 |
left: 6%; |
56 | 56 |
transform: translateY(100%); |
... | ... | |
74 | 74 |
text-align: center; |
75 | 75 |
padding-bottom: 5%; |
76 | 76 |
position: absolute; |
77 |
background-image: url("/assets/common-assets/monitor-assets/green-arrows/4.svg"); |
|
77 |
background-image: url("~src/assets/common-assets/monitor-assets/green-arrows/4.svg");
|
|
78 | 78 |
left: -18%; |
79 | 79 |
top: 35%; |
80 | 80 |
width: 30%; |
... | ... | |
96 | 96 |
text-align: center; |
97 | 97 |
padding-bottom: 5%; |
98 | 98 |
position: absolute; |
99 |
background-image: url("/assets/common-assets/monitor-assets/green-arrows/5.svg"); |
|
99 |
background-image: url("~src/assets/common-assets/monitor-assets/green-arrows/5.svg");
|
|
100 | 100 |
left: -35%; |
101 | 101 |
top: 36%; |
102 | 102 |
width: 30%; |
... | ... | |
124 | 124 |
.how .final > div:first-child:before { |
125 | 125 |
content: ""; |
126 | 126 |
position: absolute; |
127 |
background-image: url("/assets/common-assets/monitor-assets/green-arrows/6.svg"); |
|
127 |
background-image: url("~src/assets/common-assets/monitor-assets/green-arrows/6.svg");
|
|
128 | 128 |
left: -20%; |
129 | 129 |
top: -20%; |
130 | 130 |
height: 70%; |
... | ... | |
137 | 137 |
.how .final > div:first-child:after { |
138 | 138 |
content: "We make visualizations, graphs, reports and deliver all in a customisable tool"; |
139 | 139 |
position: absolute; |
140 |
background-image: url("/assets/common-assets/monitor-assets/how/circle.png"); |
|
140 |
background-image: url("~src/assets/common-assets/monitor-assets/how/circle.png");
|
|
141 | 141 |
right: -220px; |
142 | 142 |
top: -20%; |
143 | 143 |
width: 300px; |
... | ... | |
173 | 173 |
text-align: center; |
174 | 174 |
padding: 25px 105px 25px 0; |
175 | 175 |
position: absolute; |
176 |
background-image: url("/assets/common-assets/monitor-assets/green-arrows/3.svg"); |
|
176 |
background-image: url("~src/assets/common-assets/monitor-assets/green-arrows/3.svg");
|
|
177 | 177 |
left: 26%; |
178 | 178 |
top: 72%; |
179 | 179 |
background-size: contain; |
... | ... | |
191 | 191 |
text-align: center; |
192 | 192 |
padding: 25px 105px 25px 0; |
193 | 193 |
position: absolute; |
194 |
background-image: url("/assets/common-assets/monitor-assets/green-arrows/3.svg"); |
|
194 |
background-image: url("~src/assets/common-assets/monitor-assets/green-arrows/3.svg");
|
|
195 | 195 |
left: 25%; |
196 | 196 |
top: 70%; |
197 | 197 |
background-size: contain; |
... | ... | |
209 | 209 |
text-align: center; |
210 | 210 |
padding: 25px 105px 25px 0; |
211 | 211 |
position: absolute; |
212 |
background-image: url("/assets/common-assets/monitor-assets/green-arrows/3.svg"); |
|
212 |
background-image: url("~src/assets/common-assets/monitor-assets/green-arrows/3.svg");
|
|
213 | 213 |
left: 17%; |
214 | 214 |
top: 75%; |
215 | 215 |
background-size: contain; |
... | ... | |
231 | 231 |
text-align: center; |
232 | 232 |
padding: 25px 105px 25px 0; |
233 | 233 |
position: absolute; |
234 |
background-image: url("/assets/common-assets/monitor-assets/green-arrows/3.svg"); |
|
234 |
background-image: url("~src/assets/common-assets/monitor-assets/green-arrows/3.svg");
|
|
235 | 235 |
left: 26%; |
236 | 236 |
top: 79%; |
237 | 237 |
background-size: contain; |
... | ... | |
249 | 249 |
text-align: center; |
250 | 250 |
padding: 25px 105px 25px 0; |
251 | 251 |
position: absolute; |
252 |
background-image: url("/assets/common-assets/monitor-assets/green-arrows/3.svg"); |
|
252 |
background-image: url("~src/assets/common-assets/monitor-assets/green-arrows/3.svg");
|
|
253 | 253 |
left: 27%; |
254 | 254 |
top: 76%; |
255 | 255 |
background-size: contain; |
... | ... | |
276 | 276 |
.how .final > div:first-child:before { |
277 | 277 |
content: ""; |
278 | 278 |
position: absolute; |
279 |
background-image: url("/assets/common-assets/monitor-assets/green-arrows/6.svg"); |
|
279 |
background-image: url("~src/assets/common-assets/monitor-assets/green-arrows/6.svg");
|
|
280 | 280 |
left: 32%; |
281 | 281 |
top: -80%; |
282 | 282 |
height: 70%; |
... | ... | |
289 | 289 |
.how .final > div:first-child:after { |
290 | 290 |
content: "We make visualizations, graphs, reports and deliver all in a customisable tool"; |
291 | 291 |
position: absolute; |
292 |
background-image: url("/assets/common-assets/monitor-assets/how/circle.png"); |
|
292 |
background-image: url("~src/assets/common-assets/monitor-assets/how/circle.png");
|
|
293 | 293 |
left: -62%; |
294 | 294 |
top: 85%; |
295 | 295 |
width: 300px; |
Also available in: Unified diff
[Library | Angular 11]: how css change paths to relatives