- Đưa truyện tranh về khắp buôn làng.
- Đưa truyện tranh về khắp buôn làng.
🎬 Ủng hộ Làng Geek một view nhé hỡi các cư dân của chúng tôi 🎬
🎬 Ủng hộ Làng Geek một view nhé hỡi các cư dân của chúng tôi 🎬
/* ============================================= */
/* CSS SỬA LỖI CHO POPUP MAKER (pum-71864) */
/* ============================================= */
/* 1. Lớp phủ mờ toàn màn hình */
.pum-71864 .pum-overlay {
background: rgba(0,0,0,0.8) !important;
backdrop-filter: blur(8px) !important;
}
/* 2. Mặc định (Mobile, < 600px): Full màn hình */ .pum-71864 .pum-container, .pum-71864 .pum-content, .pum-71864 .pum-inner { background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; } .pum-71864 .pum-content img { width: 100% !important; height: 100% !important; object-fit: cover !important; /* Lấp đầy màn hình mobile */ }/* 3. Desktop / Tablet (từ 601px trở lên): Co lại, căn giữa */ @media screen and (min-width: 601px) { .pum-71864 .pum-container { /* SỬA LỖI: Chiều rộng hợp lý */ width: 300px !important; /* SỬA LỖI: Chiều cao tự động và giới hạn max-height */ height: auto !important; max-height: 80vh !important; /* 👈 Giới hạn chiều cao 80% màn hình */margin: 50px auto !important; border-radius: 12px !important; overflow: hidden; background: transparent !important; box-shadow: 0 0 20px rgba(0,0,0,0.5); } /* Căn giữa ảnh và bo viền */ .pum-71864 .pum-content { border: 5px solid rgba(255, 0, 0, 0.8) !important; background: #000 !important; /* Nền đen lót dưới ảnh */ border-radius: 12px !important; padding: 0 !important; }/* Ảnh bên trong popup desktop */ .pum-71864 .pum-content img { width: 100% !important; height: auto !important; object-fit: contain !important; /* Hiển thị toàn bộ ảnh */ display: block; } }/* Hiệu ứng hover ảnh */ .pum-71864 a:hover img { transform: scale(1.02); transition: all 0.2s ease; }
