Files
devplacepy/devplacepy/static/css/lightbox.css
T
retoor 7fc9b0f715 chore: add retoor header to all devplacepy source files and update style agent header rule
The diff adds the mandatory `retoor <retoor@molodetz.nl>` header comment to every `.py` file under `devplacepy/` (including `__init__.py` and `routers/__init__.py`), and updates the `StyleAgent` in `agents/style.py` to instruct agents to only add the header on created or already-edited files rather than sweeping the entire repo. The `agents/base.py` operating protocol is also revised to reorder and clarify tool discipline rules.
2026-06-11 23:58:46 +00:00

61 lines
1.1 KiB
CSS

/* retoor <retoor@molodetz.nl> */
img[data-lightbox] {
cursor: zoom-in;
}
.lightbox-overlay {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.9);
display: none;
align-items: center;
justify-content: center;
z-index: 10000;
cursor: zoom-out;
overscroll-behavior: contain;
}
.lightbox-overlay.visible {
display: flex;
}
.lightbox-overlay .lightbox-image {
max-width: 95vw;
max-height: 90vh;
object-fit: contain;
border-radius: var(--radius);
cursor: default;
}
.lightbox-close {
position: absolute;
top: 1rem;
right: 1rem;
width: 40px;
height: 40px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.1);
color: var(--white);
border: none;
font-size: 1.25rem;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.lightbox-close:hover {
background: rgba(255, 255, 255, 0.2);
}
@media (hover: none) and (pointer: coarse) {
.lightbox-close {
width: 48px;
height: 48px;
top: 0.75rem;
right: 0.75rem;
font-size: 1.375rem;
}
}