mirror of
https://codeberg.org/ashley/poke.git
synced 2024-11-10 03:48: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 */
|
/* cyrillic */
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "Ubuntu";
|
font-family: "Ubuntu";
|
||||||
|
@ -691,6 +689,7 @@ html {
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
background-color: #250717;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
font-family: ubuntu, sans-serif;
|
font-family: ubuntu, sans-serif;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
|
@ -700,9 +699,6 @@ body {
|
||||||
min-height: 100vh;
|
min-height: 100vh;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: flex-start;
|
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}
|
body {cursor: url('/static/cursor.ico'), default}
|
||||||
|
|
||||||
|
@ -717,17 +713,6 @@ span > a,
|
||||||
li > a {cursor: url('/static/cursor-pointer.ico'), pointer}
|
li > a {cursor: url('/static/cursor-pointer.ico'), pointer}
|
||||||
.btn {cursor: url('/static/cursor-pointer.ico'), pointer !important}
|
.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-face {
|
||||||
font-family: "PokeTube Flex";
|
font-family: "PokeTube Flex";
|
||||||
src: url("https://p.poketube.fun/https://cdn.glitch.global/43b6691a-c8db-41d4-921c-8cf6aa0d9108/robotoflex.ttf?v=16683434286881");
|
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;
|
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