Stavo cercando proprio questo. Sarebbe bello se fosse almeno un’opzione, in modo che le immagini nei post avessero un contenitore unico.
Ho un caso d’uso in cui uno dei temi disponibili serve a oscurare ciò che stai visualizzando (al lavoro, in pubblico, ecc. Pensa a GhostZilla) e utilizza il contenitore lightbox per selezionare via CSS le immagini dei post e nasconderle finché non passi il mouse sopra.
a.lightbox img {visibility:hidden};
a.lightbox {background-color:#eeeeee;}
a.lightbox:hover img {visibility:visible;}
a.lightbox:hover {background-color:transparent;}
a #site-logo {visibility:hidden};
a:hover #site-logo {visibility:visible};
header div.title a {background-color:#eeeeee;}
header div.title a:hover {background-color:transparent;}
a.main-avatar img.avatar {visibility:hidden !important;}
a.main-avatar {background-color:#eeeeee !important;}
a.main-avatar:hover img.avatar {visibility:visible !important;}
a.main-avatar:hover {background-color:transparent !important;}
.posters a img.avatar {visibility:hidden !important;}
.posters a {background-color:#eeeeee !important;}
.posters a:hover img.avatar {visibility:visible !important;}
.posters a:hover {background-color:transparent !important;}
.topic-poster a img.avatar {visibility:hidden !important;}
.topic-poster a {background-color:#eeeeee !important;}
.topic-poster a:hover img.avatar {visibility:visible !important;}
.topic-poster a:hover {background-color:transparent !important;}