mirror/poke
1
0
Fork 0
mirror of https://codeberg.org/ashley/poke.git synced 2024-11-28 13:39:07 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

reformat file - fix SD videos

Browse source
This commit is contained in:
Ashley 2022-12-14 19:03:30 +00:00
parent 43f26f53db
commit 982f9eac4f
1 changed files with 18 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
css/poketube.css
View file

@ -37,11 +37,12 @@
--div-prim-bg: #1c1c1c; --div-prim-bg: #1c1c1c;
--div-second-bg: #1a1a1a; --div-second-bg: #1a1a1a;
--div-transparent-bg: #0009; --div-transparent-bg: #0009;
--gutter: 1.67em; /* gutter variable - see line 330 */
/* video player */ /* video player */
--video-player-height-max: 720px; --video-player-height-max: 720px;
--video-player-width-max: 1280px; --video-player-width-max: 1280px;
} }
a.class:hover { a.class:hover {
@ -109,7 +110,7 @@ a {
margin: 10px; margin: 10px;
margin-top: 0px; margin-top: 0px;
margin-left: 0px; margin-left: 0px;
height: -moz-fit-content; height: -moz-fit-content;
height: fit-content; height: fit-content;
justify-self: center; justify-self: center;
margin-right: -0.9em; margin-right: -0.9em;
@ -191,7 +192,7 @@ a {
margin-right: -13px; margin-right: -13px;
width: fit-content; width: fit-content;
height: fit-content; height: fit-content;
width: -moz-fit-content; width: -moz-fit-content;
height: -moz-fit-content; height: -moz-fit-content;
border-radius: 43px; border-radius: 43px;
font-size: 15px; font-size: 15px;
@ -310,34 +311,29 @@ a {
margin-top: 12px; margin-top: 12px;
font-size: small; font-size: small;
color: gray !important; color: gray !important;
white-space: nowrap; white-space: nowrap;
} }
.video > .thumbnail { .video > .thumbnail {
border: 1px white solid; border: 1px white solid;
} }
.video-player-container { .video-player-container {
max-width: max-content;
margin: inherit; margin: inherit;
max-height: fit-content; max-width: 100%;
max-height: -moz-fit-content; min-width: 100%;
width: 100%;
aspect-ratio: 16 / 9; max-height: 100%;
} }
.watch-page { .watch-page {
display: grid; display: grid;
grid-template-columns: repeat(2, auto); grid-template-columns: repeat(2, auto);
--gutter: 1.67em; gap: var(--gutter);
gap: var(--gutter); margin-inline: var(--gutter);
margin-inline: var(--gutter);
/* For older chrome versions - yup they dont have margin-inline for some reason LMAFO */
/* For older chrome versions - yup they dont have margin-inline for some reason LMAFO */ margin-left: var(--gutter);
margin-left: var(--gutter); margin-right: var(--gutter);
margin-right: var(--gutter);
} }