chore: fixes
This commit is contained in:
parent
e00adcd128
commit
385dabac69
1 changed files with 15 additions and 7 deletions
|
|
@ -817,6 +817,9 @@ a:hover {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* =========================
|
||||||
|
* BASE (always stable foundation)
|
||||||
|
= *======================== */
|
||||||
.left_banner,
|
.left_banner,
|
||||||
.right_banner {
|
.right_banner {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
|
|
@ -833,25 +836,32 @@ a:hover {
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* always define images ONCE (no duplication bugs) */
|
||||||
|
.left_banner {
|
||||||
|
background-image: url("https://www.veltron.net/images/dragon.png");
|
||||||
|
}
|
||||||
|
|
||||||
|
.right_banner {
|
||||||
|
background-image: url("https://www.veltron.net/images/digimon.png");
|
||||||
|
}
|
||||||
|
|
||||||
/* =========================
|
/* =========================
|
||||||
* 1920×1080 (NORMAL SIZE)
|
* 1920+ DESKTOP (NORMAL SIZE)
|
||||||
= *======================== */
|
= *======================== */
|
||||||
@media (min-width: 1920px) {
|
@media (min-width: 1920px) {
|
||||||
.left_banner {
|
.left_banner {
|
||||||
top: 250px;
|
top: 250px;
|
||||||
left: 40px;
|
left: 40px;
|
||||||
background-image: url("https://www.veltron.net/images/dragon.png");
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.right_banner {
|
.right_banner {
|
||||||
top: 150px;
|
top: 150px;
|
||||||
right: 40px;
|
right: 40px;
|
||||||
background-image: url("https://www.veltron.net/images/digimon.png");
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* =========================
|
/* =========================
|
||||||
* 1280–1919 (SMALL BUT VISIBLE)
|
* 1280–1919 (SMALL VERSION, STILL VISIBLE)
|
||||||
= *======================== */
|
= *======================== */
|
||||||
@media (max-width: 1919px) and (min-width: 1280px) {
|
@media (max-width: 1919px) and (min-width: 1280px) {
|
||||||
.left_banner,
|
.left_banner,
|
||||||
|
|
@ -863,13 +873,11 @@ a:hover {
|
||||||
.left_banner {
|
.left_banner {
|
||||||
top: 180px;
|
top: 180px;
|
||||||
left: 10px;
|
left: 10px;
|
||||||
background-image: url("https://www.veltron.net/images/dragon.png");
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.right_banner {
|
.right_banner {
|
||||||
top: 120px;
|
top: 120px;
|
||||||
right: 10px;
|
right: 10px;
|
||||||
background-image: url("https://www.veltron.net/images/digimon.png");
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -879,6 +887,6 @@ a:hover {
|
||||||
@media (max-width: 1279px) {
|
@media (max-width: 1279px) {
|
||||||
.left_banner,
|
.left_banner,
|
||||||
.right_banner {
|
.right_banner {
|
||||||
display: none;
|
display: none !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue