mirror of
https://codeberg.org/ashley/poke.git
synced 2024-11-10 03:28:35 +01:00
Position video with opacity on background
This commit is contained in:
parent
259c0de074
commit
18cc442f59
1 changed files with 26 additions and 16 deletions
|
@ -1,5 +1,3 @@
|
|||
|
||||
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: "Ubuntu";
|
||||
|
@ -691,6 +689,7 @@ html {
|
|||
}
|
||||
|
||||
body {
|
||||
background-color: #250717;
|
||||
color: #fff;
|
||||
font-family: ubuntu, sans-serif;
|
||||
margin: auto;
|
||||
|
@ -700,9 +699,6 @@ body {
|
|||
min-height: 100vh;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
background-image: radial-gradient(circle, #231638, #2b160e, #09250e, #0f132b);
|
||||
animation: gradient 64s ease infinite;
|
||||
background-size: 400% 400%;
|
||||
}
|
||||
body {cursor: url('/static/cursor.ico'), default}
|
||||
|
||||
|
@ -717,17 +713,6 @@ span > a,
|
|||
li > a {cursor: url('/static/cursor-pointer.ico'), pointer}
|
||||
.btn {cursor: url('/static/cursor-pointer.ico'), pointer !important}
|
||||
|
||||
@keyframes gradient {
|
||||
0% {
|
||||
background-position: 0 50%;
|
||||
}
|
||||
50% {
|
||||
background-position: 100% 50%;
|
||||
}
|
||||
100% {
|
||||
background-position: 0 50%;
|
||||
}
|
||||
}
|
||||
@font-face {
|
||||
font-family: "PokeTube Flex";
|
||||
src: url("https://p.poketube.fun/https://cdn.glitch.global/43b6691a-c8db-41d4-921c-8cf6aa0d9108/robotoflex.ttf?v=16683434286881");
|
||||
|
@ -896,3 +881,28 @@ button[type="submit"]:hover {
|
|||
margin: auto;
|
||||
}
|
||||
}
|
||||
|
||||
video {
|
||||
position: fixed;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: cover;
|
||||
z-index: -1;
|
||||
opacity: 0.2;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
|
||||
@media screen and (max-width: 1919px) {
|
||||
#HD-BG {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1920px) {
|
||||
#SD-BG {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue