61 lines
1.7 KiB
CSS
61 lines
1.7 KiB
CSS
#os-logo {
|
|
position: absolute;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: #000 url('/shared/resources/branding/initlogo.png') no-repeat center / cover;
|
|
z-index: 65538;
|
|
opacity: 1;
|
|
transition: opacity 1s ease 2s;
|
|
pointer-events: none;
|
|
}
|
|
|
|
#carrier-logo {
|
|
position: absolute;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
#carrier-logo > img,
|
|
#poweroff-splash > img {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
opacity: 1;
|
|
transition: opacity 1s ease 2s;
|
|
}
|
|
|
|
#carrier-logo > video,
|
|
#poweroff-splash > video {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: absolute;
|
|
opacity: 1;
|
|
transition: opacity 1s ease;
|
|
}
|
|
|
|
#carrier-logo.transparent {
|
|
background: transparent;
|
|
}
|
|
|
|
#carrier-logo > img.hide,
|
|
#carrier-logo > video.hide,
|
|
#os-logo.hide,
|
|
#poweroff-splash > img.hide,
|
|
#poweroff-splash > video.hide {
|
|
opacity: 0;
|
|
}
|
|
|
|
@media (min-width: 1200px) and (orientation: landscape) {
|
|
#os-logo {
|
|
background: #000 url('/shared/resources/branding/initlogo_large.png') no-repeat center / cover;
|
|
}
|
|
}
|
|
|
|
/* VULPES BRAND START: assets from ressources; keep Gaia's boot lifecycle. */
|
|
#os-logo { background: #071d35 url('/shared/resources/branding/vulpes-wallpaper.png') center / cover; display:flex; flex-direction:column; align-items:center; justify-content:center; }
|
|
#os-logo::before { content:""; width:190px; height:190px; flex:none; background:url('/shared/resources/branding/vulpes-symbol.png') center / contain no-repeat; }
|
|
#os-logo::after { content:"Vulpes 2.7\A A community continuation of Firefox OS"; white-space:pre-line; padding:12px 22px; color:#f5f8fa; text-shadow:0 2px 8px #071d35; font:500 20px/1.8 sans-serif; text-align:center; }
|
|
#poweroff-splash { background:#071d35; }
|
|
/* VULPES BRAND END */
|