forked from achmizs/deus-gaming
71 lines
1.0 KiB
CSS
71 lines
1.0 KiB
CSS
@charset "UTF-8";
|
|
|
|
/*=========*/
|
|
/* Layout. */
|
|
/*=========*/
|
|
|
|
body.home-page {
|
|
--deus-body-padding: 2rem;
|
|
|
|
width: 100%;
|
|
height: 100vh;
|
|
}
|
|
body.home-page::before {
|
|
content: none;
|
|
}
|
|
|
|
/*===============*/
|
|
/* Splash image. */
|
|
/*===============*/
|
|
|
|
body.home-page #splash-image {
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 1.0;
|
|
transition: opacity 2.5s ease;
|
|
}
|
|
body.home-page #splash-image.hidden {
|
|
opacity: 0.0;
|
|
}
|
|
body.home-page #splash-image.fade {
|
|
opacity: 0.15;
|
|
transition: opacity 1s ease;
|
|
}
|
|
body.home-page #splash-image img {
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: contain;
|
|
}
|
|
|
|
/*================*/
|
|
/* Navigation UI. */
|
|
/*================*/
|
|
|
|
body.home-page #main-nav {
|
|
top: -2rem;
|
|
opacity: 0.0;
|
|
}
|
|
body.home-page #main-nav.shown {
|
|
top: 0;
|
|
opacity: 1.0;
|
|
transition:
|
|
top 1s ease,
|
|
opacity 1s ease;
|
|
}
|
|
|
|
/*===================*/
|
|
/* Copyright notice. */
|
|
/*===================*/
|
|
|
|
body.home-page #copyright {
|
|
bottom: -0.625rem;
|
|
opacity: 0.0;
|
|
}
|
|
body.home-page #copyright.shown {
|
|
bottom: 0.625rem;
|
|
opacity: 0.5;
|
|
transition:
|
|
bottom 1s ease,
|
|
opacity 1s ease;
|
|
}
|