Move background to it's own tag
This commit is contained in:
parent
915b275aab
commit
1cc2eb19a9
2 changed files with 83 additions and 76 deletions
|
@ -9,16 +9,22 @@ body {
|
|||
color: var(--on-surface);
|
||||
font-family: sans-serif;
|
||||
|
||||
/* main background image */
|
||||
background-image: var(--background);
|
||||
//background-size: auto;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
|
||||
/* Disable overflow */
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.bg {
|
||||
position: absolute;
|
||||
object-fit: cover;
|
||||
object-position: center;
|
||||
heigh: 100%;
|
||||
width: 100%;
|
||||
|
||||
z-index: -100;
|
||||
|
||||
content: var(--background);
|
||||
}
|
||||
|
||||
.silhouette {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
|
|
|
@ -11,6 +11,7 @@
|
|||
|
||||
</head>
|
||||
<body>
|
||||
<img class="bg"/>
|
||||
<div class="silhouette hideable hidden"></div>
|
||||
|
||||
<div id="clock-box" class="top-middle center-text top-bleed-extra">
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue