2016-02-24 02:30:21 +00:00
|
|
|
.l-splash {
|
|
|
|
background-size: cover;
|
2016-02-22 23:44:57 +00:00
|
|
|
position: absolute;
|
2016-02-24 02:30:21 +00:00
|
|
|
top: 0;
|
|
|
|
right: 0;
|
|
|
|
bottom: 0;
|
|
|
|
left: 0;
|
|
|
|
&:before,
|
|
|
|
&:after {
|
|
|
|
background-position: center;
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
background-size: contain;
|
|
|
|
content: '';
|
2016-02-22 23:44:57 +00:00
|
|
|
position: absolute;
|
|
|
|
}
|
|
|
|
|
2016-02-24 02:30:21 +00:00
|
|
|
&:before {
|
|
|
|
// NASA logo
|
|
|
|
$w: 5%;
|
|
|
|
$m: 10px;
|
|
|
|
background-image: url($dirImgs + 'logo-nasa.svg');
|
|
|
|
top: $m;
|
|
|
|
right: auto;
|
|
|
|
bottom: auto;
|
|
|
|
left: $m;
|
|
|
|
height: auto;
|
|
|
|
width: $w * 2;
|
|
|
|
padding-bottom: $w;
|
|
|
|
padding-top: $w;
|
|
|
|
}
|
|
|
|
|
|
|
|
&:after {
|
|
|
|
// App logo
|
|
|
|
top: 0;
|
|
|
|
right: 15%;
|
|
|
|
bottom: 0;
|
|
|
|
left: 15%;
|
|
|
|
}
|
2016-02-22 23:44:57 +00:00
|
|
|
}
|
2016-02-24 02:30:21 +00:00
|
|
|
|
|
|
|
.s-splash {
|
|
|
|
background-image: url($dirImgs + "bg-about-openmctweb.jpg"); // For OpenMCT Web.
|
|
|
|
&:after {
|
|
|
|
background-image: url($dirImgs + 'logo-openmctweb-shdw.svg');
|
|
|
|
}
|
2016-02-22 23:44:57 +00:00
|
|
|
}
|