Revision 58879
Added by Konstantinos Triantafyllou almost 4 years ago
| home.component.css | ||
|---|---|---|
| 1 | 1 |
.home-background {
|
| 2 | 2 |
background-size: contain, cover; |
| 3 | 3 |
background-repeat: no-repeat; |
| 4 |
background-image: url("~assets/monitor-assets/home/lighthouse.png"), url("~assets/monitor-assets/home/background.svg");
|
|
| 4 |
background-image: url("/assets/monitor-assets/home/lighthouse.png"), url("/assets/monitor-assets/home/background.svg");
|
|
| 5 | 5 |
background-blend-mode: darken; |
| 6 | 6 |
} |
| 7 | 7 |
|
| ... | ... | |
| 9 | 9 |
.home-background {
|
| 10 | 10 |
background-size: cover; |
| 11 | 11 |
background-repeat: no-repeat; |
| 12 |
background-image: url("~assets/monitor-assets/home/background.svg");
|
|
| 12 |
background-image: url("/assets/monitor-assets/home/background.svg");
|
|
| 13 | 13 |
} |
| 14 | 14 |
} |
| 15 | 15 |
|
| 16 | 16 |
.dashboard-section{
|
| 17 |
background-image: url("~assets/monitor-assets/home/graph-background.svg");
|
|
| 17 |
background-image: url("/assets/monitor-assets/home/graph-background.svg");
|
|
| 18 | 18 |
background-size: cover; |
| 19 | 19 |
background-repeat: no-repeat; |
| 20 | 20 |
background-position: left center; |
| ... | ... | |
| 29 | 29 |
|
| 30 | 30 |
.dashboard-section .dashboard {
|
| 31 | 31 |
transform: translateY(-50%); |
| 32 |
background-image: url("~assets/monitor-assets/home/dashboard.png");
|
|
| 32 |
background-image: url("/assets/monitor-assets/home/dashboard.png");
|
|
| 33 | 33 |
background-size: cover; |
| 34 | 34 |
background-repeat: no-repeat; |
| 35 | 35 |
background-position: top center; |
| ... | ... | |
| 45 | 45 |
} |
| 46 | 46 |
|
| 47 | 47 |
.dashboard-section .dashboard .captain-left {
|
| 48 |
background-image: url("~assets/monitor-assets/home/captain-left.png");
|
|
| 48 |
background-image: url("/assets/monitor-assets/home/captain-left.png");
|
|
| 49 | 49 |
background-size: contain; |
| 50 | 50 |
background-repeat: no-repeat; |
| 51 | 51 |
background-position: top center; |
| ... | ... | |
| 58 | 58 |
|
| 59 | 59 |
|
| 60 | 60 |
.dashboard-section .dashboard .captain-right {
|
| 61 |
background-image: url("~assets/monitor-assets/home/captain-right.png");
|
|
| 61 |
background-image: url("/assets/monitor-assets/home/captain-right.png");
|
|
| 62 | 62 |
background-size: contain; |
| 63 | 63 |
background-repeat: no-repeat; |
| 64 | 64 |
background-position: top center; |
| ... | ... | |
| 109 | 109 |
|
| 110 | 110 |
@media (min-width: 960px) and (max-width: 1199px){
|
| 111 | 111 |
.boat-section {
|
| 112 |
background-image: url("~assets/monitor-assets/home/boat.png");
|
|
| 112 |
background-image: url("/assets/monitor-assets/home/boat.png");
|
|
| 113 | 113 |
background-repeat: no-repeat; |
| 114 | 114 |
background-position: center center; |
| 115 | 115 |
background-size: 30% ; |
| ... | ... | |
| 123 | 123 |
} |
| 124 | 124 |
|
| 125 | 125 |
.boat-section .boat {
|
| 126 |
background-image: url("~assets/monitor-assets/home/boat.png");
|
|
| 126 |
background-image: url("/assets/monitor-assets/home/boat.png");
|
|
| 127 | 127 |
background-size: contain; |
| 128 | 128 |
background-repeat: no-repeat; |
| 129 | 129 |
margin: 0 0 -30px 50%; |
| ... | ... | |
| 151 | 151 |
} |
| 152 | 152 |
|
| 153 | 153 |
.graph-section {
|
| 154 |
background-image: url("~assets/monitor-assets/home/graph-background.svg");
|
|
| 154 |
background-image: url("/assets/monitor-assets/home/graph-background.svg");
|
|
| 155 | 155 |
background-size: cover; |
| 156 | 156 |
background-repeat: no-repeat; |
| 157 | 157 |
} |
Also available in: Unified diff
[Monitor | Trunk]: Component css change paths to relatives