mirror/poke
1
0
Fork 0
mirror of https://codeberg.org/ashley/poke.git synced 2024-11-26 02:38:56 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

i hate css

Browse source
This commit is contained in:
Ashley 2022-11-07 14:47:23 +01:00
parent 985bf2cc03
commit a031c09b9e
1 changed files with 37 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

67
css/poketube.css
View file

@ -94,48 +94,55 @@ a {
#8e6f7e 100% #8e6f7e 100%
); );
display: block; display: block;
width: 53em;
margin: auto; margin: auto;
justify-self: left; justify-self: left;
position: absolute; position: absolute;
} }
/* RESPONSIVE STUFF */
@media screen and (min-width: 1100px) {
.video-info-panel.gradient {
width: 41em;
}
}
@media screen and (min-width: 1200px) {
.video-info-panel.gradient {
width: 48em;
}
}
@media screen and (min-width: 1300px) {
.video-info-panel.gradient {
width: 54em;
}
}
@media screen and (min-width: 1400px) { @media screen and (min-width: 1400px) {
.video-info-panel.gradient { .video-info-panel.gradient {
padding: 12px; width: 60em;
border-radius: 11px; }
background-image: linear-gradient(
135deg,
#f97794 10%,
#623aa2 100%,
#8e6f7e 100%
);
display: block;
width: 63em;
margin: auto;
justify-self: left;
position: absolute;
}
} }
@media screen and (max-width: 1200px) { @media screen and (min-width: 1500px) {
.video-info-panel.gradient { .video-info-panel.gradient {
padding: 12px; width: 66em;
border-radius: 11px; }
background-image: linear-gradient(
135deg,
#f97794 10%,
#623aa2 100%,
#8e6f7e 100%
);
display: block;
width: 48em;
margin: auto;
justify-self: left;
position: absolute;
}
} }
@media screen and (min-width: 1600px) {
.video-info-panel.gradient {
width: 72em;
}
}
@media screen and (min-width: 1800px) {
.video-info-panel.gradient {
width: 85em;
}
}
/* RESPONSIVE END */
.video-info-pill-channelname { .video-info-pill-channelname {
color: #fff; color: #fff;