VeltronNET/VELTRON.NET
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

chore: fixes

Browse source
This commit is contained in:
MattTheTekie 2026-03-28 17:36:14 -04:00
commit 22162d93da
1 changed files with 59 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

113
css/global.css
View file

@ -818,46 +818,85 @@ a:hover {
.left_banner {
position:fixed;
top: 250px;
left: 40px;
width: 383px;
height: 626px;
background-image: url("https://www.veltron.net/images/dragon.png");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
animation: float 6s ease-in-out infinite;
z-index: 94;
}
.right_banner {
position:fixed;
top: 150px;
right: 40px;
width: 383px;
height: 626px;
background-image: url("https://www.veltron.net/images/digimon.png");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
animation: float 6s ease-in-out infinite;
z-index: 94;
}
/* =========================
* BELOW 1920 (HIDE)
* BASE (1920 DESIGN)
= *======================== */
@media (max-width: 1870px) {
.left_banner,
.right_banner {
position: fixed;
width: 383px;
height: 626px;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
animation: float 6s ease-in-out infinite;
z-index: 9999;
pointer-events: none;
}
/* images */
.left_banner {
background-image: url("https://www.veltron.net/images/dragon.png");
top: 250px;
left: 40px;
}
.right_banner {
background-image: url("https://www.veltron.net/images/digimon.png");
top: 150px;
right: 40px;
}
/* =========================
* SMALL LAPTOPS (1200–1600)
= *======================== */
@media (max-width: 1600px) {
.left_banner,
.right_banner {
width: 260px;
height: 425px;
}
.left_banner {
top: 180px;
left: 10px;
}
.right_banner {
top: 120px;
right: 10px;
}
}
/* =========================
* 4K ONLY (make slightly bigger, NOT scaled math)
= *======================== */
@media (min-width: 3000px) {
.left_banner,
.right_banner {
width: 520px;
height: 850px;
}
.left_banner {
top: 320px;
left: 80px;
}
.right_banner {
top: 200px;
right: 80px;
}
}
/* =========================
* MOBILE
= *======================== */
@media (max-width: 768px) {
.left_banner,
.right_banner {
display: none !important;