70 lines
1.4 KiB
CSS
70 lines
1.4 KiB
CSS
/* Vanilla 1.21.11 map_background.png, rendered with its original alpha edges. */
|
|
.card-map-content {
|
|
position: absolute;
|
|
inset: 0;
|
|
}
|
|
.home-page .minecraft-paper {
|
|
--map-paper-inset: 9.375%;
|
|
border: 0;
|
|
outline: 0;
|
|
clip-path: none;
|
|
background: url("/images/minecraft-map-background.png") center / 100% 100%
|
|
no-repeat;
|
|
box-shadow: none;
|
|
image-rendering: pixelated;
|
|
filter: drop-shadow(4px 6px 0 #04080c99);
|
|
}
|
|
.home-page .map-art-frame {
|
|
width: 320px;
|
|
height: 320px;
|
|
transform: none;
|
|
padding: 0;
|
|
}
|
|
.home-page .map-art-frame img {
|
|
position: absolute;
|
|
inset: var(--map-paper-inset);
|
|
width: 81.25%;
|
|
height: 81.25%;
|
|
display: block;
|
|
object-fit: contain;
|
|
image-rendering: pixelated;
|
|
}
|
|
.home-page .card-image .card-map-content {
|
|
inset: var(--map-paper-inset);
|
|
}
|
|
.home-page .minecraft-paper.card-image .card-map-content img {
|
|
object-fit: contain;
|
|
}
|
|
.home-page .map-card:hover .minecraft-paper img {
|
|
transform: none;
|
|
}
|
|
.home-page .minecraft-paper .card-type {
|
|
top: -16px;
|
|
left: 0;
|
|
}
|
|
.home-page .empty-map-art {
|
|
aspect-ratio: 1;
|
|
padding: 0;
|
|
transform: none;
|
|
}
|
|
.home-page .empty-map-art img {
|
|
position: absolute;
|
|
inset: var(--map-paper-inset);
|
|
width: 81.25%;
|
|
height: 81.25%;
|
|
object-fit: contain;
|
|
filter: none;
|
|
}
|
|
@media (max-width: 1000px) {
|
|
.home-page .map-art-frame {
|
|
width: 288px;
|
|
height: 288px;
|
|
}
|
|
}
|
|
@media (max-width: 700px) {
|
|
.home-page .map-art-frame {
|
|
width: 256px;
|
|
height: 256px;
|
|
}
|
|
}
|